*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--text-primary:#fff;--text-secondary:#b0b0b0;--accent:#6366f1;--accent-hover:#4f46e5;--border:#333;--success:#10b981;--error:#ef4444;--warning:#f59e0b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.notification-container{display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none;position:fixed;right:20px;top:90px;z-index:9999}.notification-container>*{pointer-events:auto}.notification-toast{align-items:center;animation:notificationIn .3s ease;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;font-size:.95rem;font-weight:500;gap:12px;justify-content:space-between;padding:14px 18px}@keyframes notificationIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-success{background-color:var(--success);color:#fff}.notification-error{background-color:var(--error);color:#fff}.notification-info{background-color:var(--accent);color:#fff}.notification-toast span{flex:1 1}.notification-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:1.4rem;line-height:1;opacity:.85;padding:0 2px}.notification-dismiss:hover{opacity:1}@media (max-width:768px){.notification-container{left:20px;max-width:none;right:20px;top:80px}}.App{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:80px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--accent)}.section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem;text-align:center}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .3s ease}.card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}@media (max-width:768px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.main-content{padding-top:70px}}.navbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{font-size:1.5rem;font-weight:700;text-decoration:none}.logo-text,.navbar-logo{color:var(--text-primary)}.logo-accent{color:var(--accent);margin-left:4px}.navbar-menu{align-items:center;display:flex;gap:2rem;list-style:none}.navbar-menu li a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .3s ease}.navbar-menu li a:hover{color:var(--accent)}.cart-link{background-color:var(--accent);border-radius:6px;color:#fff!important;padding:8px 16px}.cart-link:hover{background-color:var(--accent-hover)}.dashboard-link{color:var(--accent)!important;font-weight:600}.signup-link{background-color:var(--accent);border-radius:6px;color:#fff!important;padding:8px 16px}.signup-link:hover{background-color:var(--accent-hover)}.logout-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{border-color:var(--error);color:var(--error)}.menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;padding:5px}.menu-toggle span{background-color:var(--text-primary);border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}@media (max-width:768px){.menu-toggle{display:flex}.navbar-menu{background-color:var(--bg-secondary);border-top:1px solid var(--border);flex-direction:column;left:0;padding:20px 0;position:absolute;top:70px;transform:translateX(-100%);transition:transform .3s ease;width:100%}.navbar-menu.active{transform:translateX(0)}.navbar-menu li{padding:10px 0;text-align:center;width:100%}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border);margin-top:auto;padding:40px 0 20px}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{color:var(--accent);font-size:1.5rem;margin-bottom:1rem}.footer-section h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.footer-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-secondary);padding-top:20px;text-align:center}@media (max-width:768px){.footer-content{grid-template-columns:1fr}}.home{min-height:100vh}.hero{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);overflow:hidden;padding:120px 20px 80px;position:relative;text-align:center}.hero:before{background:radial-gradient(circle at 50% 50%,#6366f11a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{color:var(--text-secondary);font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem}.category-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;padding:2rem;text-align:center;text-decoration:none;transition:all .3s ease}.category-card:hover{border-color:var(--accent);box-shadow:0 12px 32px #6366f133;transform:translateY(-8px)}.category-icon{font-size:3rem;margin-bottom:1rem}.category-card h3{font-size:1.3rem;font-weight:600}.features-section{background-color:var(--bg-secondary)}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature-card{padding:2rem;text-align:center}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{align-items:center;flex-direction:column}.hero-buttons .btn{max-width:300px;width:100%}}.products-page{min-height:100vh;padding:40px 0}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.filter-btn{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s ease}.product-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #6366f133;transform:translateY(-4px)}.product-image-placeholder{align-items:center;background-color:var(--bg-tertiary);display:flex;height:250px;justify-content:center;overflow:hidden;width:100%}.product-image-placeholder img{height:100%;object-fit:cover;width:100%}.placeholder-icon{font-size:4rem;opacity:.5}.product-info{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.product-info h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:.5rem}.product-category{font-size:.9rem;margin-bottom:.5rem}.product-description{flex:1 1;line-height:1.5;margin-bottom:1rem}.product-price{font-size:1.5rem;margin-top:auto}.loading,.no-products{color:var(--text-secondary);font-size:1.2rem;padding:3rem;text-align:center}@media (max-width:768px){.products-grid{grid-template-columns:1fr}.page-title{font-size:2rem}}.product-detail-page{min-height:100vh;padding:40px 0}.back-btn{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;margin-bottom:2rem;padding:10px 20px;transition:all .3s ease}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.product-detail{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:2rem}.product-images{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.product-images img{display:block;height:auto;width:100%}.image-placeholder{align-items:center;background-color:var(--bg-tertiary);display:flex;font-size:5rem;height:400px;justify-content:center;width:100%}.product-details h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.product-category{color:var(--accent);font-weight:600;margin-bottom:1rem;text-transform:uppercase}.product-price{color:var(--accent);font-size:2rem;font-weight:700;margin-bottom:1.5rem}.product-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.spec-section{margin-bottom:1.5rem}.spec-section label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.spec-section select{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px;width:100%}.quantity-section{margin-bottom:2rem}.quantity-section label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.quantity-controls{align-items:center;display:flex;gap:1rem}.quantity-controls button{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s ease;width:40px}.quantity-controls button:hover{background-color:var(--accent);border-color:var(--accent)}.quantity-controls input{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:10px;text-align:center;width:80px}.add-to-cart-btn{font-size:1.1rem;padding:16px;width:100%}.error,.loading{color:var(--text-secondary);font-size:1.2rem;padding:3rem;text-align:center}@media (max-width:968px){.product-detail{grid-template-columns:1fr}.product-details h1{font-size:2rem}}.contact-page{min-height:100vh;padding:40px 0}.page-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem;text-align:center}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1.5fr;margin-top:2rem}.contact-info{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2rem}.contact-info h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.contact-info>p{color:var(--text-secondary);line-height:1.6}.contact-info>p,.info-item{margin-bottom:2rem}.info-item h3{color:var(--accent);font-size:1.1rem;margin-bottom:.5rem}.info-item p{color:var(--text-secondary);line-height:1.6}.contact-form{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.form-group textarea{resize:vertical}.contact-form .btn{font-size:1.1rem;padding:14px;width:100%}.contact-form .btn:disabled{cursor:not-allowed;opacity:.6}.success-message{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:4rem 2rem;text-align:center}.success-message h2{color:var(--success);font-size:2rem;margin-bottom:1rem}.success-message p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}@media (max-width:968px){.contact-content{grid-template-columns:1fr}}.tracking-page{min-height:100vh;padding:40px 0}.tracking-form{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin:2rem auto;max-width:600px;padding:2rem}.tracking-form .form-group{margin-bottom:1.5rem}.tracking-form label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.tracking-form input{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px;width:100%}.tracking-form input:focus{border-color:var(--accent);outline:none}.divider{color:var(--text-secondary);font-weight:600;margin:1.5rem 0;position:relative;text-align:center}.divider:after,.divider:before{background-color:var(--border);content:"";height:1px;position:absolute;top:50%;width:45%}.divider:before{left:0}.divider:after{right:0}.tracking-form .btn{font-size:1.1rem;padding:14px;width:100%}.error-message{margin:2rem auto;max-width:600px;padding:1rem}.tracking-results{display:flex;flex-direction:column;gap:2rem;margin:3rem auto;max-width:800px}.tracking-results h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.tracking-results p{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.tracking-results strong{color:var(--text-primary)}.status{border-radius:6px;font-size:.9rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-pending{background-color:#f59e0b33;color:var(--warning)}.status-processing{background-color:#6366f133;color:var(--accent)}.status-shipped{background-color:#10b98133;color:var(--success)}.status-delivered{background-color:#10b9814d;color:var(--success)}.status-cancelled{background-color:#ef444433;color:var(--error)}.no-tracking{padding:2rem;text-align:center}.no-tracking p{color:var(--text-secondary);font-size:1.1rem}.cart-page{min-height:100vh;padding:40px 0}.cart-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr;margin-top:2rem}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.item-info{flex:1 1}.item-info h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:.5rem}.item-category{color:var(--accent);font-size:.9rem;margin-bottom:.5rem;text-transform:uppercase}.item-customizations{display:flex;gap:1rem;margin-top:.5rem}.item-customizations span{color:var(--text-secondary);font-size:.9rem}.item-controls{align-items:center;display:flex;gap:1.5rem}.quantity-control{align-items:center;background-color:var(--bg-tertiary);border-radius:8px;display:flex;gap:.5rem;padding:8px}.quantity-control button{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;height:30px;transition:all .3s ease;width:30px}.quantity-control button:hover{background-color:var(--accent);border-color:var(--accent)}.quantity-control span{color:var(--text-primary);min-width:30px;text-align:center}.item-price{color:var(--accent);font-size:1.2rem;font-weight:700;min-width:100px;text-align:right}.remove-btn{background-color:#ef44441a;border:1px solid var(--error);border-radius:6px;color:var(--error);cursor:pointer;padding:8px 16px;transition:all .3s ease}.remove-btn:hover{background-color:var(--error);color:#fff}.cart-summary{margin-top:1rem}.cart-summary h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.summary-row{border-bottom:1px solid var(--border);padding:.75rem 0}.summary-row.total{border-bottom:none;color:var(--text-primary);font-size:1.3rem;margin-top:.5rem;padding-top:1rem}.checkout-form{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:90px}.checkout-form h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1.5rem}.checkout-form h3{border-bottom:1px solid var(--border);color:var(--accent);font-size:1.2rem;margin:1.5rem 0 1rem;padding-bottom:.5rem}.checkout-form .form-group{margin-bottom:1rem}.checkout-form label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.checkout-form input{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:10px;width:100%}.checkout-form input:focus{border-color:var(--accent);outline:none}.checkout-btn{font-size:1.1rem;margin-top:1.5rem;padding:16px;width:100%}.empty-cart{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:4rem 2rem;text-align:center}.empty-cart p{color:var(--text-secondary);font-size:1.3rem;margin-bottom:2rem}@media (max-width:968px){.cart-content{grid-template-columns:1fr}.cart-item{align-items:flex-start;flex-direction:column;gap:1rem}.item-controls{justify-content:space-between;width:100%}.checkout-form{position:static}}.auth-page{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.auth-container{max-width:450px;width:100%}.auth-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:2.5rem}.auth-card h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;text-align:center}.auth-form{margin-top:1.5rem}.auth-form .form-group{margin-bottom:1.5rem}.auth-form label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.auth-form input{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.auth-form input:focus{border-color:var(--accent);outline:none}.auth-btn{font-size:1.1rem;margin-top:.5rem;padding:14px;width:100%}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#ef44441a;border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:.9rem;margin-bottom:1.5rem;padding:12px;text-align:center}.auth-footer{color:var(--text-secondary);margin-top:2rem;text-align:center}.auth-footer a{color:var(--accent);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.admin-signup-prompt{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.admin-signup-prompt p{color:var(--text-secondary);font-size:.95rem;margin-bottom:.75rem}.admin-toggle-btn{width:100%}.admin-signup-form{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.admin-signup-form h2{color:var(--accent);font-size:1.25rem;margin-bottom:1rem}.admin-form-actions{display:flex;gap:.75rem;margin-top:1rem}.admin-form-actions .btn{flex:1 1}@media (max-width:768px){.auth-card{padding:2rem}.auth-card h1{font-size:1.75rem}}.confirm-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.confirm-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0006;max-width:420px;padding:1.5rem 2rem;width:100%}.confirm-modal-title{color:var(--text-primary);font-size:1.25rem;margin:0 0 .75rem}.confirm-modal-message{color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-modal-actions .btn-danger{background:#ef444426;border:1px solid var(--error);color:var(--error)}.confirm-modal-actions .btn-danger:hover{background:var(--error);color:#fff}.order-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.order-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}.order-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.order-modal-header h2{color:var(--text-primary);font-size:1.35rem;margin:0}.order-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.75rem;line-height:1;padding:0 4px}.order-modal-close:hover{color:var(--text-primary)}.order-modal-body{overflow-y:auto;padding:1.5rem}.order-modal-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.order-modal-section{margin-bottom:1.25rem}.order-modal-section h3{color:var(--accent);font-size:.95rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.order-modal-section p{color:var(--text-secondary);font-size:.95rem;margin:.25rem 0}.order-modal-section strong{color:var(--text-primary);margin-right:.35rem}.order-modal-address p{white-space:pre-line}.order-modal-items{list-style:none;margin:0;padding:0}.order-modal-items li{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.95rem;padding:.5rem 0}.order-modal-items li:last-child{border-bottom:none}.order-modal-directions{background-color:#6366f114;border-color:#6366f140}.order-modal-directions h3{color:var(--accent)}.directions-list{list-style:none;margin:0;padding:0}.directions-list li{color:var(--text-primary);font-size:1rem;padding:.4rem 0}.directions-list strong{color:var(--accent)}.order-modal-actions{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.order-modal-action-row{margin-bottom:1rem}.order-modal-action-row label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}.order-modal-action-row input,.order-modal-action-row select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:10px 12px;width:100%}.order-modal-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.order-modal-buttons .btn{font-size:.9rem;padding:10px 16px}.btn-danger{background:#ef444426;border:1px solid var(--error);color:var(--error)}.btn-danger:hover{background:var(--error);color:#fff}.order-modal-error{background:#ef44441a;border:1px solid var(--error);border-radius:6px;color:var(--error)}.order-modal-error,.order-modal-notification{font-size:.9rem;margin-bottom:1rem;padding:.75rem}.order-modal-notification{background:#10b98126;border:1px solid var(--success);border-radius:6px;color:var(--success)}@media (max-width:600px){.order-modal-grid{grid-template-columns:1fr}}.dashboard-page{min-height:100vh;padding:40px 0}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.dashboard-subtitle{align-items:center;color:var(--text-secondary);display:flex;font-size:1.1rem;gap:1rem}.admin-badge{background-color:var(--accent);border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.dashboard-tabs{border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.dashboard-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .3s ease}.dashboard-tabs button:hover{color:var(--accent)}.dashboard-tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.dashboard-content{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;text-align:center}.stat-card h3{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.stat-number{color:var(--accent);font-size:2.5rem;font-weight:700}.dashboard-admin h2,.dashboard-orders h2,.dashboard-profile h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1.5rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.order-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.order-header h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:.25rem}.order-date{color:var(--text-secondary);font-size:.9rem}.order-details{margin-bottom:1rem}.order-card-actions{display:flex;flex-wrap:wrap;gap:.75rem}.order-card-actions .btn{font-size:.9rem;padding:8px 14px}.order-details p{color:var(--text-secondary);margin-bottom:.5rem}.order-details strong{color:var(--text-primary)}.order-card-items{color:var(--text-secondary);margin:.5rem 0}.order-card-items ul{font-size:.9rem;margin:.25rem 0 0 1.25rem;padding:0}.order-card-items li{margin-bottom:.25rem}.empty-state{color:var(--text-secondary);padding:3rem;text-align:center}.empty-state p{font-size:1.2rem;margin-bottom:1.5rem}.profile-form{max-width:600px}.profile-form h3{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1.3rem;margin:2rem 0 1rem;padding-bottom:.5rem}.profile-form .form-group{margin-bottom:1.5rem}.profile-form label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.profile-form input{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px;width:100%}.profile-form input:focus{border-color:var(--accent);outline:none}.profile-form input.disabled-input{cursor:not-allowed;opacity:.6}.profile-form small{color:var(--text-secondary);font-size:.85rem}.admin-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.admin-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.dashboard-header{flex-direction:column}.dashboard-tabs{overflow-x:auto}.form-row,.stats-grid{grid-template-columns:1fr}}.order-type-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.order-type-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0006;max-width:440px;width:100%}.order-type-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.order-type-modal-header h2{color:var(--text-primary);font-size:1.35rem;margin:0}.order-type-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.75rem;line-height:1;padding:0 4px}.order-type-modal-close:hover{color:var(--text-primary)}.order-type-modal-body{padding:1.5rem}.order-type-modal-body .form-group{margin-bottom:1.25rem}.order-type-modal-body label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.order-type-modal-body input,.order-type-modal-body select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:10px 12px;width:100%}.order-type-modal-body input:focus,.order-type-modal-body select:focus{border-color:var(--accent);outline:none}.order-type-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.create-order-page{min-height:100vh;padding:40px 0}.create-order-header{margin-bottom:2rem}.create-order-header h1{color:var(--text-primary);font-size:2.25rem;margin-bottom:.5rem}.create-order-header .subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.create-order-form{display:flex;flex-direction:column;gap:2.5rem}.form-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem 2rem}.form-section h2{color:var(--accent);font-size:1.5rem;margin-bottom:.5rem}.section-note{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem}.order-type-section{padding:1.25rem 2rem}.order-type-options{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:.75rem}.order-type-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem}.order-type-option input{accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.order-type-option span{-webkit-user-select:none;user-select:none}.pricing-actions{margin-bottom:1.25rem}.pricing-actions .btn{font-size:.9rem;padding:10px 18px}.order-type-dashboard{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.order-type-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.order-type-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #6366f126}.order-type-card-label{color:var(--text-primary);font-size:1.15rem;font-weight:600;line-height:1.3}.order-type-card-meta{color:var(--accent);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.order-type-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.order-type-card-actions .btn{font-size:.9rem;padding:8px 14px}.order-type-card-add{align-items:center;background-color:var(--bg-secondary);border:2px dashed var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:2rem;transition:border-color .2s,color .2s}.order-type-card-add:hover{border-color:var(--accent);color:var(--accent)}.order-type-card-add-icon{font-size:2.5rem;line-height:1}.order-type-empty-hint{color:var(--text-secondary);font-size:.95rem;margin-top:1.5rem;max-width:520px}.btn-danger-outline{background:#0000;border:1px solid var(--error);border-radius:6px;color:var(--error);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;transition:background .2s,color .2s}.btn-danger-outline:hover{background:#ef444426}.pricing-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:1.5rem}.pricing-grid .form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}.pricing-grid input{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:10px;width:100%}.pricing-summary{max-width:360px}.pricing-summary h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.summary-row{color:var(--text-secondary);display:flex;font-size:.95rem;justify-content:space-between;padding:.5rem 0}.summary-row.subtotal{border-top:1px solid var(--border);color:var(--text-primary);font-weight:600;margin-top:.25rem;padding-top:.75rem}.summary-row.total{border-top:2px solid var(--border);color:var(--accent);font-size:1.25rem;font-weight:700;margin-top:.25rem;padding-top:.75rem}.summary-row.price-per{color:var(--text-primary);font-weight:600}.customer-section .form-group,.customer-section .form-row{margin-bottom:1rem}.customer-section label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}.customer-section input,.customer-section textarea{background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:10px 12px;width:100%}.customer-section input:focus,.customer-section textarea:focus{border-color:var(--accent);outline:none}.customer-section textarea{min-height:80px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-row.three{grid-template-columns:1fr 1fr 1fr}.form-actions{display:flex;flex-wrap:wrap;gap:1rem}.form-actions .btn-primary{min-width:220px}.success-notification{animation:slideIn .3s ease;background-color:var(--success);border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;font-size:.95rem;font-weight:600;padding:14px 20px;position:fixed;right:20px;top:90px;z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.form-row,.form-row.three{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.pricing-summary{max-width:100%}.success-notification{left:20px;right:20px;top:80px}}