:root{--bg-main: #0b1220;--bg-panel: #111a2e;--bg-card: #141f38;--bg-input: #0e1628;--border-soft: #1f2b4d;--text-primary: #e6edf3;--text-muted: #9aa8c7;--accent-primary: #6aa7c2;--accent-secondary: #7fb7a6;--accent-warning: #d6b26e;--btn-primary: #5f8fb3;--btn-hover: #547ea0;--font-stack: "Inter", "Roboto", system-ui, sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,var(--bg-panel) 0%,var(--bg-main) 65%);transition:background .3s ease,color .3s ease}body[data-theme=light]{--bg-main: #f4f6fb;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-input: #f1f3f8;--border-soft: #d8dbea;--text-primary: #1f2937;--text-muted: #5b647a;--accent-primary: #6b5cff;--accent-secondary: #3fa9a0;--accent-warning: #c08b2e;--btn-primary: #6b5cff;--btn-hover: #5948e5}body{background:radial-gradient(circle at top,#111a2e,#0b1220 60%);color:var(--text-primary);font-family:var(--font-stack);margin:0;padding-top:80px;min-height:100vh}.header{background-color:#0b1220f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 40px;display:flex;justify-content:space-between;align-items:center;position:fixed;inset:0 0 auto;z-index:1000;border-bottom:1px solid var(--border-soft)}.header .logo a{color:var(--accent-primary);font-size:1.6em;font-weight:900;text-decoration:none}.header .nav-links a{color:var(--text-muted);margin-left:25px;text-decoration:none;transition:.3s}.header .nav-links a:hover{color:var(--accent-primary)}.hero-banner{height:350px;background:linear-gradient(#0b1220d9,#0b1220d9),url(https://images.unsplash.com/photo-1503387762-592deb58ef4e);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:1px solid var(--border-soft)}.hero-content h1{font-size:3rem;margin:0}.hero-content p{color:var(--text-muted);margin:15px 0 25px}.hero-btn{background:var(--btn-primary);color:#fff;padding:14px 30px;border-radius:6px;border:none;cursor:pointer}.hero-btn:hover{background:var(--btn-hover)}.homepage-main-layout{display:flex;max-width:1400px;margin:40px auto 60px;gap:30px;padding:0 20px}.sidebar{width:300px;background:linear-gradient(180deg,#111a2e,#0e1628);padding:25px;border-radius:12px;border:1px solid var(--border-soft);position:sticky;top:100px}.product-display{flex:1;min-width:0}.product-search-area{margin-bottom:25px}.search-input-field{width:100%;background:var(--bg-input);border:1px solid var(--border-soft);padding:14px 20px;border-radius:8px;color:var(--text-primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.product-card{background:linear-gradient(180deg,#141f38,#101a30);border-radius:12px;border:1px solid var(--border-soft);overflow:hidden;display:flex;flex-direction:column;transition:.3s}.product-card:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.product-image{height:180px;object-fit:cover;width:100%}.product-info{padding:18px;flex-grow:1;display:flex;flex-direction:column}.product-price{color:var(--accent-secondary);font-size:1.4rem;font-weight:700}.product-card button{margin-top:auto;padding:12px;background:transparent;border:1px solid var(--btn-primary);color:var(--btn-primary);border-radius:6px;cursor:pointer}.product-card button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.auth-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4b5fcf,#6a7ddc)}.auth-form{background:#fff;color:#1f2937;width:380px;padding:35px;border-radius:16px;box-shadow:0 40px 90px #0006;text-align:center}.auth-form h2{margin-bottom:20px}.auth-form input{width:100%;padding:12px;margin-bottom:14px;border-radius:8px;border:1px solid #d1d5db}.auth-form button{width:100%;padding:12px;background:linear-gradient(135deg,#4b5fcf,#6a7ddc);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.auth-form button:hover{opacity:.9}.auth-form a{color:#4b5fcf;font-weight:600;text-decoration:none}.footer{background:#060b18;padding:60px 20px 30px;border-top:1px solid var(--border-soft)}.footer-content{max-width:1200px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-section h3{color:var(--accent-primary)}.footer-section a{display:block;color:var(--text-muted);margin-bottom:8px;text-decoration:none}.footer-section a:hover{color:var(--text-primary)}.footer-bottom{margin-top:40px;text-align:center;color:var(--text-muted);font-size:.85rem}@media(max-width:1024px){.homepage-main-layout{flex-direction:column}.sidebar{width:100%;position:static}.hero-content h1{font-size:2.2rem}}.auth-container{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4b3f8c,#2b2e6f)}.auth-form{background:#fff;padding:40px;width:100%;max-width:420px;border-radius:14px;box-shadow:0 25px 60px #00000059;text-align:center}.auth-form h2{margin-bottom:25px;color:#2b2e6f}.auth-form input{width:100%;padding:14px;margin-bottom:15px;border-radius:8px;border:1px solid #ccc;font-size:.95rem}.auth-form input:focus{outline:none;border-color:#6c63ff}.auth-form button{width:100%;padding:14px;background:#6c63ff;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.auth-form button:hover{background:#584ee6}.auth-form p{margin-top:15px;font-size:.9rem}.auth-form a{color:#6c63ff;font-weight:600;text-decoration:none}.auth-error{background:#ffe6e6;color:#c0392b;padding:10px;border-radius:6px;margin-bottom:15px;font-size:.85rem}.header .nav-links{display:flex;align-items:center;gap:18px}.header-user{display:flex;align-items:center;gap:12px;padding:6px 12px;background:linear-gradient(135deg,#8273ff26,#508cff26);border:1px solid rgba(255,255,255,.08);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-user span{font-size:.9rem;color:var(--text-primary);font-weight:500;white-space:nowrap}.logout-button{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease}.logout-button:hover{background:#ffffff14;border-color:#ffffff59;transform:translateY(-1px)}.sidebar{background:linear-gradient(180deg,#141c3af2,#0e142df2);box-shadow:inset 0 0 0 1px #ffffff0a,0 20px 40px #00000073}.sidebar h3,.sidebar h4{font-size:.9rem;font-weight:700;color:var(--text-primary);letter-spacing:.5px;margin:22px 0 12px}.category-nav .main-category h4{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 12px;border-radius:8px;background:#ffffff08;transition:.25s ease}.category-nav .main-category h4:hover{background:#8273ff1f;color:#c7c2ff}.category-nav .main-category h4:after{content:"›";font-size:1.2rem;transform:rotate(90deg);opacity:.6}.subcategory-list{margin:8px 0 12px 12px;padding-left:10px;border-left:1px dashed rgba(255,255,255,.1)}.subcategory-list li{font-size:.85rem;padding:8px 10px;margin-bottom:6px;border-radius:6px;background:transparent}.subcategory-list li:hover{background:#ffffff0f}.subcategory-list li.active{background:linear-gradient(135deg,#8273ff40,#508cff40);color:#fff;font-weight:600}.price-values{margin-top:12px;font-size:.9rem;color:#c7c2ff}input[type=range]{margin-top:8px;background:linear-gradient(90deg,#8273ff,#508cff);height:5px;border-radius:999px}.stock-filter label{background:#ffffff08;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.stock-filter input[type=checkbox]{appearance:none;width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.4);position:relative;cursor:pointer}.stock-filter input[type=checkbox]:checked{background:linear-gradient(135deg,#8273ff,#508cff);border-color:transparent}.stock-filter input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-1px;left:3px;font-size:12px;color:#fff}.sidebar{padding:32px 28px}.sidebar>div,.sidebar section{margin-bottom:28px}.sidebar h3{margin-bottom:18px}.category-nav .main-category{margin-bottom:14px}.category-nav .main-category h4{margin:0;padding:12px 14px}.subcategory-list{margin-top:10px;margin-bottom:18px}.subcategory-list li{padding:10px 14px;margin-bottom:8px}.price-range-block{margin-top:24px}.price-range-block input[type=range],.price-values{margin-top:14px}.stock-filter{display:flex;flex-direction:column;gap:14px}.stock-filter label{padding:12px 14px;line-height:1.4}.stock-filter input[type=checkbox]{flex-shrink:0;margin-top:2px}.sidebar h4{margin-top:30px}.sidebar h4:after{content:"";display:block;margin-top:10px;height:1px;background:linear-gradient(to right,rgba(130,115,255,.4),transparent)}@media(max-width:768px){.sidebar{padding:26px 20px}}.category-nav{margin-top:10px}.category-nav .main-category h4{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-bottom:6px;border-radius:8px;background:#ffffff05;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-primary);transition:all .25s ease}.category-nav .main-category h4:hover{background:#7878ff14}.category-nav .main-category h4.active{background:#7878ff26;color:var(--accent-primary)}.category-nav .main-category h4:after{content:"›";font-size:1.1rem;color:var(--text-muted);transition:transform .3s ease}.category-nav .main-category h4.active:after{transform:rotate(90deg);color:var(--accent-primary)}.subcategory-list{margin:10px 0 18px;padding-left:14px;border-left:2px solid rgba(120,120,255,.15)}.subcategory-list li{list-style:none;padding:10px 14px;margin-bottom:6px;border-radius:6px;font-size:.9rem;color:var(--text-muted);transition:all .2s ease}.subcategory-list li:hover{background:#ffffff0a;color:var(--text-primary)}.subcategory-list li.active{background:#7878ff33;color:var(--accent-primary);font-weight:600}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-soft);color:var(--text-primary);padding:6px 10px;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:6px;transition:all .25s ease}.theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary)}body[data-theme=light] .homepage-main-layout{max-width:1280px;margin:0 auto 60px}body[data-theme=light] .sidebar{background:#fff;border:1px solid var(--border-soft);box-shadow:0 10px 30px #0000000f}body[data-theme=light] .product-card{background:#fff;border:1px solid var(--border-soft);box-shadow:0 12px 28px #00000014}body[data-theme=light] .product-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}body[data-theme=light] .product-price{color:var(--accent-primary)}body[data-theme=light] .header{background:#fff;border-bottom:1px solid var(--border-soft)}body[data-theme=light] .header a,body[data-theme=light] .header span{color:var(--text-primary)}body[data-theme=light] .footer{background:#f6f7fb;border-top:1px solid var(--border-soft)}body[data-theme=light] .footer-section h3{color:var(--accent-primary)}.hero-banner{position:relative}.hero-content{position:relative;z-index:2}.hero-content h1{text-shadow:0 6px 18px rgba(0,0,0,.6)}.hero-content p{text-shadow:0 4px 12px rgba(0,0,0,.5)}.product-search-area{margin-top:30px}.homepage-main-layout{position:relative;z-index:3}body[data-theme=light] .hero-banner:after{background:linear-gradient(to bottom,#ffffff59,#ffffffa6)}body[data-theme=light] .hero-content h1,body[data-theme=light] .hero-content p{color:#1a1f36;text-shadow:none}.hero-btn{box-shadow:0 10px 24px #00000059}.hero-btn:hover{box-shadow:0 14px 36px #00000073}.search-input-field{height:52px;font-size:.95rem;font-weight:500;letter-spacing:.2px}body[data-theme=light] .search-input-field{background:#fff;color:#1a1f36;border:1px solid #d9dff0;box-shadow:0 6px 18px #1e293b14}body[data-theme=light] .search-input-field::placeholder{color:#8a94b8}body[data-theme=dark] .search-input-field{background:linear-gradient(180deg,#141f38d9,#0e1628d9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.search-input-field:focus{background:inherit;box-shadow:0 0 0 2px #6aa7c259,0 10px 24px #00000040}.product-search-area{margin-bottom:35px}.admin-page{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#0e1325,#141b34);padding:60px 20px}.admin-container{max-width:900px;margin:0 auto}.admin-header{margin-bottom:30px}.admin-header h1{font-size:2rem;font-weight:700;color:var(--text-primary)}.admin-header p{color:var(--text-muted);margin-top:5px}.admin-card{background:linear-gradient(180deg,#151c36,#10162c);border-radius:14px;padding:30px;border:1px solid var(--border-soft);box-shadow:0 20px 40px #0006}.admin-card h2{margin-bottom:25px;font-size:1.3rem;color:var(--accent-primary)}.admin-form{display:flex;flex-direction:column;gap:20px}.form-row{width:100%}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:12px 14px;background:var(--bg-input);border:1px solid var(--border-soft);border-radius:8px;color:var(--text-primary);font-size:.95rem}.admin-form textarea{resize:vertical;min-height:100px}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 1px #6aa7c24d}.admin-submit-btn{align-self:flex-end;margin-top:10px;background:linear-gradient(135deg,#6a5acd,#5a4fcf);color:#fff;padding:12px 26px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:.3s}.admin-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6a5acd66}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-box{background:var(--bg-panel);padding:30px;border-radius:12px;width:100%;max-width:500px;border:1px solid var(--border-soft);box-shadow:0 20px 40px #00000080}.modal-input{width:100%;background:var(--bg-input);border:1px solid var(--border-soft);padding:12px;margin-bottom:15px;border-radius:8px;color:var(--text-primary)}.modal-actions{display:flex;gap:15px;margin-top:10px}.modal-actions button{flex:1;padding:12px;border-radius:8px;cursor:pointer;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-box{background:#fff;width:420px;border-radius:12px;padding:30px;box-shadow:0 25px 60px #0006;animation:popIn .25s ease}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{text-align:center;margin-bottom:20px;font-size:1.4rem;color:#0b3c5d;font-weight:700}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-input{padding:11px 14px;font-size:.95rem;border-radius:6px;border:1px solid #ddd;outline:none}.modal-input:focus{border-color:#0d6efd}.modal-actions{display:flex;gap:15px;margin-top:20px}.btn-primary{flex:1;background:#0d6efd;color:#fff;border:none;padding:11px;border-radius:6px;font-weight:600;cursor:pointer}.btn-secondary{flex:1;background:#e9ecef;border:none;padding:11px;border-radius:6px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:#dee2e6}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;margin:20px auto 30px;max-width:1200px;background:linear-gradient(135deg,#141e3ce6,#1e285ad9);border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 35px #0006}.inventory-header-left h1{margin:0;font-size:2rem;font-weight:700;color:#f1f5ff}.inventory-header-left p{margin-top:6px;font-size:1rem;color:#aab4e6}.inventory-header-right{display:flex;align-items:center}.inventory-add-btn{background:linear-gradient(135deg,#6c63ff,#5a54d6);color:#fff;border:none;padding:12px 22px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;box-shadow:0 8px 22px #6c63ff59;transition:all .25s ease}.inventory-add-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6c63ff80}.inventory-add-btn:active{transform:translateY(0)}.inventory-header{background:linear-gradient(135deg,#151d3b,#1b2456);padding:24px 32px;border-radius:14px;margin:20px auto 30px;max-width:1200px;box-shadow:0 12px 35px #00000073;border:1px solid rgba(255,255,255,.08);z-index:50}.inventory-header.sticky{position:sticky;top:90px}.inventory-top{display:flex;justify-content:space-between;align-items:center}.inventory-header-left h1{margin:0;font-size:2rem;color:#f1f5ff}.inventory-header-left p{margin-top:6px;color:#aab4e6;font-size:.95rem}.inventory-stats{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap}.stat-pill{background:#ffffff14;padding:10px 16px;border-radius:999px;display:flex;gap:10px;align-items:center;font-size:.85rem;color:#e5e9ff}.stat-pill.warning{background:#ffc10726;color:#ffd36a}.stat-pill.danger{background:#ff4d4d2e;color:#ff8a8a}.stat-label{opacity:.85}.stat-value{font-weight:700}.inventory-filters{margin-top:18px;display:flex;gap:14px}.inventory-search{flex:1;padding:12px 16px;background:#0f1733;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:.9rem}.inventory-search::placeholder{color:#9aa3d9}.inventory-filter{padding:12px 14px;background:#0f1733;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:.9rem}.inventory-add-btn{background:linear-gradient(135deg,#6c63ff,#5a54d6);color:#fff;border:none;padding:12px 22px;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 8px 22px #6c63ff66;transition:.25s}.inventory-add-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #6c63ff8c}.inventory-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.inventory-row.primary{margin-bottom:18px}.inventory-row.secondary{align-items:center}.inventory-header h1{margin:0;font-size:2.2rem;letter-spacing:-.5px}.inventory-header p{margin-top:6px;color:#aeb6e8;font-size:.95rem}.inventory-add-btn{background:linear-gradient(135deg,#6c63ff,#5a54d6);padding:12px 20px;font-size:.9rem;border-radius:10px;box-shadow:0 8px 22px #6c63ff59}.inventory-stats{display:flex;gap:10px}.stat-chip{padding:8px 14px;font-size:.8rem;border-radius:999px;background:#ffffff0f;color:#d6dbff}.stat-chip strong{margin-left:6px;font-weight:700}.stat-chip.warning{color:#ffd36a;background:#ffc1071f}.stat-chip.danger{color:#ff9b9b;background:#ff4d4d26}.inventory-tools{display:flex;gap:12px;align-items:center}.inventory-search{width:240px}.inventory-filter{min-width:140px}.inventory-page{max-width:1300px;margin:0 auto;padding:40px 20px}.inventory-title h1{font-size:2.4rem;margin:0;letter-spacing:-.5px}.inventory-title p{margin-top:6px;color:#aeb6e8}.inventory-toolbar{margin-top:28px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.left-tools{display:flex;align-items:center;gap:18px}.inventory-add-btn{background:linear-gradient(135deg,#6c63ff,#5a54d6);padding:10px 18px;border-radius:10px;font-weight:600;box-shadow:0 6px 18px #6c63ff59}.inventory-stats{display:flex;gap:14px;font-size:.85rem;color:#cfd4ff}.inventory-stats span strong{margin-left:4px}.inventory-stats .warn{color:#ffd36a}.inventory-stats .danger{color:#ff9b9b}.right-tools{display:flex;gap:12px}.right-tools input,.right-tools select{padding:10px 14px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff}.product-image{width:100%;height:180px;object-fit:cover;display:block;border-radius:10px 10px 0 0;background-color:#0e1628}.product-card{position:relative;background:linear-gradient(180deg,#141f38,#101a30);border-radius:14px;border:1px solid var(--border-soft);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 14px 36px #0000008c;border-color:var(--accent-primary)}.product-image-wrapper{width:100%;height:180px;background:#0e1628;overflow:hidden;position:relative}.product-image{width:100%;height:100%;object-fit:cover;display:block}.product-info{padding:18px;display:flex;flex-direction:column;flex-grow:1}.product-info h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.product-price{font-size:1.35rem;font-weight:700;color:var(--accent-secondary);margin-bottom:6px}.unit-text{font-size:.85rem;color:var(--text-muted)}.stock-info{font-size:.85rem;color:var(--text-muted);margin-bottom:14px}.badge-container{display:flex;gap:8px;margin-bottom:10px}.stock-badge{font-size:.65rem;padding:4px 10px;border-radius:999px;font-weight:700;text-transform:uppercase}.stock-badge.bulk{background:#7fb7a62e;color:var(--accent-secondary)}.stock-badge.low{background:#d6b26e33;color:var(--accent-warning)}.product-card button{margin-top:auto;padding:12px;border-radius:8px;border:1px solid var(--btn-primary);background:transparent;color:var(--btn-primary);font-weight:600;cursor:pointer;transition:all .25s ease}.product-card button:hover:not(:disabled){background:#5f8fb326;color:var(--accent-primary);border-color:var(--accent-primary)}.product-card button:disabled{opacity:.5;cursor:not-allowed}.inventory-page{max-width:1200px;margin:40px auto;padding:0 20px;color:var(--text-primary)}.inventory-header{background:linear-gradient(135deg,#1a2a4a,#111a2e);padding:30px 40px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #0000004d;margin-bottom:40px;border:1px solid rgba(255,255,255,.05)}.inventory-header h1{font-size:2rem;margin:0;letter-spacing:-.5px}.inventory-header p{color:var(--text-muted);margin:5px 0 0;font-size:.95rem}.inventory-actions{text-align:right}.inventory-header .stats{margin-top:12px;display:flex;gap:15px;font-size:.85rem;justify-content:flex-end}.inventory-header .stats span{padding:4px 10px;background:#ffffff0d;border-radius:6px}.inventory-header .stats strong{color:var(--accent-primary);margin-left:4px}.inventory-header .stats .warn strong{color:#d6b26e}.inventory-header .stats .danger strong{color:#ff6b6b}.table-container{background:var(--bg-panel);border-radius:12px;border:1px solid var(--border-soft);overflow:hidden}.inventory-table th{background:#ffffff05;padding:16px;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border-soft)}.inventory-table td{padding:16px;border-bottom:1px solid var(--border-soft);vertical-align:middle;font-size:.95rem}.inventory-table tr:last-child td{border-bottom:none}.inventory-table tr:hover{background:#ffffff03}.inventory-table img{border-radius:6px;object-fit:cover;border:1px solid var(--border-soft)}.primary-btn{background:var(--btn-primary);color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:.3s}.primary-btn:hover{background:var(--btn-hover);transform:translateY(-2px)}.edit-btn,.delete-btn{padding:6px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;margin-right:8px;transition:.2s;border:1px solid var(--border-soft);background:transparent;color:var(--text-primary)}.edit-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.delete-btn:hover{border-color:#ff6b6b;color:#ff6b6b}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background:var(--bg-card);width:100%;max-width:500px;padding:40px;border-radius:16px;border:1px solid var(--border-soft);box-shadow:0 25px 50px #00000080}.modal h2{margin-bottom:25px;text-align:center}.form-group label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:6px}.modal input,.modal textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-soft);padding:12px;border-radius:8px;color:#fff;outline:none}.modal input:focus{border-color:var(--accent-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.save-btn{background:var(--accent-primary);border:none;padding:12px;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.cancel-btn{background:#ffffff0d;border:1px solid var(--border-soft);padding:12px;border-radius:8px;color:#fff;cursor:pointer}.inventory-page{max-width:1200px;margin:0 auto;padding:100px 20px 60px;font-family:Inter,sans-serif;color:#e6edf3}.inventory-header{background:linear-gradient(135deg,#161e35,#0b1220);padding:30px 40px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #0006;border:1px solid rgba(255,255,255,.08);margin-bottom:40px}.inventory-header h1{font-size:1.8rem;margin:0;font-weight:700;color:#fff}.inventory-header p{color:#9aa8c7;margin-top:5px;font-size:.9rem}.stats{display:flex;gap:15px;font-size:.85rem;margin-top:10px;justify-content:flex-end}.stats span{padding:4px 12px;background:#ffffff0d;border-radius:6px;color:#e6edf3}.stats strong{color:#6aa7c2;margin-left:4px}.stats .warn strong{color:#d6b26e}.stats .danger strong{color:#ff6b6b}.table-container{background:#111a2e;border-radius:12px;border:1px solid #1f2b4d;overflow:hidden;box-shadow:0 4px 20px #0003}.inventory-table{width:100%;border-collapse:collapse;text-align:left}.inventory-table th{background:#ffffff08;padding:18px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#9aa8c7;border-bottom:1px solid #1f2b4d}.inventory-table td{padding:16px 18px;border-bottom:1px solid #1f2b4d;color:#e6edf3;font-size:.95rem}.inventory-table tr:hover{background:#6aa7c208}.table-img{width:45px;height:45px;border-radius:6px;object-fit:cover;border:1px solid #1f2b4d}.edit-btn,.delete-btn{padding:6px 12px;border-radius:4px;font-size:.8rem;cursor:pointer;border:1px solid #1f2b4d;background:transparent;color:#fff;transition:.2s;margin-right:5px}.edit-btn:hover{background:#6aa7c2;border-color:#6aa7c2}.delete-btn:hover{background:#ff6b6b;border-color:#ff6b6b}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background:#141f38;width:100%;max-width:500px;padding:35px;border-radius:16px;border:1px solid #1f2b4d;box-shadow:0 25px 50px #00000080}.modal h2{margin-bottom:25px;text-align:center;color:#fff}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:.85rem;color:#9aa8c7;margin-bottom:6px}.modal input,.modal textarea{width:100%;background:#0e1628;border:1px solid #1f2b4d;padding:12px;border-radius:8px;color:#fff;font-size:.9rem}.modal input:focus{border-color:#6aa7c2;outline:none}.modal-actions{display:flex;gap:12px;margin-top:25px}.save-btn{flex:2;background:#5f8fb3;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer}.cancel-btn{flex:1;background:#ffffff0d;color:#fff;border:1px solid #1f2b4d;padding:12px;border-radius:8px;cursor:pointer}.cart-container{max-width:1200px;margin:0 auto;padding:120px 20px 60px;color:#e6edf3}.cart-title{font-size:2rem;margin-bottom:30px;font-weight:700;border-bottom:1px solid #1f2b4d;padding-bottom:15px}.cart-content{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.cart-items-list{display:flex;flex-direction:column;gap:20px}.cart-item{display:flex;background:#111a2e;border-radius:12px;border:1px solid #1f2b4d;padding:20px;gap:20px;align-items:center;transition:transform .2s ease,border-color .2s ease}.cart-item:hover{border-color:#6aa7c2}.cart-item-image{width:100px;height:100px;object-fit:cover;border-radius:8px;border:1px solid #1f2b4d}.item-details h4{font-size:1.1rem;margin:0 0 8px;color:#fff}.item-details p{color:#9aa8c7;font-size:.9rem;margin:4px 0}.cart-summary{background:linear-gradient(135deg,#161e35,#0b1220);padding:30px;border-radius:16px;border:1px solid #1f2b4d;position:sticky;top:100px;box-shadow:0 10px 30px #0006}.cart-summary h3{margin:0 0 20px;font-size:1.4rem;color:#fff}.summary-line{display:flex;justify-content:space-between;margin-bottom:12px;color:#9aa8c7;font-size:1rem}.summary-divider{border:0;border-top:1px solid #1f2b4d;margin:20px 0}.total-line{font-size:1.2rem;color:#fff}.total-amount{color:#6aa7c2;font-weight:800}.checkout-button{width:100%;padding:16px;background:#5f8fb3;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;margin-top:20px;transition:all .3s ease}.checkout-button:hover:not(:disabled){background:#547ea0;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.checkout-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.error-message{background:#ff6b6b1a;color:#ff6b6b;padding:12px;border-radius:8px;border:1px solid #ff6b6b;margin-bottom:20px;text-align:center}@media(max-width:992px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}.auth-page-wrapper{min-height:100vh;background:radial-gradient(circle at top right,#1a2a4a,#0b1220);display:flex;flex-direction:column}.auth-container{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px}.auth-card{background:#111a2ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);width:100%;max-width:420px;padding:40px;border-radius:20px;box-shadow:0 20px 40px #0006}.auth-header{text-align:center;margin-bottom:30px}.auth-header h2{color:#fff;font-size:1.8rem;margin-bottom:8px;letter-spacing:-.5px}.auth-header p{color:#9aa8c7;font-size:.9rem}.auth-form .form-group{margin-bottom:20px}.auth-form label{display:block;color:#e6edf3;font-size:.85rem;margin-bottom:8px;font-weight:500}.auth-form input{width:100%;background:#0e162899;border:1px solid #1f2b4d;padding:14px;border-radius:10px;color:#fff;transition:all .3s ease}.auth-form input:focus{border-color:#6aa7c2;background:#0e1628e6;outline:none;box-shadow:0 0 0 3px #6aa7c233}.auth-btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,#5f8fb3,#4a6d88);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;margin-top:10px}.auth-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #5f8fb366;filter:brightness(1.1)}.auth-footer{margin-top:25px;text-align:center;font-size:.9rem;color:#9aa8c7}.auth-link{color:#6aa7c2;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.clear-filter-btn{display:block;width:100%;padding:12px 15px;margin-bottom:20px;background-color:#2c3e50;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.clear-filter-btn:hover{background-color:#34495e;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.clear-filter-btn:active{background-color:#1a252f;transform:translateY(0)}.clear-filter-btn.active{background-color:#e67e22}.page-container{min-height:100vh;background:radial-gradient(circle at top,#0b1636,#050b1c 70%);padding:40px 16px}.checkout-card{max-width:720px;margin:auto;background:linear-gradient(145deg,var(--bg-card),var(--bg-card-light));border-radius:16px;padding:32px;box-shadow:0 20px 40px #0009,inset 0 0 0 1px var(--border-soft)}.checkout-card h2{color:var(--text-main);font-size:28px;margin-bottom:10px}.checkout-card p{color:var(--text-muted);font-size:15px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid textarea{grid-column:span 2;resize:none;min-height:100px}.checkout-card input,.checkout-card textarea{background:#ffffff0a;border:1px solid var(--border-soft);border-radius:10px;padding:12px 14px;color:var(--text-main);font-size:14px;outline:none;transition:all .25s ease}.checkout-card input::placeholder,.checkout-card textarea::placeholder{color:var(--text-muted)}.checkout-card input:focus,.checkout-card textarea:focus{border-color:var(--primary);background:#ffffff12;box-shadow:0 0 0 2px #4fa3ff40}.payment-methods{display:flex;gap:20px;margin-bottom:24px}.payment-methods label{flex:1;display:flex;align-items:center;gap:10px;padding:14px;background:#ffffff0a;border-radius:12px;cursor:pointer;border:1px solid var(--border-soft);color:var(--text-main);transition:all .25s ease}.payment-methods input{accent-color:var(--primary)}.payment-methods label:hover{background:#ffffff14;border-color:var(--primary)}.total-box{background:#4fa3ff14;border:1px dashed var(--primary);padding:16px;border-radius:12px;margin-bottom:24px;color:var(--text-main);font-size:18px;text-align:center}.checkout-button{width:100%;padding:14px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 10px 30px #1c4fd880;transition:all .3s ease}.checkout-button:hover{transform:translateY(-2px);box-shadow:0 14px 40px #1c4fd8b3}.checkout-button:disabled{opacity:.6;cursor:not-allowed}.order-success{text-align:center;padding:40px}.order-success h2{color:var(--success);font-size:30px;margin-bottom:12px}.order-success p{color:var(--text-muted);font-size:16px}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.payment-methods{flex-direction:column}}
