*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#ffecd2,#fcb69f);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;position:sticky;top:0;z-index:1000;border-bottom:3px solid #d4a574}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px}.logo{display:flex;align-items:center;gap:10px;color:#8b4513}.logo i{font-size:2rem;color:#d4a574}.logo h1{font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,#8b4513,#d4a574);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:10px}.nav-btn{background:transparent;border:2px solid #d4a574;color:#8b4513;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9rem}.nav-btn:hover{background:#d4a574;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #d4a5744d}.nav-btn.active{background:#8b4513;color:#fff;border-color:#8b4513}.cart-summary{display:flex;align-items:center;gap:10px;background:#8b4513;color:#fff;padding:10px 15px;border-radius:25px;font-weight:600}.cart-summary i{font-size:1.2rem}.cart-count{background:#d4a574;color:#fff;padding:2px 8px;border-radius:50%;font-size:.8rem;min-width:20px;text-align:center}.section{display:none;padding:2rem 0;min-height:calc(100vh - 100px)}.section.active{display:block}.section-title{text-align:center;font-size:2.5rem;color:#8b4513;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.category{margin-bottom:3rem}.category h3{font-size:1.8rem;color:#8b4513;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #d4a574;display:inline-block}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.product-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;cursor:pointer}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.product-card img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.product-card:hover img{transform:scale(1.05)}.product-info{padding:1.5rem}.product-info h4{font-size:1.3rem;color:#8b4513;margin-bottom:.5rem}.price{font-size:1.4rem;font-weight:700;color:#d4a574;margin-bottom:1rem}.add-to-cart{width:100%;background:linear-gradient(45deg,#8b4513,#d4a574);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.add-to-cart:hover{transform:translateY(-2px);box-shadow:0 5px 15px #8b45134d}.cashier-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.cart-section,.payment-section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a}.cart-section h3,.payment-section h3{color:#8b4513;margin-bottom:1.5rem;font-size:1.5rem;border-bottom:2px solid #d4a574;padding-bottom:.5rem}.cart-items{max-height:300px;overflow-y:auto;margin-bottom:1.5rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee;background:#f9f9f9;margin-bottom:.5rem;border-radius:8px}.cart-item-info{flex:1}.cart-item-name{font-weight:600;color:#8b4513}.cart-item-price{color:#d4a574;font-weight:500}.cart-item-controls{display:flex;align-items:center;gap:10px}.qty-btn{background:#d4a574;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-weight:700}.qty-btn:hover{background:#8b4513}.cart-totals{border-top:2px solid #d4a574;padding-top:1rem}.total-line{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:1.1rem}.total-line.total{font-weight:700;font-size:1.3rem;color:#8b4513;border-top:1px solid #ddd;padding-top:.5rem;margin-top:.5rem}.checkout-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-clear,.btn-checkout{flex:1;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-clear{background:#dc3545;color:#fff}.btn-clear:hover{background:#c82333;transform:translateY(-2px)}.btn-checkout{background:linear-gradient(45deg,#28a745,#20c997);color:#fff}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.payment-form{display:flex;flex-direction:column;gap:1rem}.payment-form label{font-weight:600;color:#8b4513}.payment-form input,.payment-form select{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.payment-form input:focus,.payment-form select:focus{outline:none;border-color:#d4a574}.change-display{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;color:#8b4513;background:#f8f9fa;padding:1rem;border-radius:8px;margin-top:1rem}.history-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1rem 2rem;border-radius:15px;box-shadow:0 5px 15px #0000001a}.total-sales{font-size:1.2rem;font-weight:700;color:#8b4513}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 5px 15px #0000001a;border-left:5px solid #d4a574}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.history-date{font-weight:600;color:#8b4513}.history-total{font-weight:700;font-size:1.2rem;color:#d4a574}.history-items{display:flex;flex-direction:column;gap:.5rem}.history-item-line{display:flex;justify-content:space-between;color:#666}.about-content{background:#fff;padding:3rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-top:2rem}.manager-profile{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #d4a574}.manager-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:5px solid #d4a574;box-shadow:0 10px 30px #0000001a}.manager-info h3{font-size:2rem;color:#8b4513;margin-bottom:.5rem}.title{font-size:1.2rem;color:#d4a574;font-weight:600;margin-bottom:.5rem}.experience{color:#666;font-style:italic}.manager-story h4{color:#8b4513;font-size:1.5rem;margin:2rem 0 1rem}.manager-story p{margin-bottom:1.5rem;line-height:1.8;color:#555}.manager-story ul{margin-left:2rem;margin-bottom:1.5rem}.manager-story li{margin-bottom:.5rem;color:#555}@media (max-width: 768px){.header .container{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center}.products-grid{grid-template-columns:1fr}.cashier-layout{grid-template-columns:1fr;gap:2rem}.manager-profile{flex-direction:column;text-align:center}.manager-photo{width:150px;height:150px}.about-content{padding:2rem}.history-controls{flex-direction:column;gap:1rem;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section.active{animation:fadeIn .5s ease-in-out}.empty-cart,.no-history{text-align:center;color:#999;font-style:italic;padding:2rem}.message{position:fixed;top:100px;right:20px;padding:1rem 2rem;border-radius:8px;color:#fff;font-weight:600;z-index:1001;animation:slideIn .3s ease-out}.message.success{background:#28a745}.message.error{background:#dc3545}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}