:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--theme-primary:#1e3a8a;--theme-secondary:#2563eb;--theme-background:#f1f5f9;--theme-text:#1e293b;--theme-accent:#dc2626;--theme-headerBg:#1e3a8a;--theme-cardBg:#fff;--theme-borderColor:#e2e8f0;--theme-gradient-start:#1e3a8a;--theme-gradient-end:#2563eb;--theme-gradient-accent:#dc2626;--theme-gradient-dark:#0f172a;--theme-gradient-light:#f1f5f9;--theme-gradient-card:#fff;--theme-gradient-bg:#f1f5f9;--red-50:#fff1f1;--red-100:#ffe0e0;--red-400:#f25555;--red-500:#e11d2e;--red-600:#c01726;--red-700:#8f1018;--ink:#1a0a0c;--muted:#6b5557;--border:#f3d4d6}.login-page{background:radial-gradient(1200px 600px at 10% 10%, var(--theme-gradient-start)20 0%, transparent 60%), radial-gradient(1000px 500px at 90% 90%, var(--theme-gradient-end)20 0%, transparent 60%), linear-gradient(135deg, var(--theme-background) 0%, var(--theme-gradient-light) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-orb{filter:blur(80px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.orb-1{background:var(--theme-gradient-start);width:420px;height:420px;top:-120px;left:-120px}.orb-2{background:var(--theme-gradient-end);opacity:.35;width:520px;height:520px;bottom:-180px;right:-160px}.login-card{background:var(--theme-cardBg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--theme-borderColor);width:100%;max-width:440px;box-shadow:0 30px 60px -20px var(--theme-gradient-start)25, 0 10px 25px -10px #00000014;border-radius:20px;padding:40px 36px;animation:.5s both fadeUp;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:28px}.logo-wrap{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));height:68px;box-shadow:0 10px 25px -8px var(--theme-gradient-start)55;border-radius:18px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.logo-wrap img{object-fit:contain;width:170px;height:40px}.login-header h1{color:var(--theme-text);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.subtitle{color:var(--theme-text);align-items:center;gap:6px;margin:6px 0 0;font-size:14px;display:inline-flex}.login-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--theme-text);font-size:13px;font-weight:600}.input-wrap{background:var(--theme-cardBg);border:1.5px solid var(--theme-borderColor);border-radius:12px;align-items:center;transition:all .2s;display:flex;position:relative}.input-wrap:focus-within{border-color:var(--theme-gradient-start);box-shadow:0 0 0 4px var(--theme-gradient-start)20}.input-icon{color:var(--theme-gradient-start);flex-shrink:0;margin-left:14px}.input-wrap input{color:var(--theme-text);background:0 0;border:0;outline:none;flex:1;padding:13px 14px;font-size:15px}.input-wrap input::placeholder{color:#c9a8aa}.toggle-pwd{cursor:pointer;color:var(--theme-text);background:0 0;border:0;align-items:center;height:100%;padding:0 14px;display:flex}.toggle-pwd:hover{color:var(--theme-gradient-start)}.row-between{justify-content:space-between;align-items:center;margin-top:2px;font-size:13px;display:flex}.remember-me{color:var(--theme-text);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.remember-me input{accent-color:var(--theme-gradient-start)}.forgot-link{color:var(--theme-gradient-start);font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.login-btn{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;width:100%;box-shadow:0 10px 24px -10px var(--theme-gradient-start)60;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:14px 18px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex}.login-btn:hover:not(:disabled){box-shadow:0 14px 28px -10px var(--theme-gradient-start)70;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.demo-box{background:var(--theme-gradient-start)10;border:1px dashed var(--theme-gradient-start)30;color:var(--theme-text);border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;font-size:15px;font-weight:700;display:flex}.demo-box b{color:var(--theme-gradient-start)}.error-alert{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:14px;animation:.5s ease-in-out shake;display:flex;position:relative}.error-alert .close-error{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:20px;transition:opacity .2s}.error-alert .close-error:hover{opacity:1}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.demo-box{background:linear-gradient(135deg, var(--theme-gradient-start)10 0%, var(--theme-gradient-end)10 100%);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px;padding:12px 16px;display:flex}.demo-creds{color:var(--theme-text);justify-content:space-between;gap:16px;width:100%;font-size:12px;display:flex}.demo-creds div{background:var(--theme-gradient-start)8;border-radius:6px;padding:4px 8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #dc262673}50%{box-shadow:0 0 0 8px #dc262600}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.notification-header h4{margin:0;font-size:1rem}.my-orders-modal,.order-details-modal,.password-modal,.settings-modal{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:var(--radius);width:100%;max-width:760px;max-height:88vh;box-shadow:var(--shadow-lg);animation:scaleIn .28s var(--ease);flex-direction:column;display:flex;overflow:hidden}.password-modal{max-width:440px}.modal-header h2{margin:0;font-size:1.2rem}@media (width<=1100px){.charts-grid{grid-template-columns:repeat(2,1fr)}.charts-grid .chart-card:last-child{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.sidebar{width:78px;padding:18px 10px}.sidebar-logo{max-width:44px}.menu-item span{display:none}.menu-item{justify-content:center;gap:0;padding:14px}.menu-item:hover{transform:none}.main-content{padding:18px}}@media (width<=640px){.stats-grid,.charts-grid{grid-template-columns:1fr}.charts-grid .chart-card:last-child{grid-column:auto}.topbar{flex-direction:column;align-items:flex-start}.user-actions{justify-content:space-between;width:100%}.section-header{flex-wrap:wrap}.order-row{grid-template-columns:1fr 1fr;gap:8px}.order-row .view-btn-small{grid-column:1/-1;justify-content:center}.customer-name{text-align:right}.stat-number{font-size:1.35rem}.modal-header h2{font-size:1rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=768px){.sidebar.collapsed{width:0;overflow:hidden}.sidebar-toggle{z-index:1001;background:#fff;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #0000001a}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=1024px){.charts-grid{gap:16px}.chart-container{min-height:260px}}@media (width<=768px){.charts-grid{grid-template-columns:1fr;gap:16px}.chart-card.chart-3{grid-column:span 1}.chart-container{min-height:250px}.chart-card{padding:14px}.custom-popup{min-width:280px;top:16px}.custom-popup .popup-content{padding:12px 16px;font-size:.85rem}}@media (width<=480px){.chart-container{min-height:220px}.chart-card h4{margin-bottom:12px;font-size:.85rem}}@media (width<=768px){.sidebar.collapsed{width:0;padding:0;overflow:hidden}.sidebar-toggle{z-index:1001;background:#fff;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #0000001a}.stats-grid{grid-template-columns:1fr}.main-content{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.user-actions{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.custom-popup{animation:none}.chart-card,.stat-card,.order-row{transition:none}}.loading-screen .spinner{width:48px;height:48px;color:var(--theme-gradient-start);animation:1s linear infinite spin}.customer-selector-wrapper{align-items:center;min-width:180px;display:inline-flex;position:relative}.customer-selector-wrapper.hidden{display:none!important}.customer-select-dropdown{border:2px solid var(--theme-borderColor);border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));width:100%;color:var(--theme-gradient-start);appearance:none;box-shadow:var(--shadow-sm);min-width:160px;padding:10px 36px 10px 16px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.customer-select-dropdown:hover{border-color:var(--theme-gradient-accent);background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-gradient-accent)10);color:var(--theme-gradient-accent);box-shadow:0 8px 25px var(--theme-gradient-accent)20;transform:translateY(-2px)}.customer-select-dropdown:focus{border-color:var(--theme-gradient-start);box-shadow:0 0 0 4px var(--theme-gradient-start)20;outline:none}.customer-selector-wrapper:after{content:"▼";pointer-events:none;color:var(--theme-gradient-start);font-size:10px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:absolute;right:14px}.customer-selector-wrapper:hover:after{color:var(--theme-gradient-accent);transform:rotate(180deg)}.customer-select-dropdown option{background:var(--theme-gradient-card);color:var(--theme-text);padding:10px 14px;font-weight:500}.customer-select-dropdown option:hover,.customer-select-dropdown option:checked{background:linear-gradient(135deg, var(--theme-gradient-start)10, var(--theme-secondary)10);color:var(--theme-gradient-start)}.no-customer-text{color:var(--muted);background:linear-gradient(135deg, var(--theme-gradient-light), var(--theme-background));border-radius:var(--radius-sm);border:2px dashed var(--theme-borderColor);white-space:nowrap;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.no-customer-text:before{content:"ℹ️";font-size:1rem}@media (width<=900px){.customer-selector-wrapper{min-width:140px}.customer-select-dropdown{min-width:120px;padding:8px 32px 8px 12px;font-size:.8rem}.no-customer-text{padding:8px 12px;font-size:.8rem}}@media (width<=640px){.customer-selector-wrapper{min-width:100px}.customer-select-dropdown{min-width:80px;padding:6px 28px 6px 10px;font-size:.7rem}.customer-selector-wrapper:after{font-size:8px;right:10px}.no-customer-text{white-space:nowrap;padding:6px 10px;font-size:.7rem}}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.user-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.welcome-area{flex:1;min-width:120px}.profile-btn{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex}.customer-dropdown-menu.dashboard-dropdown{background:var(--theme-gradient-card);border:1px solid var(--theme-borderColor);z-index:9999;border-radius:10px;min-width:280px;max-width:350px;max-height:300px;animation:.2s dropdownSlide;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 10px 30px #00000026}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.customer-dropdown-menu.dashboard-dropdown .customer-dropdown-item{cursor:pointer;border-bottom:1px solid var(--theme-borderColor);justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.customer-dropdown-menu.dashboard-dropdown .customer-dropdown-item:last-child{border-bottom:none}.customer-dropdown-menu.dashboard-dropdown .customer-dropdown-item:hover{background:var(--theme-gradient-start)10}.customer-dropdown-menu.dashboard-dropdown .customer-dropdown-item.active{background:var(--theme-gradient-start)20;border-left:3px solid var(--theme-gradient-start)}.customer-dropdown-menu.dashboard-dropdown .customer-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.customer-dropdown-menu.dashboard-dropdown .customer-item-name{color:var(--theme-text);font-size:.9rem;font-weight:500}.customer-dropdown-menu.dashboard-dropdown .customer-item-code{color:#94a3b8;font-size:.7rem}.customer-dropdown-menu.dashboard-dropdown .customer-item-check{color:#16a34a;font-size:16px;font-weight:700}@media (width<=768px){.customer-selector-wrapper{margin-right:8px}.customer-selector-display{min-height:34px;padding:6px 10px}.customer-selector-display .customer-name{max-width:100px;font-size:.8rem}.customer-dropdown-menu.dashboard-dropdown{min-width:220px;max-width:280px;right:-10px}}@media (width<=480px){.customer-selector-display{min-height:30px;padding:4px 8px}.customer-selector-display .customer-name{max-width:70px;font-size:.7rem}.customer-dropdown-menu.dashboard-dropdown{min-width:180px;max-width:220px;right:-5px}.customer-dropdown-menu.dashboard-dropdown .customer-item-name{font-size:.8rem}}.sidebar-toggle{background:linear-gradient(135deg, var(--theme-gradient-start)20, var(--theme-secondary)20);color:var(--theme-gradient-start);border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;transition:all .28s var(--ease);border:none;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.welcome-area p{color:var(--muted);margin:0;font-size:1.05rem}.customer-selector-wrapper{align-items:center;display:flex;position:relative}.customer-select-dropdown{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;border:1px solid var(--theme-borderColor);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .28s var(--ease);-webkit-background-clip:text;background-clip:text;width:100%;padding:10px 36px 10px 16px;font-size:.9rem;font-weight:600}.customer-select-dropdown:hover,.customer-select-dropdown.active{border-color:var(--theme-gradient-accent);background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.customer-selector-wrapper:after{content:"▼";pointer-events:none;transition:all .28s var(--ease);background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:9px;position:absolute;right:14px}.customer-selector-wrapper:hover:after{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.custom-dropdown-menu{background:var(--theme-gradient-card);border:1px solid var(--theme-borderColor);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-md);z-index:100;max-height:250px;margin-top:4px;padding:6px 0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto}.dropdown-item{cursor:pointer;background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.dropdown-item:hover{background-color:var(--theme-gradient-accent)10;background-image:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.dropdown-item.selected{background-color:var(--theme-gradient-start)10}.no-customer-text{color:var(--muted);padding:10px 16px;font-size:.9rem;font-weight:500}.notification-header h4{margin:0;font-size:1rem;font-weight:600}.no-notifications{text-align:center;color:var(--muted);padding:32px;font-size:.95rem}.notification-item{border-bottom:1px solid var(--theme-borderColor);cursor:pointer;transition:all .2s var(--ease);background:0 0;gap:14px;padding:14px 18px;display:flex}.notification-item:last-child{border-bottom:none}.notification-icon{color:var(--theme-gradient-start);flex-shrink:0;align-items:flex-start;margin-top:2px;display:flex}.notification-content{flex-direction:column;flex:1;gap:4px;display:flex}.notification-message{color:var(--theme-text);margin:0;font-size:.9rem;font-weight:400;line-height:1.4}.notification-item.unread .notification-message{font-weight:600}.notification-time{color:var(--muted);font-size:.75rem;font-weight:500}.order-actions{align-items:center;gap:6px;display:flex}.edit-btn-small{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.edit-btn-small:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.edit-items-container{flex-direction:column;gap:12px;width:100%;display:flex}.edit-item-row{background-color:var(--theme-gradient-card);border-radius:var(--radius-sm,6px);border:1px solid var(--theme-borderColor);color:var(--theme-text);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.edit-item-info{flex-direction:column;flex:2;gap:4px;min-width:150px;display:flex}.edit-item-name{color:var(--theme-text);font-size:.95rem;font-weight:600}.edit-item-code{color:var(--theme-text);opacity:.8;font-size:.8rem}.edit-item-qty,.edit-item-rate,.edit-item-amount{min-width:80px;color:var(--theme-text);flex-direction:column;flex:1;gap:4px;display:flex}.edit-item-row label{text-transform:uppercase;color:var(--theme-text);font-size:.75rem;font-weight:700}.edit-input{border:1px solid var(--theme-borderColor);border-radius:var(--radius-sm,4px);width:100%;color:var(--theme-text);outline:none;padding:8px 12px;font-size:.9rem;font-weight:600}.edit-input.readonly{background-color:var(--theme-gradient-light);cursor:not-allowed}.edit-item-amount-value{color:var(--theme-text);padding:8px 0;font-size:.9rem;font-weight:600}.remove-item-btn{color:var(--theme-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:16px;padding:8px;transition:all .2s;display:flex}.remove-item-btn:hover{background-color:var(--theme-gradient-accent)10;color:var(--theme-gradient-accent)}.order-edit-modal-dashboard{background:var(--theme-gradient-card);border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:88vh;animation:.28s scaleIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.order-edit-modal-dashboard .modal-body{padding:22px 24px;overflow-y:auto}.order-edit-modal-dashboard .edit-info-grid{background:var(--theme-gradient-light);border-radius:8px;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;padding:16px;display:grid}.order-edit-modal-dashboard .edit-info-grid strong{color:var(--muted);margin-bottom:4px;font-size:.8rem;display:block}.order-edit-modal-dashboard .edit-input{border:1px solid var(--theme-borderColor);background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));width:100%;color:var(--theme-text);border-radius:6px;padding:6px 10px;font-size:.9rem;font-weight:400;transition:all .2s}.order-edit-modal-dashboard .edit-input:focus{border-color:var(--theme-gradient-start);box-shadow:0 0 0 3px var(--theme-gradient-start)20;outline:none}.order-edit-modal-dashboard .edit-input.readonly{background:var(--theme-gradient-light);color:var(--muted);cursor:not-allowed}.order-edit-modal-dashboard .edit-select{border:1px solid var(--theme-borderColor);background:var(--theme-gradient-card);border-radius:6px;width:100%;padding:6px 10px;font-size:.9rem}.order-edit-modal-dashboard .edit-remarks{margin-bottom:16px}.order-edit-modal-dashboard .edit-remarks label{color:var(--theme-text);margin-bottom:4px;font-size:.9rem;font-weight:700;display:block}.order-edit-modal-dashboard .edit-input.full-width{width:100%}.order-edit-modal-dashboard .edit-items-container{border:1px solid var(--theme-borderColor);border-radius:8px;max-height:300px;margin-bottom:12px;padding:8px;overflow-y:auto}.order-edit-modal-dashboard .edit-item-row{background:var(--theme-gradient-light);border-radius:6px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;transition:all .2s;display:flex}.order-edit-modal-dashboard .edit-item-row:hover{background:var(--theme-gradient-card);box-shadow:0 2px 8px #0000000f}.order-edit-modal-dashboard .edit-item-info{flex:1;min-width:0}.order-edit-modal-dashboard .edit-item-name{color:var(--theme-text);padding-left:0%;font-size:.9rem;font-weight:600;display:flex}.order-edit-modal-dashboard .edit-item-code{color:var(--muted);font-size:.75rem;display:flex}.order-edit-modal-dashboard .edit-item-qty{width:80px;display:flex}.order-edit-modal-dashboard .edit-item-qty label,.order-edit-modal-dashboard .edit-item-rate label{color:var(--muted);text-transform:uppercase;margin-bottom:2px;font-size:.7rem;font-weight:600;display:flex}.order-edit-modal-dashboard .qty-input{text-align:center;width:100%;display:flex}.order-edit-modal-dashboard .edit-item-rate{width:100px}.order-edit-modal-dashboard .edit-item-rate .edit-input{text-align:center}.order-edit-modal-dashboard .edit-item-amount{text-align:right;width:120px}.order-edit-modal-dashboard .edit-item-amount-value{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:700}.order-edit-modal-dashboard .remove-item-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;transition:all .2s}.order-edit-modal-dashboard .remove-item-btn:hover{color:var(--theme-gradient-accent);background:var(--theme-gradient-accent)10}.order-edit-modal-dashboard .edit-totals{background:var(--theme-gradient-light);border-radius:8px;margin-bottom:16px;padding:12px}.order-edit-modal-dashboard .edit-total-row{color:var(--theme-text);justify-content:space-between;font-weight:600;display:flex}.order-edit-modal-dashboard .edit-actions{border-top:1px solid var(--theme-borderColor);justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.order-edit-modal-dashboard .save-edit-btn{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .2s;display:inline-flex}.order-edit-modal-dashboard .save-edit-btn:hover:not(:disabled){box-shadow:0 4px 12px var(--theme-gradient-accent)40;transform:translateY(-2px)}.order-edit-modal-dashboard .save-edit-btn:disabled{opacity:.6;cursor:not-allowed}.edit-order-btn{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-right:10px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.edit-order-btn:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));box-shadow:0 4px 12px var(--theme-gradient-accent)40;transform:translateY(-2px)}@media (width<=768px){.order-edit-modal-dashboard .edit-info-grid{grid-template-columns:1fr}.order-edit-modal-dashboard .edit-item-row{flex-wrap:wrap}.order-edit-modal-dashboard .edit-item-info{order:1;width:100%}.order-edit-modal-dashboard .edit-item-qty{order:2;width:60px}.order-edit-modal-dashboard .edit-item-rate{order:3;width:80px}.order-edit-modal-dashboard .edit-item-amount{order:4;width:100px}.order-edit-modal-dashboard .remove-item-btn{order:5}.order-edit-modal-dashboard .edit-total-row{flex-direction:column;gap:4px}.order-edit-modal-dashboard .edit-actions{flex-direction:column}.order-edit-modal-dashboard .edit-actions button{justify-content:center;width:100%}}.order-edit-modal-dashboard{background:var(--theme-gradient-card);border-radius:16px;flex-direction:column;width:95%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.order-edit-modal-dashboard .modal-header{border-bottom:1px solid var(--theme-borderColor);background:var(--theme-gradient-light);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.order-edit-modal-dashboard .modal-header h2{color:var(--theme-text);margin:0;font-size:18px}.order-edit-modal-dashboard .modal-body{flex:1;padding:20px 24px;overflow-y:auto}.edit-product-section{margin-top:16px}.edit-product-row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.edit-product-field{flex:1;min-width:250px}.edit-product-field label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.edit-qty-field,.edit-amount-field{flex:0 0 100px}.edit-qty-field label,.edit-amount-field label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.edit-qty-field .modern-input,.edit-amount-field .modern-input{width:100%}.edit-amount-field .modern-input{background:var(--theme-gradient-light)}.edit-items-table{border:1px solid var(--theme-borderColor);border-radius:8px;margin-top:16px;overflow:hidden}.edit-items-table .order-items-table{border-collapse:collapse;width:100%}.edit-items-table .order-items-table th{background:var(--theme-gradient-light);text-align:left;color:var(--muted);border-bottom:1px solid var(--theme-borderColor);padding:10px 12px;font-size:12px;font-weight:600}.edit-items-table .order-items-table td{border-bottom:1px solid var(--theme-gradient-light);color:var(--theme-text);padding:10px 12px;font-size:13px}.edit-items-table .order-items-table tr:last-child td{border-bottom:none}.edit-items-table .remove-item{color:var(--theme-gradient-accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;transition:background .2s}.edit-items-table .remove-item:hover{background:var(--theme-gradient-accent)10}.edit-items-table .total-row td{background:var(--theme-gradient-light);border-top:2px solid var(--theme-borderColor);font-weight:600}.edit-actions{border-top:1px solid var(--theme-borderColor);justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.edit-actions .cancel-btn{background:var(--theme-gradient-light);border:1px solid var(--theme-borderColor);color:var(--muted);cursor:pointer;border-radius:8px;padding:10px 24px;font-size:14px;transition:all .2s}.edit-actions .cancel-btn:hover{background:var(--theme-borderColor)}.edit-actions .save-edit-btn{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 28px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.edit-actions .save-edit-btn:hover:not(:disabled){box-shadow:0 4px 12px var(--theme-gradient-start)40;transform:translateY(-2px)}.edit-actions .save-edit-btn:disabled{opacity:.7;cursor:not-allowed}.edit-remarks{margin-bottom:16px}.edit-remarks label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.edit-remarks .edit-input.full-width{border:1px solid var(--theme-borderColor);border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.edit-remarks .edit-input.full-width:focus{border-color:var(--theme-gradient-start);box-shadow:0 0 0 3px var(--theme-gradient-start)20;outline:none}.edit-product-field .search-wrapper{margin-bottom:8px;position:relative}.edit-product-field .search-wrapper .search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.edit-product-field .search-wrapper .product-search{border:1px solid var(--theme-borderColor);border-radius:6px;width:100%;padding:8px 12px 8px 36px;font-size:13px}.edit-product-field .search-wrapper .product-search:focus{border-color:var(--theme-gradient-start);box-shadow:0 0 0 3px var(--theme-gradient-start)20;outline:none}.edit-product-field .modern-select{border:1px solid var(--theme-borderColor);border-radius:6px;width:100%;min-height:120px;padding:6px;font-size:13px}.edit-product-field .modern-select:focus{border-color:var(--theme-gradient-start);box-shadow:0 0 0 3px var(--theme-gradient-start)20;outline:none}.edit-product-field .modern-select option{padding:6px 8px}.edit-product-field .modern-select option:hover{background:var(--theme-gradient-light)}.edit-product-field .load-more-btn{background:var(--theme-gradient-light);border:1px solid var(--theme-borderColor);width:100%;color:var(--theme-text);cursor:pointer;border-radius:6px;margin-top:8px;padding:8px;font-size:13px;transition:all .2s}.edit-product-field .load-more-btn:hover{background:var(--theme-borderColor)}.edit-product-section .empty-items{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.edit-product-section .empty-items svg{color:#cbd5e1;margin-bottom:12px}.edit-product-section .empty-items p{color:var(--muted);margin:0;font-size:16px;font-weight:500}.edit-product-section .empty-items span{color:#94a3b8;font-size:13px}.edit-product-field .loading-more{justify-content:center;padding:8px 0;display:flex}.edit-product-field .loading-more .spinner{animation:1s linear infinite spin}.edit-product-field .no-products{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.edit-product-field .no-products svg{color:#cbd5e1;margin-bottom:8px}.edit-product-field .no-products p{margin:0;font-size:14px}@media (width<=768px){.order-edit-modal-dashboard{width:98%;max-height:95vh}.edit-product-row{flex-direction:column;gap:8px}.edit-product-field{min-width:100%}.edit-qty-field,.edit-amount-field{flex:1;width:100%}.edit-actions{flex-direction:column-reverse}.edit-actions button{justify-content:center;width:100%}}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:40px}.password-toggle-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:10px}.password-toggle-btn:hover{color:var(--theme-gradient-start)}.password-toggle-btn:focus{outline:none}.refresh-btn-modal{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:8px;transition:all .2s;display:flex}.refresh-btn-modal:hover:not(:disabled){background:var(--theme-gradient-light);color:var(--theme-gradient-start)}.refresh-btn-modal:disabled{opacity:.6;cursor:not-allowed}.refresh-btn-modal .spinner{animation:1s linear infinite spin}.my-orders-modal .modal-header{align-items:center;gap:12px;display:flex}.my-orders-modal .modal-header h2{flex:1;margin:0}.orders-full-table .edit-btn-small{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;align-items:center;gap:4px;margin-left:4px;padding:4px 10px;font-size:12px;transition:background .2s;display:inline-flex}.orders-full-table .edit-btn-small:hover{background:#d97706}.view-all-btn{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;border:none;border-radius:6px;margin-left:8px;padding:6px 16px;font-size:13px;transition:background .2s}.view-all-btn:hover{box-shadow:0 4px 12px var(--theme-gradient-start)40;transform:translateY(-2px)}.pagination-controls{border-top:1px solid var(--theme-borderColor);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:16px 0;display:flex}.pagination-btn{background:var(--theme-gradient-card);border:1px solid var(--theme-borderColor);color:var(--theme-text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--theme-gradient-light);border-color:var(--theme-gradient-start)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{gap:4px;display:flex}.pagination-number{border:1px solid var(--theme-borderColor);background:var(--theme-gradient-card);width:34px;height:34px;color:var(--theme-text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pagination-number:hover:not(.active){background:var(--theme-gradient-light);border-color:var(--theme-gradient-start)}.pagination-number.active{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));border-color:var(--theme-gradient-start);color:#fff}.pagination-info{text-align:center;color:var(--muted);padding:8px 0 4px;font-size:13px}.ai-predictor-section{margin:20px 0}.ai-predictor-card{background:var(--theme-gradient-card);box-shadow:var(--shadow-sm);border:1px solid var(--theme-borderColor);border-radius:12px;padding:20px}.predictor-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ai-icon{color:#8b5cf6}.predictor-header h4{color:var(--theme-text);margin:0;font-size:16px}.predictor-actions{gap:8px;margin-left:auto;display:flex}.predict-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.predict-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.predict-btn.insights-btn{background:linear-gradient(135deg,#059669,#047857)}.predict-btn.insights-btn:hover:not(:disabled){box-shadow:0 4px 12px #0596694d}.predict-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.predictor-error{background:var(--theme-gradient-accent)15;color:var(--theme-accent);border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:14px}.prediction-results{margin-top:12px}.prediction-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.prediction-item{background:var(--theme-gradient-light);border-radius:8px;padding:14px}.prediction-item label{color:var(--muted);align-items:center;gap:4px;margin-bottom:6px;font-size:12px;display:flex}.predicted-items{flex-wrap:wrap;gap:6px;display:flex}.item-tag{background:var(--theme-gradient-start)20;color:var(--theme-gradient-start);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.value{color:#059669;font-size:16px;font-weight:600}.date{color:var(--theme-gradient-start);font-size:14px;font-weight:600}.confidence{border-radius:12px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-block}.confidence.high{color:#065f46;background:#d1fae5}.confidence.medium{color:#92400e;background:#fef3c7}.confidence.low{background:var(--theme-gradient-accent)20;color:var(--theme-accent)}.prediction-reasoning{background:var(--theme-gradient-light);border-radius:8px;padding:14px}.prediction-reasoning label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.prediction-reasoning p{color:var(--theme-text);margin:0;font-size:14px;line-height:1.6}.insights-results{margin-top:12px}.insight-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.insight-item{background:var(--theme-gradient-light);text-align:center;border-radius:8px;padding:14px}.insight-item label{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.insight-item .frequency{color:var(--theme-gradient-start);font-size:14px;font-weight:600}.insight-item .segment{color:#7c3aed;font-size:14px;font-weight:600}.insight-section{background:var(--theme-gradient-light);border-radius:8px;margin-top:12px;padding:14px}.insight-section label{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.recommendations-list{margin:0;padding-left:20px}.recommendations-list li{color:var(--theme-text);margin-bottom:4px;font-size:14px;line-height:1.5}.growth-opportunity{color:#059669;margin:0;font-size:14px;font-weight:500}.top-items{flex-wrap:wrap;gap:6px;display:flex}.predictor-placeholder{text-align:center;color:var(--muted);padding:30px 20px}.placeholder-icon{color:#94a3b8;margin-bottom:12px}.predictor-placeholder p{margin:4px 0;font-size:14px}.predictor-placeholder small{color:#94a3b8;font-size:12px}.ai-chat-toggle{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:relative;bottom:30px;right:30px;box-shadow:0 4px 20px #8b5cf666}.ai-chat-toggle:hover{transform:scale(1.05);box-shadow:0 6px 30px #8b5cf680}.chat-badge{background:var(--theme-gradient-accent);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-5px;right:-5px}.ai-chat-window{background:var(--theme-gradient-card);z-index:1000;border-radius:16px;flex-direction:column;width:420px;max-width:90vw;height:550px;max-height:70vh;animation:.3s slideUp;display:flex;position:fixed;bottom:100px;right:30px;overflow:hidden;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chat-header{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-title{align-items:center;gap:10px;display:flex}.chat-title h4{margin:0;font-size:16px}.ai-status{opacity:.8;background:#fff3;border-radius:10px;padding:2px 10px;font-size:11px}.close-chat-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.close-chat-btn:hover{background:#ffffff4d}.chat-messages{background:var(--theme-gradient-light);flex:1;padding:16px;overflow-y:auto}.chat-message{flex-direction:column;margin-bottom:12px;display:flex}.chat-message.user{align-items:flex-end}.chat-message .message-content{white-space:pre-wrap;border-radius:12px;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.6}.chat-message.user .message-content{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-bottom-right-radius:4px}.chat-message.assistant .message-content{background:var(--theme-gradient-card);color:var(--theme-text);box-shadow:var(--shadow-sm);border-bottom-left-radius:4px}.message-action{align-items:center;gap:8px;margin-top:6px;display:flex}.action-badge{background:var(--theme-gradient-light);color:var(--muted);border-radius:10px;padding:2px 10px;font-size:11px}.typing-indicator{background:var(--theme-gradient-card);border-radius:12px 12px 12px 4px;gap:4px;width:fit-content;padding:10px 14px;display:flex}.typing-indicator span{background:#94a3b8;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-input-area{border-top:1px solid var(--theme-borderColor);background:var(--theme-gradient-card);gap:8px;padding:12px 16px;display:flex}.chat-input{border:1px solid var(--theme-borderColor);background:var(--theme-gradient-card);color:var(--theme-text);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.chat-input:focus{border-color:#8b5cf6}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-footer{background:var(--theme-gradient-light);border-top:1px solid var(--theme-borderColor);text-align:center;padding:8px 16px}.chat-hint{color:#94a3b8;font-size:12px}@media (width<=768px){.predictor-actions{width:100%;margin-left:0}.predict-btn{flex:1;justify-content:center}.prediction-grid,.insight-grid{grid-template-columns:1fr}.ai-chat-window{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;bottom:0;right:0}.ai-chat-toggle{width:50px;height:50px;bottom:20px;right:20px}}.predictor-error{background:var(--theme-gradient-accent)15;color:var(--theme-accent);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:12px 16px;display:flex}.error-action-btn{background:var(--theme-gradient-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-left:auto;padding:4px 12px;font-size:12px}.error-action-btn:hover{background:var(--theme-accent)}.logout-confirmation-modal{background:var(--theme-gradient-card);text-align:center;border-radius:24px;width:90%;max-width:420px;padding:40px 35px 35px;animation:.4s cubic-bezier(.34,1.56,.64,1) logoutSlideUp;position:relative;box-shadow:0 25px 80px #00000059}.logout-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.logout-close-btn:hover{background:var(--theme-gradient-light);color:var(--theme-text)}.logout-icon-wrapper{justify-content:center;margin-bottom:20px;display:flex}.logout-icon-circle{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:2s ease-in-out infinite logoutPulse;display:flex}.logout-confirmation-modal h2{color:var(--theme-text);margin:0 0 10px;font-size:1.5rem;font-weight:700}.logout-message{color:var(--muted);margin:0 0 25px;font-size:.95rem;line-height:1.6}.logout-actions{justify-content:center;gap:12px;display:flex}.logout-cancel-btn{cursor:pointer;border:2px solid var(--theme-borderColor);background:var(--theme-gradient-card);color:var(--theme-text);border-radius:12px;flex:1;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s}.logout-cancel-btn:hover{background:var(--theme-gradient-light);border-color:var(--theme-borderColor)}.logout-confirm-btn{cursor:pointer;background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#fff;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.logout-confirm-btn:hover{box-shadow:0 8px 25px var(--theme-gradient-accent)40;transform:translateY(-2px)}.logout-confirm-btn:active{transform:translateY(0)}@keyframes logoutSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes logoutPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.blue-bg{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-status-processing), var(--theme-secondary));color:#fff}@media (width<=768px){.stats-grid{grid-template-columns:1fr 1fr}.logout-confirmation-modal{padding:30px 20px 25px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.logout-actions{flex-direction:column}}.notification-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.notification-popup{background:var(--theme-gradient-card);border-radius:16px;width:90%;max-width:480px;transition:transform .3s;overflow:hidden;transform:translateY(-20px)scale(.95);box-shadow:0 20px 60px #0000004d}.notification-popup-header{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;align-items:center;gap:12px;padding:16px 20px;display:flex}.notification-popup-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.notification-popup-header h3{flex:1;margin:0;font-size:18px;font-weight:600}.notification-popup-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.notification-popup-close:hover{background:#fff3}.notification-popup-body h4{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:18px}.notification-popup-body p{color:var(--theme-text);margin:0 0 16px;font-size:15px;line-height:1.6}.notification-popup-date{color:var(--muted);background:var(--theme-gradient-light);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.notification-popup-btn{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .2s}.notification-popup-btn:hover{box-shadow:0 4px 12px var(--theme-gradient-start)40;transform:translateY(-2px)}.notification-panel{width:400px;max-height:500px;overflow-y:auto}.notification-header{border-bottom:1px solid var(--theme-borderColor);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-count{color:var(--muted);font-size:12px}.notification-item{border-bottom:1px solid var(--theme-gradient-light);cursor:pointer;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.notification-head{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:14px;font-weight:600}.notification-date-range{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.notification-content{flex:1}@media (width<=768px){.notification-popup{width:95%;margin:20px}.notification-panel{width:320px}}:root{--nb-blue-50:#eff6ff;--nb-blue-100:#dbeafe;--nb-blue-500:#2563eb;--nb-blue-600:#1d4ed8;--nb-blue-700:#1e40af;--nb-blue-800:#1e3a8a;--nb-red-50:#fef2f2;--nb-red-100:#fee2e2;--nb-red-500:#ef4444;--nb-red-600:#dc2626;--nb-red-700:#b91c1c;--nb-white:#fff;--nb-bg:#f8fafc;--nb-surface:#fff;--nb-surface-2:#f9fafb;--nb-border:#e5e7eb;--nb-border-2:#f3f4f6;--nb-text:#1f2937;--nb-text-soft:#4b5563;--nb-muted:#6b7280;--nb-muted-2:#9ca3af;--nb-grad-header:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end), var(--theme-gradient-accent));--nb-grad-btn:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));--nb-grad-btn-red:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));--nb-shadow-sm:0 2px 8px var(--theme-gradient-start)15;--nb-shadow-md:0 10px 30px var(--theme-gradient-start)25;--nb-shadow-lg:0 20px 50px var(--theme-gradient-start)35;--nb-shadow-red:0 6px 18px var(--theme-gradient-accent)40;--nb-radius:14px;--nb-radius-sm:8px;--nb-ease:cubic-bezier(.4, 0, .2, 1)}.notification-popup-overlay{-webkit-backdrop-filter:blur(6px);z-index:10000;opacity:0;transition:opacity .3s var(--nb-ease);background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notification-popup-overlay.visible{opacity:1}.notification-popup-overlay.hidden{opacity:0;pointer-events:none}.notification-popup{background:var(--nb-white);border-radius:var(--nb-radius);width:90%;max-width:480px;box-shadow:var(--nb-shadow-lg);transition:transform .3s var(--nb-ease), opacity .3s var(--nb-ease);border:1px solid var(--theme-borderColor);overflow:hidden;transform:translateY(-20px)scale(.95)}.notification-popup.slide-in{transform:translateY(0)scale(1)}.notification-popup.slide-out{opacity:0;transform:translateY(20px)scale(.95)}.notification-popup-header{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;align-items:center;gap:12px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.notification-popup-header:after{content:"";pointer-events:none;background:radial-gradient(600px 120px at 100% 0,#ffffff2e,#0000 60%);position:absolute;inset:0}.notification-popup-icon{background:#ffffff38;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.notification-popup-header h3{letter-spacing:.2px;flex:1;margin:0;font-size:16px;font-weight:700}.notification-popup-close{color:#fff;cursor:pointer;transition:all .2s var(--nb-ease);background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.notification-popup-close:hover{background:var(--theme-gradient-accent);transform:rotate(90deg)}.notification-popup-body{padding:24px 20px}.notification-popup-heading{margin-bottom:12px}.notification-popup-heading h4,.notification-popup-body h4{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;word-wrap:break-word;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.3}.notification-popup-message{margin-bottom:16px}.notification-popup-message p,.notification-popup-body p{color:var(--theme-text);white-space:pre-wrap;word-wrap:break-word;background:var(--theme-gradient-start)10;border-radius:var(--nb-radius-sm);border-left:3px solid var(--theme-gradient-start);margin:0 0 16px;padding:12px 16px;font-size:15px;line-height:1.7}.notification-popup-date{color:var(--muted);background:var(--theme-gradient-accent)10;border-radius:var(--nb-radius-sm);border-left:3px solid var(--theme-gradient-accent);align-items:center;gap:8px;margin-top:4px;padding:8px 12px;font-size:13px;display:flex}.notification-popup-footer{background:var(--nb-surface-2);border-top:1px solid var(--theme-borderColor);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.notification-popup-nav{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.notification-nav-btn{border:1px solid var(--theme-borderColor);border-radius:var(--nb-radius-sm);cursor:pointer;transition:all .25s var(--nb-ease);background:var(--nb-white);color:var(--theme-gradient-start);align-items:center;gap:4px;padding:8px 20px;font-size:13px;font-weight:600;display:flex}.notification-nav-btn:hover:not(:disabled){background:var(--theme-gradient-start)10;border-color:var(--theme-gradient-start);color:var(--theme-gradient-start);box-shadow:var(--nb-shadow-sm);transform:translateY(-1px)}.notification-nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.notification-counter{color:var(--muted);text-align:center;min-width:60px;font-size:14px;font-weight:600}.notification-popup-btn{background:var(--nb-grad-btn);color:#fff;border-radius:var(--nb-radius-sm);cursor:pointer;transition:all .25s var(--nb-ease);box-shadow:0 4px 12px var(--theme-gradient-start)40;border:none;padding:9px 28px;font-size:14px;font-weight:600}.notification-popup-btn:hover{background:var(--nb-grad-btn-red);box-shadow:var(--nb-shadow-red);transform:translateY(-2px)}.notification-popup-btn:active{transform:translateY(0)}.notification-dropdown{display:inline-block;position:relative}.notification-bell{background:var(--nb-white);border:1px solid var(--theme-borderColor);color:var(--theme-gradient-start);cursor:pointer;width:40px;height:40px;transition:all .25s var(--nb-ease);box-shadow:var(--nb-shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.notification-bell:hover{background:var(--theme-gradient-start)10;color:var(--theme-gradient-start);border-color:var(--theme-gradient-start);transform:translateY(-2px)}.notification-bell.has-notifications{color:var(--theme-gradient-accent);border-color:var(--theme-gradient-accent)}.notification-badge,.notification-bell .notification-badge{background:var(--nb-grad-btn-red);color:#fff;border:2px solid var(--nb-white);min-width:20px;height:20px;box-shadow:0 2px 6px var(--theme-gradient-accent)40;border-radius:50%;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;animation:2s infinite badgePulse;display:flex;position:absolute;top:-4px;right:-4px}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 var(--theme-gradient-accent)40;transform:scale(1)}50%{box-shadow:0 0 0 8px var(--theme-gradient-accent)0;transform:scale(1.12)}}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-panel{background:var(--nb-white);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow-lg);z-index:1000;border:1px solid var(--theme-borderColor);width:400px;max-height:500px;animation:slideInDown .22s var(--nb-ease);margin-top:10px;position:absolute;top:100%;right:0;overflow:hidden}.notification-header{border-bottom:1px solid var(--theme-borderColor);background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notification-header h4{color:#fff;letter-spacing:.2px;margin:0;font-size:15px;font-weight:700}.notification-count{color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.notification-list{background:var(--nb-surface);max-height:420px;padding:4px 0;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:0 0}.notification-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));border-radius:999px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--theme-gradient-accent)}.notification-item{border-bottom:1px solid var(--nb-border-2);cursor:pointer;transition:all .2s var(--nb-ease);align-items:flex-start;gap:12px;padding:12px 16px;display:flex;position:relative}.notification-item.expired{opacity:.65}.notification-item.expired .notification-head{color:var(--muted)}.notification-item.in-range{border-left:3px solid var(--theme-gradient-start)}.notification-item.expired{border-left:3px solid #d1d5db}.notification-item.in-range.unread{border-left:3px solid var(--theme-gradient-accent)}.notification-item.expired.unread{border-left:3px solid var(--nb-muted-2)}.notification-icon{background:var(--nb-grad-btn);color:#fff;width:36px;height:36px;box-shadow:0 4px 10px var(--theme-gradient-start)40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-item.unread .notification-icon{background:var(--nb-grad-btn-red);box-shadow:var(--nb-shadow-red)}.notification-content{flex:1;min-width:0}.notification-head{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.notification-status{letter-spacing:.4px;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.notification-status.status-active{color:var(--theme-gradient-start);background:var(--theme-gradient-start)20;border-color:var(--theme-gradient-start)30}.notification-status.status-expired{color:var(--theme-accent);background:var(--theme-gradient-accent)20;border-color:var(--theme-gradient-accent)30}.notification-message{color:var(--theme-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.notification-date-range{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:11px;font-weight:500;display:flex}.notification-time{color:var(--nb-muted-2);margin-top:4px;font-size:11px;font-weight:500;display:block}.no-notifications{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px;font-weight:500}.notification-loading{color:var(--theme-gradient-start);justify-content:center;align-items:center;gap:12px;padding:30px;font-weight:600;display:flex}.notification-loading .spinner{color:var(--theme-gradient-accent);animation:1s linear infinite spin}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (width<=768px){.notification-popup{width:95%;max-width:100%;margin:20px}.notification-panel{width:340px;right:-60px}.notification-popup-heading h4,.notification-popup-body h4{font-size:17px}.notification-popup-message p,.notification-popup-body p{padding:10px 14px;font-size:14px}.notification-nav-btn{padding:6px 14px;font-size:12px}.notification-nav-btn svg{width:14px;height:14px}.notification-counter{min-width:50px;font-size:12px}.notification-popup-btn{padding:6px 20px;font-size:13px}}@media (width<=480px){.notification-panel{width:300px;right:-80px}.notification-item{padding:10px 12px}.notification-head{font-size:13px}.notification-message{font-size:12px}.notification-popup-header h3{font-size:14px}.notification-popup-body{padding:16px}.notification-popup-heading h4{font-size:15px}.notification-popup-message p{padding:8px 12px;font-size:13px}.notification-popup-date{padding:6px 10px;font-size:11px}.notification-nav-btn{padding:5px 10px;font-size:11px}.notification-counter{min-width:40px;font-size:11px}.notification-popup-btn{padding:5px 16px;font-size:12px}}.orders-loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:70px 24px;display:flex}.orders-spinner{border:3px solid var(--theme-borderColor);border-top-color:var(--theme-gradient-accent);border-right-color:var(--theme-gradient-start);border-radius:50%;flex-shrink:0;width:44px;height:44px;margin-bottom:14px;animation:.85s linear infinite orders-spin}.orders-loading-state h3{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:17px;font-weight:750}.orders-loading-state p{color:var(--muted);margin:10px 0 0;font-size:16px}@keyframes orders-spin{to{transform:rotate(360deg)}}.settings-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.settings-modal{background:var(--theme-gradient-card);border-radius:20px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) settingsSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 80px #00000059}@keyframes settingsSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-modal-header{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end), var(--theme-secondary));color:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-modal-header h2{color:#fff;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;display:flex}.settings-modal-header .close-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.settings-modal-body{flex:1;padding:24px;overflow-y:auto}.settings-section{background:var(--theme-gradient-light);border:1px solid var(--theme-borderColor);border-radius:14px;margin-bottom:28px;padding:20px}.settings-section h3{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:700;display:flex}.settings-logo-preview{object-fit:cover;border:3px solid var(--theme-borderColor);border-radius:50%;width:100px;height:100px}.settings-logo-placeholder{color:#fff;background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:28px;font-weight:700;display:flex}.settings-logo-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.settings-btn-primary:hover{box-shadow:0 4px 12px var(--theme-gradient-start)40;transform:translateY(-2px)}.settings-btn-danger:hover{box-shadow:0 4px 12px var(--theme-gradient-accent)40;transform:translateY(-2px)}.settings-theme-card{text-align:center;cursor:pointer;border-radius:10px;padding:14px;transition:all .2s;position:relative}.settings-theme-card.active{border-width:3px!important}.settings-color-dot{border-radius:50%;width:28px;height:28px}.settings-theme-name{font-size:13px;font-weight:600}.settings-active-badge{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.settings-custom-toggle{border:2px solid var(--theme-gradient-start);cursor:pointer;width:100%;color:var(--theme-gradient-start);background:0 0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.settings-custom-toggle:hover{background:var(--theme-gradient-start)10}.settings-custom-panel h4{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:15px;font-weight:600}.settings-color-group label{color:var(--theme-text);font-size:12px;font-weight:600}.settings-color-group input[type=color]{border:1px solid var(--theme-borderColor);cursor:pointer;border-radius:8px;width:100%;height:40px;padding:2px}.settings-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.settings-apply-btn:hover{opacity:.85;transform:translateY(-2px)}.settings-preview{border-radius:12px;overflow:hidden}.settings-preview-header h4{color:#fff;margin:0}.settings-preview-body p{color:var(--theme-text);margin-bottom:14px}.settings-preview-btn:first-of-type{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end))}.settings-preview-btn:last-of-type{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent))}.settings-preview-btn:hover{opacity:.85;transform:translateY(-2px)}@media (width<=640px){.settings-modal{max-width:100%;max-height:95vh;margin:10px}.settings-modal-body,.settings-section{padding:16px}.settings-theme-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.settings-color-inputs{grid-template-columns:1fr 1fr}.settings-logo-actions{flex-direction:column;align-items:center}.settings-logo-actions button{justify-content:center;width:100%}}.settings-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;animation:.3s slideDown;display:flex}.settings-gradient-bar{transition:all .3s}.custom-preview-item{transition:all .3s}.settings-custom-actions{gap:12px;margin-top:16px;display:flex}.settings-custom-actions .settings-apply-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s}.settings-custom-actions .settings-apply-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #0003}.settings-custom-actions .settings-apply-btn:disabled{cursor:not-allowed}.settings-reset-btn{border:2px solid var(--theme-borderColor);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s}.settings-reset-btn:hover{background:var(--theme-gradient-light);transform:translateY(-2px)}.settings-footer{border-top:1px solid var(--theme-borderColor);justify-content:space-between;align-items:center;margin-top:8px;padding:12px 4px;display:flex}.settings-color-group input[type=color]{cursor:pointer;transition:all .3s}@media (width<=640px){.settings-custom-actions{flex-direction:column}.settings-custom-actions .settings-apply-btn,.settings-reset-btn{width:100%}.custom-preview-row{flex-wrap:wrap}.settings-footer{text-align:center;flex-direction:column;gap:4px}}:root{--theme-primary:#1e3a8a;--theme-secondary:#2563eb;--theme-background:#f1f5f9;--theme-text:#1e293b;--theme-accent:#dc2626;--theme-headerBg:#1e3a8a;--theme-cardBg:#fff;--theme-borderColor:#e2e8f0;--theme-gradient-start:#1e3a8a;--theme-gradient-end:#2563eb;--theme-gradient-accent:#dc2626;--theme-gradient-dark:#0f172a;--theme-gradient-light:#f1f5f9;--theme-gradient-card:#fff;--theme-gradient-bg:#f1f5f9;--theme-status-pending:#f59e0b;--theme-status-processing:#2563eb;--theme-status-delivered:#16a34a;--theme-chart-color1:#1e3a8a;--theme-chart-color2:#f59e0b;--theme-chart-color3:#dc2626;--navy-900:#0f172a;--navy-800:#1e293b;--navy-700:#1e3a8a;--navy-600:#1d4ed8;--navy-500:#2563eb;--navy-100:#dbeafe;--red-600:#dc2626;--red-500:#ef4444;--red-100:#fee2e2;--bg:#f1f5f9;--surface:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--warning:#f59e0b;--info:#2563eb;--success:#16a34a;--radius:16px;--radius-sm:10px;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 10px 30px #0f172a1a;--shadow-lg:0 20px 50px #0f172a2e;--ease:cubic-bezier(.4, 0, .2, 1)}body{background:linear-gradient(135deg, var(--theme-gradient-bg) 0%, var(--theme-background) 100%);min-height:100vh;margin:0}.dashboard-container{background:linear-gradient(135deg, var(--theme-gradient-bg) 0%, var(--theme-background) 100%);min-height:100vh;color:var(--theme-text);font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;display:flex}.loading-screen{background:linear-gradient(135deg, var(--theme-gradient-bg), var(--theme-background));width:100%;min-height:100vh;color:var(--theme-text);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:1.05rem;font-weight:600;display:flex}.loading-screen .spinner{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-gradient-start));color:#0000;-webkit-background-clip:text;background-clip:text}.loading-screen .spinner-container{justify-content:center;align-items:center;display:flex}.sidebar{background:linear-gradient(180deg, var(--theme-gradient-start) 0%, var(--theme-gradient-dark) 50%, var(--theme-gradient-end) 100%);color:#e2e8f0;z-index:30;flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #0f172a40}.logo-section{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);border-bottom:1px solid #ffffff14;justify-content:center;margin-bottom:14px;padding:8px 0 26px;display:flex}.sidebar-logo{filter:drop-shadow(0 4px 10px #0006);max-width:140px;height:auto;transition:transform .4s var(--ease)}.sidebar-logo:hover{transform:scale(1.06)rotate(-1deg)}.menu{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.menu-item{border-radius:var(--radius-sm);cursor:pointer;color:#cbd5e1;transition:all .28s var(--ease);align-items:center;gap:14px;padding:13px 16px;font-size:.95rem;font-weight:500;display:flex;position:relative;overflow:hidden}.menu-item svg{transition:transform .28s var(--ease)}.menu-item:before{content:"";background:linear-gradient(180deg, var(--theme-gradient-accent), var(--theme-accent));width:3px;transition:transform .28s var(--ease);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.menu-item:hover{background:linear-gradient(90deg, var(--theme-gradient-accent)20, transparent);color:#fff;transform:translate(4px)}.menu-item:hover:before{transform:scaleY(1)}.menu-item:hover svg{color:var(--theme-gradient-accent);transform:scale(1.15)}.menu-item.active{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent), var(--theme-gradient-accent));color:#fff;box-shadow:0 6px 18px var(--theme-gradient-accent)40;background-size:200% 200%;animation:3s infinite gradientShift}.menu-item.active:before{background:linear-gradient(#fff,#f0f0f0);transform:scaleY(1)}.menu-item.logout{color:#fca5a5;margin-top:auto}.menu-item.logout:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#fff}.menu-item.logout:hover svg{color:#fff}.main-content{animation:fadeIn .4s var(--ease);flex:1;padding:26px 30px;overflow-x:hidden}.topbar{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:fadeUp .4s var(--ease);border:1px solid var(--theme-borderColor);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 22px;display:flex}.welcome-area p{color:var(--muted);margin:0;font-size:1.05rem;display:flex}.welcome-area strong{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text}.user-actions{align-items:center;gap:14px;display:flex}.profile-btn{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;transition:all .28s var(--ease);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;display:flex}.profile-btn:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));box-shadow:0 8px 20px var(--theme-gradient-accent)40;transform:translateY(-2px)}.notification-dropdown{position:relative}.notification-bell{background:linear-gradient(135deg, var(--theme-gradient-start)20, var(--theme-secondary)20);color:var(--theme-gradient-start);cursor:pointer;width:44px;height:44px;transition:all .28s var(--ease);border:none;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.notification-bell:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#fff;transform:translateY(-2px)rotate(8deg)}.notification-bell.has-notifications{animation:2s infinite pulse}.notification-badge{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notification-panel{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:var(--radius);width:340px;max-width:88vw;box-shadow:var(--shadow-lg);z-index:50;animation:scaleIn .2s var(--ease);transform-origin:100% 0;border:1px solid var(--theme-borderColor);position:absolute;top:56px;right:0;overflow:hidden}.notification-header{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;padding:16px 18px}.notification-header h4{color:#fff;margin:0;font-size:1rem}.notification-list{max-height:380px;overflow-y:auto}.no-notifications{text-align:center;color:var(--muted);padding:32px}.notification-item{border-bottom:1px solid var(--theme-borderColor);cursor:pointer;transition:background .2s var(--ease);gap:12px;padding:14px 18px;display:flex}.notification-item:hover{background:linear-gradient(135deg, var(--theme-gradient-start)10, var(--theme-secondary)10)}.notification-item.unread{background:linear-gradient(135deg, var(--theme-gradient-accent)6, var(--theme-accent)2);border-left:3px solid var(--theme-gradient-accent)}.notification-item.unread:hover{background:linear-gradient(135deg, var(--theme-gradient-accent)10, var(--theme-accent)5)}.notification-icon{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notification-message{color:var(--theme-text);margin:0 0 4px;font-size:.88rem}.notification-time{color:var(--muted);font-size:.75rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;display:grid}.stat-card{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:fadeUp .5s var(--ease) both;font-variant-numeric:tabular-nums;cursor:default;transition:transform .3s var(--ease), box-shadow .3s var(--ease);border:1px solid var(--theme-borderColor);align-items:center;gap:16px;padding:22px;font-family:Roboto Mono,monospace;font-weight:1000;display:flex;position:relative;overflow:hidden}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:after{content:"";border-radius:var(--radius);transition:border-color .3s var(--ease);border-bottom:3px solid #0000;position:absolute;inset:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.stat-card:hover:after{border-bottom-color:var(--theme-gradient-accent)}.stat-icon{color:#fff;width:60px;height:60px;transition:transform .3s var(--ease);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)rotate(-6deg)}.navy-bg{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end), var(--theme-secondary));background-size:200% 200%;animation:5s infinite gradientShift}.orange-bg{background:linear-gradient(135deg, #ea580c, var(--theme-status-pending), #fbbf24);background-size:200% 200%;animation:5s infinite gradientShift}.green-bg{background:linear-gradient(135deg, #15803d, var(--theme-status-delivered), #22c55e);background-size:200% 200%;animation:5s infinite gradientShift}.red-bg{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent), #f87171);background-size:200% 200%;animation:5s infinite gradientShift}.purple-bg{background:linear-gradient(135deg,#6d28d9,#8b5cf6,#a78bfa) 0 0/200% 200%;animation:5s infinite gradientShift}.blue-bg{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-status-processing), var(--theme-secondary));background-size:200% 200%;animation:5s infinite gradientShift}.stat-info h3{color:var(--muted);margin:0 0 6px;font-size:.85rem;font-weight:600}.stat-number{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:800}.charts-section,.recent-orders-section{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:fadeUp .5s var(--ease) both;border:1px solid var(--theme-borderColor);margin-bottom:26px;padding:22px;animation-delay:.25s}.section-header{color:var(--theme-gradient-start);align-items:center;gap:10px;margin-bottom:20px;display:flex}.section-header h3{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.1rem;font-weight:700}.section-header svg{color:var(--theme-gradient-accent)}.refresh-btn-small{background:linear-gradient(135deg, var(--theme-gradient-start)20, var(--theme-secondary)20);color:var(--theme-gradient-start);cursor:pointer;width:34px;height:34px;transition:all .28s var(--ease);border:none;border-radius:9px;justify-content:center;align-items:center;margin-left:auto;display:flex}.refresh-btn-small:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#fff;transform:rotate(180deg)}.view-all-btn{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;transition:all .28s var(--ease);border:none;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:600}.view-all-btn:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));transform:translateY(-2px)}.chart-1{grid-column:1}.chart-2{grid-column:2}.chart-3{grid-column:1/-1}.chart-container{position:relative}.recent-orders-list{flex-direction:column;gap:10px;display:flex}.no-orders{text-align:center;color:var(--muted);padding:36px;font-style:italic}.order-row{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--theme-gradient-light), var(--theme-background));transition:all .28s var(--ease);border-left:3px solid #0000;grid-template-columns:1fr 1.4fr 1fr 1fr auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.order-row:hover{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-left-color:var(--theme-gradient-accent);box-shadow:var(--shadow-sm);transform:translate(4px)}.order-id{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;min-width:105px;font-weight:700}.customer-name{color:var(--theme-text)}.amount{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.status-pending,.status-processing,.status-delivered{text-align:center;border-radius:999px;padding:5px 12px;font-size:.76rem;font-weight:700;display:inline-block}.status-pending{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a)}.status-processing{background:linear-gradient(135deg, var(--theme-gradient-start)20, var(--theme-gradient-end)30);color:var(--theme-gradient-start)}.status-delivered{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.view-btn,.view-btn-small{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;transition:all .28s var(--ease);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.view-btn:hover,.view-btn-small:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));box-shadow:0 6px 16px var(--theme-gradient-accent)40;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn .25s var(--ease);background:linear-gradient(135deg,#0f172a8c,#1e293b8c);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.my-orders-modal{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:var(--radius);width:100%;max-width:760px;max-height:88vh;box-shadow:var(--shadow-lg);animation:scaleIn .28s var(--ease);flex-direction:column;display:flex;overflow:hidden}.my-orders-modal .modal-header{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end), var(--theme-secondary));color:#fff;background-size:200% 200%;align-items:center;gap:12px;padding:18px 24px;animation:3s infinite gradientShift;display:flex}.my-orders-modal .modal-header h2{color:#fff;flex:1;margin:0;font-size:1.2rem}.order-details-modal{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:var(--radius);width:100%;max-width:760px;max-height:88vh;box-shadow:var(--shadow-lg);animation:scaleIn .28s var(--ease);flex-direction:column;display:flex;overflow:hidden}.order-details-modal .modal-header{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end), var(--theme-secondary));color:#fff;background-size:200% 200%;justify-content:space-between;align-items:center;padding:18px 24px;animation:3s infinite gradientShift;display:flex}.order-details-modal .modal-header h2{color:#fff;margin:0;font-size:1.2rem}.password-modal{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:var(--radius);width:100%;max-width:440px;max-height:88vh;box-shadow:var(--shadow-lg);animation:scaleIn .28s var(--ease);flex-direction:column;display:flex;overflow:hidden}.password-modal .modal-header{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end), var(--theme-secondary));color:#fff;background-size:200% 200%;justify-content:space-between;align-items:center;padding:18px 24px;animation:3s infinite gradientShift;display:flex}.password-modal .modal-header h2{color:#fff;margin:0;font-size:1.2rem}.settings-modal{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:var(--radius);width:100%;max-width:760px;max-height:88vh;box-shadow:var(--shadow-lg);animation:scaleIn .28s var(--ease);flex-direction:column;display:flex;overflow:hidden}.settings-modal .modal-header{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end), var(--theme-secondary));color:#fff;background-size:200% 200%;justify-content:space-between;align-items:center;padding:18px 24px;animation:3s infinite gradientShift;display:flex}.settings-modal .modal-header h2{color:#fff;margin:0;font-size:1.2rem}.modal-header{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end), var(--theme-secondary));color:#fff;background-size:200% 200%;justify-content:space-between;align-items:center;padding:18px 24px;animation:3s infinite gradientShift;display:flex}.modal-header h2{color:#fff;margin:0;font-size:1.2rem}.close-btn{color:#fff;cursor:pointer;width:36px;height:36px;transition:all .25s var(--ease);background:#ffffff1f;border:none;border-radius:9px;font-size:1.4rem;line-height:1}.close-btn:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));transform:rotate(90deg)}.modal-body{padding:22px 24px;overflow-y:auto}.order-info-grid{background:linear-gradient(135deg, var(--theme-gradient-light), var(--theme-background));border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.order-info-grid strong{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text}.modal-body h3{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin:18px 0 12px}.orders-table-container{overflow-x:auto}.orders-full-table,.items-table{border-collapse:collapse;width:100%;font-size:.88rem}.orders-full-table th,.items-table th{background:var(--theme-gradient-start);color:#fff;text-align:center;padding:12px 14px;font-weight:600;position:sticky;top:0}.orders-full-table th:first-child,.items-table th:first-child{border-radius:8px 0 0}.orders-full-table th:last-child,.items-table th:last-child{border-radius:0 8px 0 0}.orders-full-table td,.items-table td{border-bottom:1px solid var(--theme-borderColor);padding:12px 14px}.orders-full-table tbody tr,.items-table tbody tr{transition:background .2s var(--ease)}.orders-full-table tbody tr:hover,.items-table tbody tr:hover{background:linear-gradient(135deg, var(--theme-gradient-start)10, var(--theme-secondary)10)}.total-row td{background:linear-gradient(135deg, var(--theme-gradient-light), var(--theme-background));color:var(--theme-text);font-size:.95rem}.remarks{border-left:3px solid var(--warning);background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:8px;margin-top:16px;padding:14px;font-size:.88rem}.modal-footer-actions{border-top:1px solid var(--theme-borderColor);justify-content:flex-end;margin-top:22px;padding-top:18px;display:flex}.print-invoice-btn{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#fff;cursor:pointer;transition:all .28s var(--ease);border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:.9rem;font-weight:600;display:inline-flex}.print-invoice-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));box-shadow:0 8px 20px var(--theme-gradient-start)40;transform:translateY(-2px)}.print-invoice-btn:disabled{opacity:.6;cursor:not-allowed}.password-modal form{padding:22px 24px}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-group label{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.85rem;font-weight:600}.input-group input{border:1.5px solid var(--theme-borderColor);transition:all .2s var(--ease);color:var(--theme-text);background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:10px;padding:11px 14px;font-size:.92rem}.input-group input:focus{border-color:var(--theme-gradient-start);box-shadow:0 0 0 3px var(--theme-gradient-start)20;outline:none}.password-modal form button[type=submit]{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;cursor:pointer;width:100%;transition:all .28s var(--ease);border:none;border-radius:10px;padding:12px;font-weight:600}.password-modal form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent))}.error-message{background:linear-gradient(135deg, var(--theme-accent)20, var(--theme-accent)10);color:var(--theme-accent);border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.85rem}.success-message{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.85rem}@media (width<=1100px){.charts-grid{grid-template-columns:repeat(2,1fr)}.charts-grid .chart-card:last-child{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.sidebar{width:78px;padding:18px 10px}.sidebar-logo{max-width:44px}.menu-item span{display:none}.menu-item{justify-content:center;gap:0;padding:14px}.menu-item:hover{transform:none}.main-content{padding:18px}}@media (width<=640px){.stats-grid,.charts-grid{grid-template-columns:1fr}.charts-grid .chart-card:last-child{grid-column:auto}.topbar{flex-direction:column;align-items:flex-start}.user-actions{justify-content:space-between;width:100%}.section-header{flex-wrap:wrap}.order-row{grid-template-columns:1fr 1fr;gap:8px}.order-row .view-btn-small{grid-column:1/-1;justify-content:center}.customer-name{text-align:right}.stat-number{font-size:1.35rem}.modal-header h2{font-size:1rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sidebar-toggle{cursor:pointer;color:var(--theme-gradient-start);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.sidebar-toggle:hover{background:var(--theme-gradient-start)10}.sidebar.collapsed{width:70px}.sidebar.collapsed .logo-section{padding:20px 0}.sidebar.collapsed .sidebar-logo{width:40px;height:40px}.sidebar.collapsed .menu-item{justify-content:center;padding:12px 0}.sidebar.collapsed .menu-item span{display:none}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.welcome-area{flex:1}@media (width<=768px){.sidebar.collapsed{width:0;overflow:hidden}.sidebar-toggle{z-index:1001;background:#fff;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #0000001a}}.loading-orders{text-align:center;color:var(--theme-gradient-start);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-weight:500;display:flex}.custom-popup{z-index:1100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;min-width:320px;max-width:90%;animation:.3s slideDown;position:fixed;top:24px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #0003}.custom-popup .popup-content{color:#fff;align-items:center;gap:12px;padding:14px 18px;font-size:.9rem;font-weight:500;display:flex}.custom-popup.success .popup-content{background:linear-gradient(135deg,#16a34a,#15803d)}.custom-popup.error .popup-content{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent))}.custom-popup.warning .popup-content{background:linear-gradient(135deg,#f59e0b,#d97706)}.custom-popup.info .popup-content{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end))}.popup-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:1.2rem;line-height:1;transition:all .2s;display:flex}.charts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chart-card{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border:1px solid var(--theme-borderColor);border-radius:var(--radius-sm);transition:all .3s var(--ease);padding:18px}.chart-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.chart-card.chart-3{grid-column:span 2}.chart-card h4{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:.95rem;font-weight:700}.chart-container{width:100%;min-height:280px;position:relative}@media (width<=1024px){.charts-grid{gap:16px}.chart-container{min-height:260px}}@media (width<=768px){.charts-grid{grid-template-columns:1fr;gap:16px}.chart-card.chart-3{grid-column:span 1}.chart-container{min-height:250px}.chart-card{padding:14px}.custom-popup{min-width:280px;top:16px}.custom-popup .popup-content{padding:12px 16px;font-size:.85rem}}@media (width<=480px){.chart-container{min-height:220px}.chart-card h4{margin-bottom:12px;font-size:.85rem}}canvas{max-width:100%!important;height:auto!important}.refresh-btn-small:disabled{opacity:.6;cursor:not-allowed}.refresh-btn-small .spinner{animation:.8s linear infinite spin}::-webkit-scrollbar{width:4px;height:6px}::-webkit-scrollbar-track{background:var(--theme-borderColor);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));transition:all .2s var(--ease);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent))}:root{--theme-primary:#1e3a8a;--theme-secondary:#2563eb;--theme-background:#f1f5f9;--theme-text:#1e293b;--theme-accent:#dc2626;--theme-headerBg:#1e3a8a;--theme-cardBg:#fff;--theme-borderColor:#e2e8f0;--theme-gradient-start:#1e3a8a;--theme-gradient-end:#2563eb;--theme-gradient-accent:#dc2626;--theme-gradient-dark:#0f172a;--theme-gradient-light:#f1f5f9;--theme-gradient-card:#fff;--theme-gradient-bg:#f1f5f9;--navy-900:#0f172a;--navy-800:#1e293b;--navy-700:#1e3a8a;--navy-600:#1d4ed8;--navy-500:#2563eb;--navy-100:#dbeafe;--red-600:#dc2626;--red-500:#ef4444;--red-400:#f87171;--red-100:#fee2e2;--bg:#f1f5f9;--surface:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--warning:#f59e0b;--info:#2563eb;--success:#16a34a;--radius:20px;--radius-sm:12px;--radius-md:16px;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 10px 30px #0f172a1a;--shadow-lg:0 20px 50px #0f172a2e;--shadow-xl:0 25px 60px #00000040;--ease:cubic-bezier(.4, 0, .2, 1)}@keyframes ord-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ord-scaleIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ord-slideDown{0%{opacity:0;transform:translate(-50%)translateY(-30px)}60%{opacity:1;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes ord-slideUp{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;visibility:hidden;transform:translate(-50%)translateY(-30px)}}@keyframes ord-spin{to{transform:rotate(360deg)}}@keyframes ord-rowIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes ord-pulse{0%,to{box-shadow:0 0 0 0 var(--theme-gradient-accent)40}50%{box-shadow:0 0 0 8px var(--theme-gradient-accent)0}}@keyframes ord-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes ord-gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.modal-container{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border-radius:var(--radius);width:100%;max-width:980px;max-height:92vh;box-shadow:var(--shadow-xl);animation:ord-scaleIn .35s var(--ease);color:var(--theme-text);border:1px solid var(--theme-borderColor);flex-direction:column;display:flex;overflow:hidden}.modal-header:hover .header-icon{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));box-shadow:0 5px 15px var(--theme-gradient-accent)40;transform:rotate(-8deg)scale(1.08)}.modal-header h2{letter-spacing:.3px;background:linear-gradient(135deg,#fff,#fffc);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem;font-weight:800}.close-btn:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));box-shadow:0 5px 15px var(--theme-gradient-accent)40;transform:rotate(90deg)scale(1.05)}.modal-content-order{background:linear-gradient(135deg, var(--theme-gradient-bg), var(--theme-background));flex:1;padding:24px 28px;overflow-y:auto}.modal-content-order::-webkit-scrollbar{width:4px}.modal-content-order::-webkit-scrollbar-track{background:var(--theme-borderColor);border-radius:10px}.modal-content-order::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));transition:all .2s var(--ease);border-radius:10px}.modal-content-order::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent))}.modern-select::-webkit-scrollbar{width:4px}.modern-select::-webkit-scrollbar-track{background:var(--theme-borderColor);border-radius:10px}.modern-select::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));transition:all .2s var(--ease);border-radius:10px}.modern-select::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent))}.form-grid{grid-template-columns:1fr;gap:20px;display:grid}.form-card{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border:1px solid var(--theme-borderColor);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .3s var(--ease);overflow:hidden}.form-card:hover{box-shadow:var(--shadow-md);border-color:var(--theme-gradient-start)30;transform:translateY(-3px)}.form-card.full-width{grid-column:1/-1}.card-header{background:linear-gradient(135deg, var(--theme-gradient-start)15, var(--theme-secondary)10);transition:all .3s var(--ease);border-bottom:2px solid #0000;align-items:center;gap:12px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.card-header:after{content:"";background:linear-gradient(90deg, var(--theme-gradient-accent), var(--theme-accent));width:0;height:2px;transition:width .3s var(--ease);position:absolute;bottom:0;left:0}.form-card:hover .card-header:after{width:100%}.card-header h3{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1rem;font-weight:800}.card-header svg{color:var(--theme-gradient-start);transition:all .3s var(--ease)}.form-card:hover .card-header svg{color:var(--theme-gradient-accent);transform:scale(1.1)}.card-body{padding:20px}.card-body.flex-row{flex-wrap:wrap;gap:18px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group.customer-width{flex:2;min-width:220px}.input-group.date-width{flex:1;min-width:160px}.input-group label,.product-field label,.qty-field label,.amount-field label{background:linear-gradient(135deg, var(--muted), var(--theme-gradient-start));color:#0000;text-transform:uppercase;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;font-size:.75rem;font-weight:800}.modern-input,.modern-select,.product-search{width:100%;color:var(--theme-text);background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));border:2px solid var(--theme-borderColor);border-radius:var(--radius-sm);transition:all .3s var(--ease);outline:none;padding:12px 14px;font-size:.92rem}.modern-input:hover,.modern-select:hover,.product-search:hover{border-color:var(--theme-gradient-start);background:linear-gradient(135deg, var(--theme-cardBg), var(--theme-gradient-card))}.modern-input:focus,.modern-select:focus,.product-search:focus{border-color:var(--theme-gradient-start);box-shadow:0 0 0 4px var(--theme-gradient-start)20;transform:translateY(-1px)}.modern-input.readonly{background:linear-gradient(135deg, var(--theme-gradient-light), var(--theme-background));color:var(--muted);cursor:not-allowed;border-color:var(--theme-borderColor)}.product-row{animation:ord-rowIn .4s var(--ease);grid-template-columns:1fr 130px 170px auto;align-items:end;gap:14px;display:grid}.product-field,.qty-field,.amount-field{flex-direction:column;gap:6px;display:flex}.search-wrapper{position:relative}.search-wrapper:focus-within .search-icon{color:var(--theme-gradient-accent)}.product-search{padding-left:38px}.modern-select{cursor:pointer;background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));margin-top:8px}.modern-select option{border-radius:8px;padding:10px 12px}.modern-select option:checked{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff}.loading-more{color:var(--theme-gradient-start);justify-content:center;align-items:center;padding:12px;display:flex}.spinner{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-gradient-start));color:#0000;-webkit-background-clip:text;background-clip:text;animation:.9s linear infinite ord-spin}.load-more-btn{background:linear-gradient(135deg, var(--theme-gradient-start)15, var(--theme-secondary)10);width:100%;color:var(--theme-gradient-start);border:2px dashed var(--theme-gradient-start);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--ease);margin-top:12px;padding:12px;font-size:.85rem;font-weight:700}.load-more-btn:hover{background:linear-gradient(135deg, var(--theme-gradient-accent)15, var(--theme-accent)10);color:var(--theme-gradient-accent);border-color:var(--theme-gradient-accent);border-style:solid;transform:translateY(-2px)}.no-products{background:linear-gradient(135deg, var(--theme-gradient-light), var(--theme-background));border-radius:var(--radius-sm);border:1px dashed var(--theme-borderColor);transition:all .3s var(--ease);flex-direction:column;align-items:center;gap:10px;margin-top:12px;padding:30px;display:flex}.no-products:hover{background:linear-gradient(135deg, var(--theme-gradient-accent)15, var(--theme-accent)10);transform:scale(1.02)}.no-products svg{color:var(--theme-gradient-start);opacity:.6;transition:all .3s var(--ease)}.no-products:hover svg{color:var(--theme-gradient-accent);transform:scale(1.1)}.no-products p{color:var(--theme-text);margin:0;font-size:.9rem;font-weight:600}.add-item-btn{color:#fff;background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));border-radius:var(--radius-sm);cursor:pointer;height:fit-content;transition:all .3s var(--ease);box-shadow:var(--shadow-sm);background-size:200% 200%;border:none;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.add-item-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.add-item-btn:hover:before{width:300px;height:300px}.add-item-btn:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));box-shadow:0 10px 25px var(--theme-gradient-accent)40;background-size:200% 200%;animation:1s infinite ord-gradientShift;transform:translateY(-3px)}.add-item-btn:active{transform:translateY(0)}.items-table{border:2px solid var(--theme-borderColor);border-radius:var(--radius-md);transition:all .3s var(--ease);margin-top:20px;overflow:hidden}.items-table:hover{border-color:var(--theme-gradient-start)50;box-shadow:var(--shadow-md)}.order-items-table{border-collapse:collapse;width:100%;font-size:.9rem}.order-items-table thead th{text-align:center;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--theme-gradient-start);border-bottom:2px solid var(--theme-borderColor);background-size:200% 200%;padding:14px 16px;font-size:.75rem;font-weight:800}.order-items-table tbody tr{border-bottom:1px solid var(--theme-borderColor);transition:all .25s var(--ease);animation:ord-rowIn .4s var(--ease)}.order-items-table tbody tr:hover{background:linear-gradient(135deg, var(--theme-gradient-start)15, var(--theme-secondary)10);transform:scale(1.01)}.order-items-table tbody td{color:var(--theme-text);padding:12px 16px}.order-items-table tfoot .total-row td{background:linear-gradient(135deg, var(--theme-gradient-light), var(--theme-background));padding:15px 16px;font-size:1rem;font-weight:800}.order-items-table tfoot .total-row td:last-child{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;background-size:200% 200%;font-size:1.1rem}.remove-item{background:linear-gradient(135deg, var(--theme-gradient-accent)15, var(--theme-accent)10);width:34px;height:34px;color:var(--theme-gradient-accent);cursor:pointer;transition:all .3s var(--ease);border:none;border-radius:10px;place-items:center;display:grid}.remove-item:hover{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));color:#fff;box-shadow:0 5px 15px var(--theme-gradient-accent)40;transform:scale(1.15)rotate(8deg)}.empty-items{text-align:center;background:linear-gradient(135deg, var(--theme-gradient-light), var(--theme-background));border:2px dashed var(--theme-borderColor);border-radius:var(--radius-md);transition:all .3s var(--ease);flex-direction:column;align-items:center;gap:8px;margin-top:20px;padding:50px 20px;display:flex}.empty-items:hover{background:linear-gradient(135deg, var(--theme-gradient-accent)10, var(--theme-accent)5);border-color:var(--theme-gradient-accent)40;transform:translateY(-3px)}.empty-items svg{color:var(--theme-gradient-start);opacity:.5;transition:all .3s var(--ease);margin-bottom:8px}.empty-items:hover svg{color:var(--theme-gradient-accent);opacity:1;transform:scale(1.2)}.empty-items p{color:var(--theme-text);margin:0;font-weight:800}.empty-items span{color:var(--muted);font-size:.85rem}.modal-footer{background:linear-gradient(135deg, var(--theme-gradient-light), var(--theme-background));border-top:2px solid var(--theme-borderColor);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.total-display{color:var(--muted);align-items:baseline;gap:12px;font-size:.95rem;font-weight:600;display:flex}.total-display strong{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end), var(--theme-gradient-accent));color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900;animation:3s infinite ord-gradientShift}.footer-buttons{flex-wrap:wrap;gap:12px;display:flex}.cancel-btn,.save-draft-btn,.submit-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--ease);border:2px solid #0000;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.cancel-btn{background:linear-gradient(135deg, var(--theme-gradient-card), var(--theme-cardBg));color:var(--muted);border-color:var(--theme-borderColor)}.cancel-btn:hover{background:linear-gradient(135deg, var(--theme-gradient-accent)15, var(--theme-accent)10);color:var(--theme-gradient-accent);border-color:var(--theme-gradient-accent);box-shadow:0 5px 15px var(--theme-gradient-accent)20;transform:translateY(-2px)}.save-draft-btn{background:linear-gradient(135deg, var(--theme-gradient-start)15, var(--theme-secondary)10);color:var(--theme-gradient-start)}.save-draft-btn:hover{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;box-shadow:0 5px 20px var(--theme-gradient-start)40;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;box-shadow:var(--shadow-sm);background-size:200% 200%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));box-shadow:0 10px 25px var(--theme-gradient-accent)40;background-size:200% 200%;animation:1s infinite ord-gradientShift;transform:translateY(-3px)}.submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.custom-popup{z-index:1100;border-radius:var(--radius-md);min-width:320px;max-width:90%;box-shadow:var(--shadow-xl);animation:ord-slideDown .4s var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:24px;left:50%;overflow:hidden;transform:translate(-50%)}.custom-popup.closing{animation:ord-slideUp .3s var(--ease) forwards}.custom-popup:hover .popup-content:before{left:100%}.custom-popup span{white-space:pre-line;flex:1}.custom-popup.success .popup-content{background:linear-gradient(135deg, var(--success), #0d9488);background-size:200% 200%;border-left:4px solid #fff}.custom-popup.error .popup-content{background:linear-gradient(135deg, var(--theme-gradient-accent), var(--theme-accent));background-size:200% 200%;border-left:4px solid #fff}.custom-popup.info .popup-content{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));background-size:200% 200%;border-left:4px solid #fff}.custom-popup.warning .popup-content{background:linear-gradient(135deg, var(--warning), #d97706);background-size:200% 200%;border-left:4px solid #fff}.order-customer-name{color:#fffc;margin-top:2px;font-size:.85rem;font-weight:500;display:block}.order-date-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:8px;align-items:center;gap:8px;margin-right:8px;padding:6px 14px;display:flex}.order-date-display svg{color:#ffffffb3;flex-shrink:0}.order-date-input{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;min-width:120px;padding:4px 0;font-size:.85rem;font-weight:500}.order-date-input::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.order-date-input:hover{color:#fff}.date-width{display:none}.header-actions{align-items:center;gap:12px;display:flex}.product-stats{align-items:center;gap:8px;margin-left:auto;display:flex}.stat-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.stat-badge.customer-stat{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff}.stat-badge.default-stat{background:var(--theme-borderColor);color:var(--theme-text)}.modern-select optgroup{color:var(--theme-gradient-start);padding:8px 4px;font-weight:600}.modern-select optgroup.custom-group,.modern-select optgroup.default-group{color:var(--theme-gradient-start)}.modern-select option.custom-option{color:var(--theme-primary);padding:6px 12px;font-weight:400}.modern-select option.default-option{color:var(--theme-text);padding:6px 12px;font-weight:400}.item-name-with-icon{align-items:center;gap:6px;display:flex}.custom-icon{color:var(--theme-primary)}.default-icon{color:var(--theme-text)}.customer-item-row{background:linear-gradient(90deg, var(--theme-gradient-start)8, transparent 100%);border-left:3px solid var(--theme-primary)}.customer-item-row:hover{background:linear-gradient(90deg, var(--theme-gradient-start)15, transparent 100%)}.customer-badge{background:linear-gradient(135deg, var(--theme-gradient-start), var(--theme-gradient-end));color:#fff;letter-spacing:.3px;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.default-badge{background:var(--theme-borderColor);color:var(--theme-text);border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.edit-remarks-section{height:100px;padding:16px 24px 24px}.edit-remarks-section .form-group{height:100px;margin-bottom:0}.edit-remarks-section .form-group label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.edit-remarks-section .modern-input.full-width{border:1px solid var(--theme-borderColor);border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.edit-remarks-section .modern-input.full-width:focus{border-color:var(--theme-gradient-start);box-shadow:0 0 0 3px var(--theme-gradient-start)20;outline:none}.edit-item-select{border:1px solid var(--theme-borderColor);background:var(--theme-gradient-card);border-radius:4px;width:100%;max-width:200px;padding:4px 8px;font-size:13px}.edit-item-select:focus{border-color:var(--theme-gradient-start);box-shadow:0 0 0 2px var(--theme-gradient-start)20;outline:none}.edit-qty-input{border:1px solid var(--theme-borderColor);text-align:center;border-radius:4px;width:60px;padding:4px 6px;font-size:13px}.edit-qty-input:focus{border-color:var(--theme-gradient-start);box-shadow:0 0 0 2px var(--theme-gradient-start)20;outline:none}.item-count{color:var(--muted);background:var(--theme-gradient-light);border-radius:12px;margin-left:auto;padding:2px 10px;font-size:12px}.order-items-table td{vertical-align:middle;padding:8px 10px}.order-items-table .edit-item-select{max-width:200px}.order-items-table .edit-qty-input{width:60px}.sms-status-popup{background:var(--theme-gradient-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;min-width:340px;max-width:420px;animation:slideInRight .35s var(--ease);border:1px solid var(--theme-borderColor);border-left:5px solid var(--theme-gradient-start);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 20px;position:fixed;bottom:24px;right:24px;overflow:hidden}.sms-status-popup.success{border-left-color:var(--theme-gradient-start);background:linear-gradient(135deg, var(--theme-gradient-card) 0%, var(--theme-gradient-start)10 250%)}.sms-status-popup.pending{border-left-color:var(--theme-gradient-accent);background:linear-gradient(135deg, var(--theme-gradient-card) 0%, var(--theme-gradient-accent)10 250%)}.sms-status-content{align-items:flex-start;gap:14px;display:flex}.sms-status-icon{width:32px;height:32px;transition:transform .2s var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.sms-status-popup.success .sms-status-icon{color:var(--theme-gradient-start);background-color:var(--theme-gradient-start)15}.sms-status-popup.pending .sms-status-icon{color:var(--theme-gradient-accent);background-color:var(--theme-gradient-accent)15}.sms-status-info{flex:1}.sms-status-info h4{color:var(--theme-text);letter-spacing:-.01em;margin:0 0 4px;font-size:14px;font-weight:700}.sms-status-info p{color:var(--theme-text);margin:0;font-size:13px;line-height:1.4}.sms-status-detail{color:var(--theme-gradient-start);font-weight:600;margin-top:4px!important}.sms-status-note{color:var(--muted);font-style:italic;margin-top:4px!important;font-size:12px!important}.sms-status-close{width:28px;height:28px;color:var(--muted);cursor:pointer;transition:all .2s var(--ease);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.sms-status-close:hover{background-color:var(--theme-gradient-accent)15;color:var(--theme-gradient-accent);transform:scale(1.05)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=820px){.product-row{grid-template-columns:1fr 1fr;gap:12px}.product-field{grid-column:1/-1}.add-item-btn{grid-column:1/-1;justify-content:center}.modal-container{max-width:95%;max-height:95vh}.modal-content-order{padding:20px}.modal-header,.modal-footer{padding:16px 20px}}@media (width<=768px){.order-date-display{padding:4px 10px}.order-date-input{min-width:90px;font-size:.75rem}.order-customer-name{font-size:.75rem}.header-left{flex:1;min-width:0}.header-actions{flex-shrink:0}.product-stats{display:none}.customer-badge,.default-badge{padding:1px 8px;font-size:10px}.edit-item-select{max-width:130px;font-size:12px}.edit-qty-input{width:50px}.order-items-table td{padding:6px 8px;font-size:12px}.order-items-table th{padding:6px 8px;font-size:11px}.sms-status-popup{width:auto;min-width:auto;max-width:none;bottom:16px;left:16px;right:16px}}@media (width<=560px){.modal-overlay{padding:12px}.modal-container{border-radius:var(--radius-md);max-height:96vh}.card-body.flex-row{flex-direction:column}.product-row{grid-template-columns:1fr}.modal-footer{flex-direction:column;align-items:stretch}.footer-buttons{flex-direction:column;justify-content:stretch}.footer-buttons button{justify-content:center;width:100%}.order-items-table{font-size:.8rem}.order-items-table thead th,.order-items-table tbody td{padding:8px 10px}.header-icon{width:40px;height:40px}.modal-header h2{font-size:1.1rem}.custom-popup{min-width:280px;top:16px}.popup-content{padding:12px 16px;font-size:.85rem}.order-date-display{padding:3px 8px}.order-date-input{min-width:70px;font-size:.7rem}.order-customer-name{font-size:.7rem}}.order-date-input:disabled{opacity:.5;cursor:not-allowed}.order-date-input::-webkit-datetime-edit{color:#fff}.order-date-display:hover .order-date-input:not(:focus){border-color:#fff3}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--navy-900:#0f172a;--navy-800:#1e293b;--navy-700:#1e3a8a;--navy-600:#1d4ed8;--navy-500:#2563eb;--navy-100:#dbeafe;--red-600:#dc2626;--red-500:#ef4444;--red-400:#f87171;--red-100:#fee2e2;--bg:#f1f5f9;--surface:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--warning:#f59e0b;--info:#2563eb;--success:#16a34a;--radius:20px;--radius-sm:12px;--radius-md:16px;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 10px 30px #0f172a1a;--shadow-lg:0 20px 50px #0f172a2e;--shadow-xl:0 25px 60px #00000040;--ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}@keyframes cld-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cld-scaleIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cld-slideDown{0%{opacity:0;transform:translate(-50%)translateY(-30px)}60%{opacity:1;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes cld-slideUp{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;visibility:hidden;transform:translate(-50%)translateY(-30px)}}@keyframes cld-spin{to{transform:rotate(360deg)}}@keyframes cld-rowIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes cld-pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}@keyframes cld-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes cld-gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes cld-float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);animation:cld-fadeIn .3s var(--ease);background:linear-gradient(135deg,#0f172aa6,#1e293bbf);justify-content:center;align-items:center;padding:20px;font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0}.customer-ledger-modal{background:linear-gradient(135deg, var(--surface), #f8fafc);border-radius:var(--radius);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--shadow-xl);animation:cld-scaleIn .35s var(--ease);color:var(--text);border:1px solid #ffffff4d;flex-direction:column;display:flex;overflow:hidden}.modal-header{background:linear-gradient(135deg, var(--navy-900), var(--navy-800), var(--navy-700));color:#fff;background-size:200% 200%;justify-content:space-between;align-items:center;padding:20px 28px;animation:4s infinite cld-gradientShift;display:flex;position:relative;overflow:hidden}.modal-header:before{content:"";width:100%;height:100%;transition:left .5s var(--ease);background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;top:0;left:-100%}.modal-header:hover:before{left:100%}.header-left{align-items:center;gap:14px;display:flex}.header-icon{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:50px;height:50px;transition:all .3s var(--ease);background:linear-gradient(135deg,#ffffff26,#ffffff0d);place-items:center;display:grid}.modal-header:hover .header-icon{background:linear-gradient(135deg, var(--red-600), var(--red-500));transform:rotate(-8deg)scale(1.08);box-shadow:0 5px 15px #dc26264d}.modal-header h2{letter-spacing:.3px;background:linear-gradient(135deg,#fff,#fffc);color:#0000;text-align:left;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem;font-weight:800}.header-subtitle{opacity:.8;letter-spacing:.5px;margin:4px 0 0;font-size:.7rem}.close-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:42px;height:42px;transition:all .3s var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:none;place-items:center;font-size:1.2rem;display:grid}.close-btn:hover{background:linear-gradient(135deg, var(--red-600), #b91c1c);transform:rotate(90deg)scale(1.05);box-shadow:0 5px 15px #dc262666}.modal-content-ledger{background:linear-gradient(135deg, #f8fafc, var(--surface));flex:1;padding:15px;overflow-y:auto}.modal-content-ledger::-webkit-scrollbar{width:10px}.modal-content-ledger::-webkit-scrollbar-track{background:var(--border);border-radius:10px}.modal-content-ledger::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--navy-500), var(--navy-600));transition:all .2s var(--ease);border-radius:10px}.modal-content-ledger::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, var(--red-500), var(--red-600))}.form-section{border-bottom:2px solid var(--border);transition:all .3s var(--ease);margin-bottom:15px;padding-bottom:15px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section:hover{border-bottom-color:var(--navy-300)}.section-header-cust{justify-content:center;align-items:center;gap:12px;display:flex;position:relative;overflow:hidden}.section-header:after{content:"";background:linear-gradient(90deg, var(--red-500), var(--red-600));width:0;height:3px;transition:width .3s var(--ease);position:absolute;bottom:-8px;left:0}.form-section:hover .section-header:after{width:50px}.section-header svg{color:var(--navy-600);transition:all .3s var(--ease)}.form-section:hover .section-header svg{color:var(--red-500);transform:scale(1.1)rotate(-5deg)}.section-header h3{background:linear-gradient(135deg, var(--navy-800), var(--navy-600));color:#0000;letter-spacing:.3px;text-align:left;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1rem;font-weight:800}.customer-search-container{position:relative}.customer-search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--muted);pointer-events:none;transition:color .3s var(--ease);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.customer-search-wrapper:focus-within .search-icon{color:var(--red-500)}.spinner-icon{color:var(--navy-600);animation:.9s linear infinite cld-spin;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.customer-search-input{width:100%;color:var(--text);background:linear-gradient(135deg, var(--surface), #fff);border:2px solid var(--border);border-radius:var(--radius-sm);transition:all .3s var(--ease);outline:none;padding:12px 12px 12px 40px;font-size:.92rem}.customer-search-input:hover{border-color:var(--navy-400);background:linear-gradient(135deg, #fff, var(--surface))}.customer-search-input:focus{border-color:var(--navy-500);transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb26}.customer-dropdown{background:linear-gradient(135deg, var(--surface), #fff);border:2px solid var(--border);border-radius:var(--radius-sm);z-index:10;max-height:280px;box-shadow:var(--shadow-lg);animation:cld-fadeIn .2s var(--ease);margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.customer-dropdown::-webkit-scrollbar{width:6px}.customer-dropdown::-webkit-scrollbar-track{background:var(--border);border-radius:10px}.customer-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--navy-500), var(--navy-600));border-radius:10px}.customer-dropdown-item{cursor:pointer;transition:all .25s var(--ease);border-bottom:1px solid var(--border);animation:cld-rowIn .3s var(--ease);padding:12px 16px}.customer-dropdown-item:hover{background:linear-gradient(135deg, var(--navy-100), #e0e7ff);border-left:3px solid var(--red-500);transform:translate(6px)}.customer-code{color:var(--navy-600);letter-spacing:.3px;margin-bottom:4px;font-size:.7rem;font-weight:700}.customer-name{color:var(--text);font-size:.9rem;font-weight:600}.customer-dropdown.empty{text-align:center;color:var(--muted);padding:24px;font-weight:600}.selected-customer{animation:cld-rowIn .3s var(--ease)}.selected-customer-badge{background:linear-gradient(135deg, var(--navy-100), #e0e7ff);border:1px solid var(--navy-200);transition:all .3s var(--ease);border-radius:40px;align-items:center;gap:10px;padding:10px 20px;font-size:.85rem;display:inline-flex}.selected-customer-badge:hover{background:linear-gradient(135deg, var(--red-100), #fecaca);border-color:var(--red-400);box-shadow:var(--shadow-sm);transform:translate(4px)}.selected-customer-code{color:var(--navy-700);background:var(--surface);border-radius:30px;padding:4px 10px;font-size:.75rem;font-weight:800}.selected-customer-name{color:var(--text);font-weight:600}.date-presets{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.preset-btn{background:linear-gradient(135deg, var(--surface), #f8fafc);border:2px solid var(--border);color:var(--muted);cursor:pointer;transition:all .3s var(--ease);letter-spacing:.3px;border-radius:40px;padding:8px 16px;font-size:.75rem;font-weight:700}.preset-btn:hover{background:linear-gradient(135deg, var(--navy-600), var(--navy-500));border-color:var(--navy-500);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.preset-btn:active{transform:translateY(0)}.date-range-row{align-items:flex-end;gap:16px;display:flex}.date-input-group{flex:1}.date-input-group label{background:linear-gradient(135deg, var(--muted), var(--navy-600));color:#0000;text-transform:uppercase;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.modern-input{width:100%;color:var(--text);background:linear-gradient(135deg, var(--surface), #fff);border:2px solid var(--border);border-radius:var(--radius-sm);transition:all .3s var(--ease);cursor:pointer;outline:none;padding:12px 14px;font-size:.92rem}.modern-input:hover{border-color:var(--red-600);background:linear-gradient(135deg, #fff, var(--surface))}.modern-input:focus{border-color:var(--navy-500);transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb26}.date-arrow{color:var(--navy-500);transition:all .3s var(--ease);padding-bottom:12px;font-size:1.4rem;font-weight:800}.date-range-row:hover .date-arrow{color:var(--red-500);transform:scale(1.2)}.preview-section{border-radius:var(--radius-md);transition:all .3s var(--ease);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #0000;margin-top:8px}.preview-section:hover{border-color:var(--red-600);box-shadow:var(--shadow-md);transform:translateY(-3px)}.preview-info{flex-direction:column;gap:14px;display:flex}.info-row{border-bottom:1px dashed var(--border);transition:all .3s var(--ease);align-items:baseline;gap:14px;padding:8px 0;display:flex}.info-row:hover{border-bottom-color:var(--navy-400);transform:translate(6px)}.info-label{width:110px;color:var(--navy-600);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:800}.info-value{color:#0000;background:linear-gradient(135deg, var(--text), var(--navy-700));-webkit-background-clip:text;background-clip:text;flex:1;font-size:.9rem;font-weight:600}.modal-footer-ledger{border-top:2px solid var(--border);background:linear-gradient(135deg,#f8fafc,#f1f5f9);justify-content:flex-end;align-items:center;gap:14px;padding:18px 28px;display:flex}.cancel-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--ease);background:linear-gradient(135deg, var(--surface), #f8fafc);color:var(--muted);border:2px solid #0000;border-color:var(--border);align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:800;display:inline-flex}.cancel-btn:hover{background:linear-gradient(135deg, var(--red-100), #fecaca);color:var(--red-600);border-color:var(--red-500);transform:translateY(-2px);box-shadow:0 5px 15px #dc262633}.cancel-btn:active{transform:translateY(0)}.generate-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--ease);background:linear-gradient(135deg, var(--navy-600), var(--navy-500));color:#fff;box-shadow:var(--shadow-sm);background-size:200% 200%;border:2px solid #0000;align-items:center;gap:10px;padding:12px 28px;font-size:.9rem;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.generate-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generate-btn:hover:before{width:300px;height:300px}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--red-600), var(--red-500));background-size:200% 200%;animation:1s infinite cld-gradientShift;transform:translateY(-3px);box-shadow:0 10px 25px #dc262666}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.spinner{animation:.9s linear infinite cld-spin}.custom-popup-ledger{z-index:1100;border-radius:var(--radius-md);min-width:320px;max-width:90%;box-shadow:var(--shadow-xl);animation:cld-slideDown .4s var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:24px;left:50%;overflow:hidden;transform:translate(-50%)}.custom-popup-ledger.closing{animation:cld-slideUp .3s var(--ease) forwards}.popup-content{color:#fff;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;font-size:.9rem;font-weight:700;display:flex;position:relative;overflow:hidden}.popup-content:before{content:"";width:100%;height:100%;transition:left .5s var(--ease);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.custom-popup-ledger:hover .popup-content:before{left:100%}.custom-popup-ledger span{white-space:pre-line;flex:1}.custom-popup-ledger.success .popup-content{background:linear-gradient(135deg, var(--success), #0d9488);background-size:200% 200%;border-left:4px solid #fff}.custom-popup-ledger.error .popup-content{background:linear-gradient(135deg, var(--red-600), #b91c1c);background-size:200% 200%;border-left:4px solid #fff}.custom-popup-ledger.info .popup-content{background:linear-gradient(135deg, var(--navy-600), var(--navy-500));background-size:200% 200%;border-left:4px solid #fff}.custom-popup-ledger.warning .popup-content{background:linear-gradient(135deg, var(--warning), #d97706);background-size:200% 200%;border-left:4px solid #fff}.popup-close{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;width:28px;height:28px;transition:all .3s var(--ease);background:#ffffff40;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex}.popup-close:hover{background:#ffffff73;transform:scale(1.1)rotate(90deg)}@media (width<=768px){.modal-overlay{padding:12px}.customer-ledger-modal{border-radius:var(--radius-md);max-width:95%;max-height:95vh}.modal-header{padding:16px 20px}.header-icon{width:40px;height:40px}.modal-header h2{font-size:1.1rem}.modal-content-ledger{padding:20px}.date-presets{gap:8px}.preset-btn{padding:6px 12px;font-size:.7rem}.date-range-row{flex-direction:column;align-items:stretch}.date-arrow{text-align:center;margin:4px 0;padding:0}.info-row{flex-direction:column;gap:6px}.info-label{width:auto}.modal-footer-ledger{flex-direction:column;padding:16px 20px}.generate-btn,.cancel-btn{justify-content:center;width:100%}.customer-dropdown{max-height:200px}}@media (width<=480px){.modal-overlay{padding:8px}.customer-ledger-modal{max-width:100%;max-height:98vh}.modal-header{padding:14px 16px}.modal-content-ledger{padding:16px}.section-header h3{font-size:.9rem}.date-presets{gap:6px}.preset-btn{padding:5px 10px;font-size:.65rem}.custom-popup-ledger{min-width:280px;top:16px}.popup-content{padding:12px 16px;font-size:.85rem}.selected-customer-badge{padding:8px 16px;font-size:.8rem}.customer-search-input,.modern-input{padding:10px 12px 10px 36px;font-size:.85rem}}.loading-customer{text-align:center;background:linear-gradient(135deg, var(--navy-700), var(--navy-500));color:#0000;-webkit-background-clip:text;background-clip:text;padding:60px 40px;font-size:1rem;font-weight:700;animation:1.5s infinite cld-pulse}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important;transform:none!important}}.required{color:var(--red-500);margin-left:4px;font-size:1rem}.date-hint{border-left:3px solid var(--warning);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;margin-top:10px;padding:8px 12px}.date-hint small{color:#92400e;font-size:.7rem;font-weight:600}.customer-search-container label{background:linear-gradient(135deg, var(--muted), var(--navy-600));color:#0000;text-transform:uppercase;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.no-customers{text-align:center;color:var(--muted);padding:20px;font-weight:600}.custom-popup-ledger .popup-content svg{flex-shrink:0}.generate-btn:disabled{cursor:not-allowed;opacity:.6}@media (width<=640px){.date-hint small{font-size:.65rem}}.pl-overlay{--pl-theme-primary:#1e3a8a;--pl-theme-secondary:#2563eb;--pl-theme-background:#f1f5f9;--pl-theme-text:#1e293b;--pl-theme-accent:#dc2626;--pl-theme-headerBg:#1e3a8a;--pl-theme-cardBg:#fff;--pl-theme-borderColor:#e2e8f0;--pl-theme-gradient-start:#1e3a8a;--pl-theme-gradient-end:#2563eb;--pl-theme-gradient-accent:#dc2626;--pl-theme-gradient-dark:#0f172a;--pl-theme-gradient-light:#f1f5f9;--pl-theme-gradient-card:#fff;--pl-theme-gradient-bg:#f1f5f9;--pl-navy-900:#0b1437;--pl-navy-800:#14205a;--pl-navy-700:#1e2f7a;--pl-navy-600:#2b41a0;--pl-blue-500:#3b5bd9;--pl-blue-400:#6084ee;--pl-blue-100:#e4ebff;--pl-blue-50:#f2f6ff;--pl-red-600:#cc2b3c;--pl-red-500:#e8394b;--pl-red-400:#ff6070;--pl-red-50:#fff1f2;--pl-ink:#101733;--pl-ink-2:#46527a;--pl-ink-3:#7c88ad;--pl-line:#dfe5f5;--pl-line-2:#eaeffb;--pl-surface:#fff;--pl-surface-2:#f7f9ff;--pl-shadow-sm:0 1px 2px #1017330f;--pl-shadow:0 8px 24px -12px #1017332e;--pl-shadow-lg:0 28px 70px -28px #10173347;--pl-glow-blue:0 0 0 4px #3b5bd926;--pl-glow-red:0 12px 28px -12px #e8394b73;z-index:1000;color:var(--pl-ink);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:0 0;justify-content:center;align-items:flex-start;padding:24px 18px;font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;animation:.35s both pl-fade;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes pl-fade{0%{opacity:0}to{opacity:1}}.pl-overlay:before{content:"";filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;border-radius:50%;width:380px;height:380px;animation:20s ease-in-out infinite pl-float;position:fixed;top:-110px;left:-90px}.pl-overlay:after{content:"";filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;border-radius:50%;width:320px;height:320px;animation:20s ease-in-out -8s infinite pl-float;position:fixed;bottom:-120px;right:-80px}@keyframes pl-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(34px,-26px)scale(1.1)}}.pl-container{z-index:1;width:100%;max-width:1400px;max-height:calc(100vh - 48px);box-shadow:var(--pl-shadow-lg);border-radius:22px;flex-direction:column;animation:.45s cubic-bezier(.22,1,.36,1) both pl-pop;display:flex;position:relative;overflow:hidden}@keyframes pl-pop{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.pl-header{text-align:left;color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;padding:7px 16px;display:flex;position:relative;overflow:hidden}.pl-header:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 20%,#ffffff2e 50%,#0000 80%);animation:6s ease-in-out infinite pl-sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes pl-sheen{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}.pl-header-left{z-index:1;align-items:center;gap:14px;min-width:0;display:flex;position:relative}.pl-header-icon{color:#fff;width:48px;height:48px;box-shadow:var(--pl-glow-red), inset 0 1px 0 #ffffff47;border-radius:14px;flex-shrink:0;place-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1);display:grid}.pl-header-icon:hover{transform:rotate(-8deg)scale(1.06)}.pl-header-left h2,.pl-header-left h1{letter-spacing:-.02em;color:#fff;margin:0;font-size:21px;font-weight:800}.pl-header-sub{color:#ffffffc7;align-items:center;gap:6px;margin:4px 0 0;font-size:12.5px;display:flex}.pl-header-actions{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.pl-header-btn,.pl-close-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff38;border-radius:12px;place-items:center;width:40px;height:40px;transition:all .25s;display:grid}.pl-header-btn:hover{background:#ffffff3d;transform:translateY(-2px)}.pl-close-btn:hover{background:var(--pl-theme-gradient-accent);border-color:var(--pl-theme-gradient-accent);transform:rotate(90deg)}.pl-spinning{animation:.9s linear infinite pl-spin}@keyframes pl-spin{to{transform:rotate(360deg)}}.pl-search-bar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:18px 26px;display:flex}.pl-search-input-wrap{flex:320px;min-width:220px;position:relative}.pl-search-icon{pointer-events:none;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pl-search-input{width:100%;box-shadow:var(--pl-shadow-sm);border-radius:12px;outline:none;padding:12px 40px 12px 42px;font-size:14px;transition:all .25s}.pl-search-input::placeholder{color:var(--pl-ink-3)}.pl-search-input:focus{border-color:var(--pl-theme-gradient-start);box-shadow:var(--pl-glow-blue)}.pl-search-input-wrap:focus-within .pl-search-icon{color:var(--pl-theme-gradient-start)}.pl-search-clear{cursor:pointer;border:none;border-radius:8px;place-items:center;width:26px;height:26px;transition:all .2s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pl-search-clear:hover{background:var(--pl-theme-gradient-accent);color:#fff;transform:translateY(-50%)rotate(90deg)}.pl-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pl-filter-select{appearance:none;cursor:pointer;box-shadow:var(--pl-shadow-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237c88ad' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:12px;padding:11px 36px 11px 14px;font-size:13.5px;font-weight:600;transition:all .22s}.pl-filter-select:hover{border-color:var(--pl-theme-gradient-end);transform:translateY(-1px)}.pl-filter-select:focus{border-color:var(--pl-theme-gradient-start);box-shadow:var(--pl-glow-blue);outline:none}.pl-view-toggle{border-radius:12px;gap:4px;padding:4px;display:inline-flex}.pl-view-btn{cursor:pointer;border:none;border-radius:9px;place-items:center;width:34px;height:32px;transition:all .22s;display:grid}.pl-view-btn:hover{color:var(--pl-navy-800);background:#fff}.pl-view-btn-active{color:#fff;box-shadow:0 6px 16px -8px var(--pl-theme-gradient-start)70}.pl-stats{border-bottom:1px solid var(--pl-line);background:#fff;flex-wrap:wrap;flex-shrink:0;gap:10px;padding:14px 26px;display:flex}.pl-stat-item{color:var(--pl-navy-800);background:var(--pl-blue-50);border:1px solid var(--pl-line-2);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.pl-stat-item:hover{border-color:var(--pl-theme-gradient-end);box-shadow:0 10px 22px -14px var(--pl-theme-gradient-start)60;transform:translateY(-2px)}.pl-stat-item svg{color:var(--pl-theme-gradient-accent)}.pl-items-info,.pl-last-updated{color:var(--pl-ink-2);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.pl-items-info strong{color:var(--pl-navy-800)}.pl-content{flex:1;min-height:0;padding:20px 26px 8px;overflow-y:auto}.pl-table-responsive{box-shadow:var(--pl-shadow);border-radius:16px;overflow-x:hidden}.pl-table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%;font-size:13.5px}.pl-table thead th{z-index:2;text-align:center;letter-spacing:.09em;text-transform:uppercase;color:#fff;white-space:normal;word-wrap:break-word;padding:8px 14px;font-size:10.5px;font-weight:800;position:sticky;top:0}.pl-table thead th:first-child{border-top-left-radius:15px}.pl-table thead th:last-child{border-top-right-radius:15px}.pl-col-sortable{cursor:pointer;transition:background .2s}.pl-col-sortable:hover{background:linear-gradient(120deg, var(--pl-theme-gradient-start), var(--pl-theme-gradient-accent))}.pl-col-sortable svg{vertical-align:middle;opacity:.85;flex-shrink:0;margin-left:5px}.pl-col-sr{width:60px;min-width:50px;max-width:70px}.pl-col-name{min-width:120px}.pl-col-price,.pl-table td.pl-col-price{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;padding:6px 8px}.pl-table tbody td{word-wrap:break-word;padding:12px 10px}.pl-row{cursor:pointer;transition:background .22s,transform .22s,box-shadow .22s;animation:.35s both pl-row-in}@keyframes pl-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pl-row:hover{box-shadow:inset 3px 0 0 var(--pl-theme-gradient-accent);transform:translate(4px)}.pl-row:last-child td{border-bottom:none}.pl-item-name{word-wrap:break-word;font-weight:650}.pl-item-code,.pl-card-code,.pl-modal-code{white-space:nowrap;text-overflow:ellipsis;border-radius:7px;max-width:120px;padding:2px 8px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:700;display:inline-block;overflow:hidden}.pl-pack-badge{white-space:nowrap;color:var(--pl-theme-gradient-accent);background:var(--pl-red-50);border:1px solid #ffd3d8;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pl-category-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700;transition:all .22s;display:inline-block}.pl-category-badge.flavours{color:#1e40af;background:#dbeafe}.pl-category-badge.perfumery{color:#9d174d;background:#fce7f3}.pl-category-badge.essences{color:#065f46;background:#d1fae5}.pl-category-badge.powder\ flavours{color:#92400e;background:#fef3c7}.pl-category-badge.chemicals{color:#3730a3;background:#e0e7ff}.pl-category-badge.other{color:#475569;background:#f1f5f9}.pl-card-grid{perspective:1200px;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:16px;display:grid}.pl-card{cursor:pointer;transform-style:preserve-3d;border-radius:18px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .25s;animation:.4s both pl-row-in;position:relative;overflow:hidden}.pl-card:before{content:"";background:linear-gradient(90deg, var(--pl-theme-gradient-start), var(--pl-theme-gradient-end), var(--pl-theme-gradient-accent));transform-origin:0;height:3px;transition:transform .35s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.pl-card:hover{border-color:var(--pl-theme-gradient-end);box-shadow:0 30px 60px -28px var(--pl-theme-gradient-start)40;transform:translateY(-6px)rotateX(4deg)rotateY(-4deg)}.pl-card:hover:before{transform:scaleX(1)}.pl-card-header{border-bottom:1px solid var(--pl-line-2);justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.pl-card-sr{color:#fff;border-radius:9px;place-items:center;min-width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.pl-card-title{margin:0;font-size:14.5px;font-weight:750;line-height:1.35}.pl-card-category{color:var(--pl-ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:700}.pl-card-body{gap:10px;padding:14px 16px;display:grid}.pl-card-pack{color:var(--pl-ink-2);font-size:12.5px}.pl-card-prices{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.pl-card-price-item{border-radius:12px;padding:9px 10px;transition:all .22s}.pl-card-price-item:hover{background:var(--pl-theme-gradient-accent)10;border-color:var(--pl-theme-gradient-accent)30;transform:translateY(-2px)}.pl-card-price-label{letter-spacing:.07em;text-transform:uppercase;color:var(--pl-ink-3);font-size:10.5px;font-weight:700;display:block}.pl-card-price-value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:15px;font-weight:800;display:block}.pl-loading-state,.pl-error-state,.pl-empty-state{text-align:center;place-items:center;gap:10px;padding:70px 24px;display:grid}.pl-loading-state h3,.pl-error-state h3,.pl-empty-state h3{margin:4px 0 0;font-size:17px;font-weight:750}.pl-spinner{border:3px solid var(--pl-blue-100);border-top-color:var(--pl-theme-gradient-accent);border-right-color:var(--pl-theme-gradient-start);border-radius:50%;width:44px;height:44px;animation:.85s linear infinite pl-spin}.pl-error-state svg{animation:1.8s ease-in-out infinite pl-pulse}@keyframes pl-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}.pl-empty-state svg{animation:2.6s ease-in-out infinite pl-bob}@keyframes pl-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pl-retry-btn,.pl-clear-filters-btn,.pl-btn-secondary{cursor:pointer;border-radius:12px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .25s}.pl-retry-btn{color:#fff;box-shadow:var(--pl-glow-red);border:none}.pl-retry-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.pl-clear-filters-btn,.pl-btn-secondary{border:1px solid var(--pl-line);color:var(--pl-navy-800);box-shadow:var(--pl-shadow-sm);background:#fff}.pl-clear-filters-btn:hover,.pl-btn-secondary:hover{border-color:var(--pl-theme-gradient-end);background:var(--pl-blue-50);transform:translateY(-2px)}.pl-pagination{border-top:1px solid var(--pl-line);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:2px 6px;display:flex}.pl-page-btn{cursor:pointer;min-width:38px;height:38px;box-shadow:var(--pl-shadow-sm);border-radius:11px;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:13.5px;font-weight:700;transition:all .22s cubic-bezier(.22,1,.36,1);display:inline-flex}.pl-page-btn:hover:not(:disabled){border-color:var(--pl-theme-gradient-end);background:var(--pl-blue-50);box-shadow:0 12px 22px -14px var(--pl-theme-gradient-start)70;transform:translateY(-3px)}.pl-page-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.pl-page-btn-active{color:#fff;box-shadow:var(--pl-glow-red);border-color:#0000}.pl-page-ellipsis{color:var(--pl-ink-3);align-items:center;padding:0 6px;display:inline-flex}.pl-footer-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:4px 26px;display:flex}.pl-footer-note{color:var(--pl-ink-3);align-items:center;gap:6px;font-size:12px;display:inline-flex}.pl-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10173359;place-items:center;padding:20px;animation:.22s both pl-fade;display:grid;position:fixed;inset:0}.pl-modal-content{width:100%;max-width:560px;box-shadow:var(--pl-shadow-lg);border-radius:20px;animation:.32s cubic-bezier(.22,1,.36,1) both pl-pop;overflow:hidden}.pl-modal-header{color:#fff;align-items:center;gap:12px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.pl-modal-header:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff29 50%,#0000 80%);animation:5s ease-in-out infinite pl-sheen;position:absolute;inset:0;transform:translate(-100%)}.pl-modal-header h3{z-index:1;color:#fff;margin:0;font-size:16.5px;font-weight:800;position:relative}.pl-modal-icon{z-index:1;background:#ffffff29;border:1px solid #ffffff3d;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.pl-modal-close{color:#fff;cursor:pointer;z-index:1;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:11px;place-items:center;width:36px;height:36px;margin-left:auto;transition:all .25s;display:grid;position:relative}.pl-modal-close:hover{background:var(--pl-theme-gradient-accent);border-color:var(--pl-theme-gradient-accent);transform:rotate(90deg)}.pl-modal-body{padding:20px}.pl-modal-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.pl-modal-field{border-radius:14px;padding:12px 14px;transition:all .22s}.pl-modal-field:hover{border-color:var(--pl-theme-gradient-end);background:var(--pl-blue-50);transform:translateY(-2px)}.pl-modal-field label,.pl-modal-field span:first-child{letter-spacing:.08em;text-transform:uppercase;color:var(--pl-ink-3);font-size:10.5px;font-weight:800;display:block}.pl-modal-field strong{color:var(--pl-navy-900);margin-top:3px;font-size:14.5px;display:block}.pl-modal-price{font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.pl-modal-footer{justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.pl-overlay::-webkit-scrollbar{width:5px;height:5px}.pl-table-responsive::-webkit-scrollbar{width:5px;height:5px}.pl-overlay::-webkit-scrollbar-track{background:var(--pl-blue-50)}.pl-table-responsive::-webkit-scrollbar-track{background:var(--pl-blue-50)}.pl-overlay::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--pl-theme-gradient-start), var(--pl-theme-gradient-accent));border-radius:999px}.pl-table-responsive::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--pl-theme-gradient-start), var(--pl-theme-gradient-accent));border-radius:999px}.pl-content::-webkit-scrollbar{width:8px;height:8px}.pl-content::-webkit-scrollbar-track{background:#f0f2f5;border-radius:4px}.pl-content::-webkit-scrollbar-thumb{border-radius:4px;transition:background .3s}.pl-content::-webkit-scrollbar-thumb:hover{background:var(--pl-theme-gradient-accent)}.pl-content{scrollbar-width:thin}.pl-table-responsive::-webkit-scrollbar{width:8px;height:8px}.pl-table-responsive::-webkit-scrollbar-track{background:#f0f2f5;border-radius:4px}.pl-table-responsive::-webkit-scrollbar-thumb{border-radius:4px}.pl-table-responsive::-webkit-scrollbar-thumb:hover{background:var(--pl-theme-gradient-accent)}.pl-table-responsive{scrollbar-width:thin}.pl-modal-content::-webkit-scrollbar{width:6px;height:6px}.pl-modal-content::-webkit-scrollbar-track{background:#f0f2f5;border-radius:3px}.pl-modal-content::-webkit-scrollbar-thumb{border-radius:3px}.pl-modal-content::-webkit-scrollbar-thumb:hover{background:var(--pl-theme-gradient-accent)}.pl-modal-content{scrollbar-width:thin}@media (width<=1024px){.pl-header,.pl-search-bar,.pl-stats,.pl-content,.pl-pagination,.pl-footer-bar{padding-left:18px;padding-right:18px}.pl-col-sr{width:50px;min-width:40px}.pl-col-price,.pl-table td.pl-col-price{padding:12px 8px}}@media (width<=768px){.pl-overlay{padding:12px 10px 28px}.pl-container{border-radius:18px}.pl-header{flex-direction:column;align-items:stretch;gap:14px}.pl-header-actions{justify-content:flex-end}.pl-search-bar{flex-direction:column;align-items:stretch}.pl-filters{justify-content:space-between}.pl-filter-select{flex:1}.pl-card-grid{grid-template-columns:1fr}.pl-table thead th,.pl-table tbody td{padding:10px 8px;font-size:12px}.pl-row:hover{transform:none}.pl-card:hover{transform:translateY(-4px)}.pl-col-sr{width:40px;min-width:35px}.pl-col-price,.pl-table td.pl-col-price{padding:10px 6px;font-size:11px}}@media (width<=480px){.pl-header-left h2,.pl-header-left h1{font-size:18px}.pl-stats{gap:8px}.pl-stat-item{padding:7px 11px;font-size:11.5px}.pl-page-btn{min-width:34px;height:34px;padding:0 8px;font-size:12.5px}.pl-modal-grid{grid-template-columns:1fr}.pl-table{font-size:12px}.pl-table thead th{padding:8px 6px;font-size:9px}.pl-table tbody td{padding:8px 6px;font-size:11px}.pl-col-sr{width:35px;min-width:30px}.pl-col-price,.pl-table td.pl-col-price{padding:8px 4px;font-size:10px}.pl-item-code{max-width:80px;padding:1px 5px;font-size:9px}.pl-pack-badge{padding:2px 6px;font-size:9px}}@media (prefers-reduced-motion:reduce){.pl-overlay,.pl-container,.pl-row,.pl-card,.pl-overlay:before,.pl-overlay:after,.pl-header:after,.pl-modal-header:after,.pl-spinner,.pl-spinning,.pl-empty-state svg,.pl-error-state svg{animation:none!important}*{transition-duration:.01ms!important}}@media print{.pl-overlay{background:#fff;padding:0;position:static}.pl-header{color:#000;background:#fff!important}.pl-header-actions,.pl-search-bar,.pl-view-toggle,.pl-pagination{display:none!important}.pl-container{box-shadow:none;border:none}.pl-table thead th{color:#000!important;background:#eee!important}}.settings-modal{background:var(--theme-gradient-card,#fff);border:1px solid var(--theme-borderColor,#e2e8f0);border-radius:20px;flex-direction:column;width:100%;max-width:760px;max-height:92vh;animation:.35s cubic-bezier(.34,1.56,.64,1) settingsSlideUp;display:flex;overflow:hidden;box-shadow:0 30px 90px #00000059}.settings-modal-header{background:linear-gradient(135deg, var(--theme-gradient-start,#1e3a8a), var(--theme-gradient-end,#2563eb));color:#fff;justify-content:space-between;align-items:center;padding:20px 26px;display:flex;position:relative;overflow:hidden}.settings-modal-header:after{content:"";pointer-events:none;background:radial-gradient(600px 120px at 100% 0,#ffffff26,#0000 60%);position:absolute;inset:0}.settings-header-content{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.settings-header-icon{color:#fff;background:#ffffff2e;border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.settings-modal-header h2{color:#fff;letter-spacing:.2px;margin:0;font-size:18px;font-weight:700}.settings-header-subtitle{color:#fffc;margin-top:2px;font-size:12px;display:block}.settings-modal-header .close-btn{color:#fff;cursor:pointer;z-index:1;background:#ffffff26;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.settings-modal-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.settings-tabs{background:var(--theme-gradient-card,#fff);border-bottom:1px solid var(--theme-borderColor,#e2e8f0);gap:4px;padding:12px 24px 0;display:flex}.settings-tab{cursor:pointer;color:var(--theme-text,#1e293b);opacity:.65;background:0 0;border:none;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .25s;display:flex;position:relative}.settings-tab:after{content:"";background:linear-gradient(135deg, var(--theme-gradient-start,#1e3a8a), var(--theme-gradient-end,#2563eb));border-radius:3px 3px 0 0;width:0;height:3px;transition:width .3s;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.settings-tab:hover{opacity:1;background:var(--theme-gradient-light,#f1f5f9)}.settings-tab.active{opacity:1;color:var(--theme-primary,#1e3a8a)}.settings-tab.active:after{width:70%}.settings-modal-body{background:var(--theme-gradient-bg,#f1f5f9);flex:1;padding:24px;overflow-y:auto}.settings-section{background:var(--theme-gradient-card,#fff);border:1px solid var(--theme-borderColor,#e2e8f0);border-radius:16px;margin-bottom:20px;padding:22px;transition:all .25s}.settings-section:hover{border-color:var(--theme-primary,#1e3a8a);box-shadow:0 4px 20px #0000000f}.settings-section-header{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.settings-section-icon{background:linear-gradient(135deg, var(--theme-gradient-start,#1e3a8a) 15%, transparent);width:40px;height:40px;color:var(--theme-primary,#1e3a8a);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-section h3{color:var(--theme-text,#1e293b);-webkit-text-fill-color:var(--theme-text,#1e293b);background:0 0;margin:0 0 4px;font-size:15px;font-weight:700}.settings-section-desc{color:var(--theme-text,#64748b);opacity:.7;margin:0;font-size:12px;line-height:1.4}.settings-current-theme{background:var(--theme-gradient-light,#f1f5f9);border:1px solid var(--theme-borderColor,#e2e8f0);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;padding:16px;display:flex}.settings-current-theme-preview{color:#fff;border-radius:10px;flex:1;justify-content:space-between;align-items:center;min-width:200px;height:70px;padding:12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026}.settings-current-theme-preview:after{content:"";pointer-events:none;background:radial-gradient(400px 80px at 100% 0,#fff3,#0000 60%);position:absolute;inset:0}.settings-current-theme-content{z-index:1;flex-direction:column;gap:2px;display:flex;position:relative}.settings-current-theme-label{text-transform:uppercase;letter-spacing:.8px;opacity:.85;font-size:10px;font-weight:700}.settings-current-theme-name{letter-spacing:.2px;font-size:16px;font-weight:800}.settings-current-theme-colors{z-index:1;gap:6px;display:flex;position:relative}.settings-mini-color{border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #00000040}.settings-logo-container{justify-content:center;align-items:center;margin:18px 0;display:flex}.settings-logo-preview{object-fit:cover;border:4px solid var(--theme-gradient-start,#1e3a8a);border-radius:50%;width:100px;height:100px;transition:transform .3s;box-shadow:0 8px 24px #00000026}.settings-logo-preview:hover{transform:scale(1.05)}.settings-logo-placeholder{color:#fff;background:linear-gradient(135deg, var(--theme-gradient-start,#1e3a8a), var(--theme-gradient-end,#2563eb));border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:28px;font-weight:700;display:flex;box-shadow:0 8px 24px #00000026}.settings-logo-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.settings-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.settings-btn-primary{background:linear-gradient(135deg, var(--theme-gradient-start,#1e3a8a), var(--theme-gradient-end,#2563eb))}.settings-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.settings-btn-danger{background:linear-gradient(135deg, var(--theme-gradient-accent,#dc2626), var(--theme-accent,#dc2626))}.settings-btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 20px #dc26264d}.settings-favicon-container{justify-content:center;margin:18px 0;display:flex}.settings-favicon-wrapper{flex-direction:column;align-items:center;gap:16px;display:flex}.settings-favicon-preview{object-fit:contain;border:2px solid var(--theme-borderColor,#e2e8f0);background:#fff;border-radius:12px;width:64px;height:64px;padding:6px;box-shadow:0 8px 24px #0000001f}.settings-favicon-browser{border:1px solid var(--theme-borderColor,#e2e8f0);background:#fff;border-radius:10px;width:260px;overflow:hidden;box-shadow:0 8px 24px #00000026}.settings-browser-bar{background:linear-gradient(#f1f5f9,#e2e8f0);border-bottom:1px solid #cbd5e1;align-items:center;gap:6px;padding:8px 10px;display:flex}.settings-browser-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.settings-browser-tab{color:#1e293b;background:#fff;border-radius:6px 6px 0 0;align-items:center;gap:6px;margin-left:8px;padding:4px 12px;font-size:11px;font-weight:600;display:flex;box-shadow:0 -2px 4px #0000000d}.settings-browser-tab-icon{object-fit:contain;width:14px;height:14px}.settings-favicon-placeholder{background:var(--theme-gradient-light,#f1f5f9);border:2px dashed var(--theme-borderColor,#e2e8f0);width:64px;height:64px;color:var(--theme-text,#64748b);opacity:.7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.settings-favicon-placeholder span{font-size:10px;font-weight:600}.settings-theme-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px;display:grid}.settings-theme-card{text-align:center;cursor:pointer;background:var(--theme-gradient-light,#f8fafc);border:2px solid #0000;border-radius:12px;padding:14px 12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.settings-theme-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.settings-theme-card.active{box-shadow:0 8px 24px #00000026;border-color:var(--theme-primary,#1e3a8a)!important}.settings-color-preview{justify-content:center;gap:6px;margin-bottom:10px;display:flex}.settings-color-dot{border-radius:50%;width:22px;height:22px;transition:transform .2s;box-shadow:0 2px 6px #0000001f}.settings-theme-card:hover .settings-color-dot{transform:scale(1.1)}.settings-gradient-bar{border-radius:4px;height:4px;margin-bottom:8px;transition:transform .3s}.settings-theme-card:hover .settings-gradient-bar{transform:scaleX(1.05)}.settings-theme-name{color:var(--theme-text,#1e293b);font-size:12px;font-weight:700;display:block}.settings-active-badge{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #22c55e66}.settings-custom-toggle{border:2px dashed var(--theme-borderColor,#e2e8f0);cursor:pointer;width:100%;color:var(--theme-primary,#1e3a8a);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.settings-custom-toggle:hover,.settings-custom-toggle.active{background:var(--theme-gradient-light,#f1f5f9);border-style:solid;border-color:var(--theme-primary,#1e3a8a)}.settings-custom-panel{background:var(--theme-gradient-light,#f8fafc);border:1px solid var(--theme-borderColor,#e2e8f0);border-radius:12px;margin-top:16px;padding:20px}.settings-custom-panel h4{color:var(--theme-text,#1e293b);-webkit-text-fill-color:var(--theme-text,#1e293b);background:0 0;margin:0 0 16px;font-size:14px;font-weight:700}.settings-color-inputs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.settings-color-group{flex-direction:column;gap:6px;display:flex}.settings-color-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text,#1e293b);opacity:.7;font-size:11px;font-weight:700}.settings-color-group input[type=color]{border:1px solid var(--theme-borderColor,#e2e8f0);cursor:pointer;background:#fff;border-radius:8px;width:100%;height:42px;padding:3px;transition:all .2s}.settings-color-group input[type=color]:hover{transform:scale(1.03);box-shadow:0 4px 12px #0000001a}.custom-preview-row{background:var(--theme-gradient-card,#fff);border:1px dashed var(--theme-borderColor,#e2e8f0);border-radius:10px;gap:10px;margin:16px 0;padding:12px;display:flex}.custom-preview-item{border-radius:8px;flex:1;height:36px;transition:all .2s}.custom-preview-item:hover{transform:scale(1.03)}.settings-custom-actions{gap:10px;display:flex}.settings-apply-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;padding:12px 20px;font-size:14px;font-weight:700;transition:all .25s;box-shadow:0 6px 18px #00000026}.settings-apply-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #0003}.settings-reset-btn{border:2px solid var(--theme-borderColor,#e2e8f0);cursor:pointer;color:var(--theme-text,#1e293b);background:0 0;border-radius:10px;flex:1;padding:12px 20px;font-size:13px;font-weight:600;transition:all .25s}.settings-reset-btn:hover{background:var(--theme-gradient-light,#f1f5f9);border-color:var(--theme-primary,#1e3a8a);transform:translateY(-2px)}.settings-live-preview-inline,.settings-preview{border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014}.settings-preview-header{text-align:center;background:linear-gradient(135deg, var(--theme-gradient-start,#1e3a8a), var(--theme-gradient-end,#2563eb));padding:14px 18px}.settings-preview-header h4{color:#fff;margin:0;font-size:14px;font-weight:700}.settings-preview-body{text-align:center;background:var(--theme-gradient-card,#fff);padding:20px}.settings-preview-body p{color:var(--theme-text,#1e293b);margin:0 0 14px;font-size:13px}.settings-preview-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;margin:0 5px;padding:9px 20px;font-size:12px;font-weight:700;transition:all .2s}.settings-preview-btn.primary-btn{background:linear-gradient(135deg, var(--theme-gradient-start,#1e3a8a), var(--theme-gradient-end,#2563eb))}.settings-preview-btn.accent-btn{background:linear-gradient(135deg, var(--theme-gradient-accent,#dc2626), var(--theme-accent,#dc2626))}.settings-preview-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.settings-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:600;animation:.3s slideDown;display:flex}.settings-message.success{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-left:4px solid #16a34a}.settings-message.error{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #dc2626}.settings-message.info{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #2563eb}.settings-footer{border-top:1px solid var(--theme-borderColor,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:16px 4px 4px;font-size:12px;display:flex}.settings-footer-info{color:var(--theme-text,#1e293b);align-items:center;gap:8px;display:flex}.settings-footer-info strong{color:var(--theme-primary,#1e3a8a);font-weight:700}.settings-footer-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #0000000f}.settings-auto-save{color:var(--theme-text,#64748b);opacity:.7;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}@media (width<=640px){.settings-modal{border-radius:16px;max-width:100%;max-height:95vh;margin:8px}.settings-modal-header{padding:16px 18px}.settings-header-icon{width:38px;height:38px}.settings-modal-header h2{font-size:15px}.settings-header-subtitle{font-size:11px}.settings-tabs{padding:10px 16px 0;overflow-x:auto}.settings-tab{white-space:nowrap;padding:10px 14px;font-size:12px}.settings-modal-body{padding:16px}.settings-section{border-radius:14px;padding:16px}.settings-theme-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.settings-color-inputs{grid-template-columns:1fr 1fr}.settings-custom-actions{flex-direction:column}.settings-custom-actions .settings-apply-btn,.settings-reset-btn{width:100%}.custom-preview-row{flex-wrap:wrap}.settings-footer{text-align:center;flex-direction:column;gap:8px}.settings-current-theme{flex-direction:column}.settings-favicon-browser{width:220px}}.my-orders-popup-modern{background:#f8fafc;border-radius:16px;flex-direction:column;height:100%;min-height:600px;padding:24px;display:flex}.my-orders-popup-loading-modern{background:#f8fafc;border-radius:16px;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner-modern{color:#64748b;flex-direction:column;align-items:center;gap:16px;display:flex}.spinner-modern{color:#3b82f6;animation:1s linear infinite spin}.modal-header-modern{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;display:flex}.header-left-modern{align-items:center;gap:16px;display:flex}.header-icon-modern{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.header-title-modern{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:24px;font-weight:700}.header-subtitle-modern{color:#64748b;margin:4px 0 0;font-size:14px}.header-actions-modern{align-items:center;gap:10px;display:flex}.refresh-btn-modern{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.refresh-btn-modern:hover{background:#e2e8f0;transform:rotate(45deg)}.refresh-btn-modern:disabled{opacity:.5;cursor:not-allowed}.spinning-modern{animation:.8s linear infinite spin}.close-btn-modern{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.close-btn-modern:hover{color:#ef4444;background:#fee2e2}.search-section-modern{margin-bottom:20px}.search-container-modern{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search-wrapper-modern{flex:1;min-width:250px;position:relative}.search-icon-modern{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-modern{background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 44px;font-size:14px;transition:all .3s}.search-input-modern:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.clear-search-modern{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search-modern:hover{color:#475569;background:#f1f5f9}.orders-stats-modern{color:#64748b;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.orders-content-modern{flex:1;padding-right:4px;overflow-y:auto}.orders-grid-modern{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding-bottom:20px;display:grid}.order-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.order-card-modern:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.order-card-header-modern{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.order-number-modern{color:#0f172a;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.order-number-modern svg{color:#94a3b8}.order-status-modern{font-size:13px;font-weight:500}.status-pending-modern{color:#f59e0b;background:#fffbeb;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.status-processing-modern{color:#3b82f6;background:#eff6ff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.status-delivered-modern{color:#10b981;background:#ecfdf5;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.order-card-body-modern{padding:16px 18px}.order-info-row-modern{gap:16px;margin-bottom:12px;display:flex}.order-info-item-modern{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.order-info-item-modern svg{color:#94a3b8;flex-shrink:0}.order-items-preview-modern{color:#64748b;background:#f8fafc;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:13px;display:flex}.order-items-preview-modern svg{color:#94a3b8}.order-amount-modern{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.amount-label-modern{color:#64748b;font-size:13px}.amount-value-modern{color:#0f172a;font-size:18px;font-weight:700}.order-card-footer-modern{background:#fafbfc;border-top:1px solid #f1f5f9;gap:8px;padding:12px 18px;display:flex}.action-btn-modern{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.view-btn-modern{color:#475569;background:#f1f5f9}.view-btn-modern:hover{background:#e2e8f0;transform:scale(1.02)}.edit-btn-modern{color:#2563eb;background:#eff6ff}.edit-btn-modern:hover{background:#dbeafe;transform:scale(1.02)}.empty-state-modern{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon-modern{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex}.empty-state-modern h3{color:#0f172a;margin:0 0 8px;font-weight:600}.empty-state-modern p{color:#94a3b8;margin:0;font-size:14px}.pagination-section-modern{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.pagination-container-modern{align-items:center;gap:6px;display:flex}.pagination-btn-modern{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.pagination-btn-modern:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn-modern:disabled{opacity:.4;cursor:not-allowed}.pagination-pages-modern{gap:4px;display:flex}.page-btn-modern{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:500;transition:all .2s;display:flex}.page-btn-modern:hover{background:#f1f5f9;border-color:#cbd5e1}.page-btn-modern.active-modern{color:#fff;background:#3b82f6;border-color:#3b82f6}.pagination-info-modern{color:#94a3b8;font-size:13px}.modal-overlay-modern{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.order-details-modal-modern{background:#fff;border-radius:20px;width:95%;max-width:700px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 24px 48px #0003}.modal-header-modern-details{z-index:1;background:#fff;border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-title-modern{align-items:center;gap:12px;display:flex}.modal-title-modern h2{color:#0f172a;margin:0;font-size:20px}.modal-title-modern .status-pending-modern,.modal-title-modern .status-processing-modern,.modal-title-modern .status-delivered-modern{padding:4px 14px;font-size:12px}.modal-body-modern{padding:24px}.order-summary-grid-modern{background:#f8fafc;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;padding:16px;display:grid}.summary-item-modern{flex-direction:column;gap:4px;display:flex}.summary-label-modern{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.summary-value-modern{color:#0f172a;font-size:15px;font-weight:600}.highlight-modern{color:#3b82f6;font-size:18px}.items-title-modern{color:#0f172a;margin:0 0 16px;font-size:16px;font-weight:600}.items-list-modern{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.item-card-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;transition:all .2s}.item-card-modern:hover{border-color:#cbd5e1}.item-header-modern{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.item-name-modern{color:#0f172a;font-size:14px;font-weight:600}.item-pack-modern{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;display:flex}.item-details-modern{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px;display:grid}.item-detail-modern{flex-direction:column;gap:2px;display:flex}.detail-label-modern{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.item-net-modern{color:#3b82f6;font-weight:600}.order-total-modern{background:#eff6ff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.total-label-modern{color:#1e293b;font-size:14px;font-weight:600}.total-value-modern{color:#2563eb;font-size:22px;font-weight:700}.remarks-modern{color:#475569;background:#f8fafc;border-left:3px solid #94a3b8;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.modal-footer-modern{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.edit-order-btn-modern{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-weight:500;transition:all .2s;display:flex}.edit-order-btn-modern:hover{background:#1d4ed8;transform:scale(1.02)}.custom-popup-modern{z-index:2000;border-radius:12px;max-width:400px;padding:16px 20px;animation:.4s slideInRight;position:fixed;top:24px;right:24px;box-shadow:0 8px 16px #0000001a}.custom-popup-modern.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.custom-popup-modern.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.custom-popup-modern.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.popup-content-modern{align-items:center;gap:12px;display:flex}.popup-content-modern span{flex:1;font-weight:500}.popup-close-modern{cursor:pointer;color:currentColor;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:20px;transition:opacity .2s}.popup-close-modern:hover{opacity:1}.badge-modern{border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.badge-modern.pending{color:#d97706;background:#fffbeb}.badge-modern.processing{color:#2563eb;background:#eff6ff}.badge-modern.delivered{color:#059669;background:#ecfdf5}@media (width<=768px){.my-orders-popup-modern{padding:16px}.orders-grid-modern{grid-template-columns:1fr}.header-title-modern{font-size:20px}.search-container-modern{flex-direction:column;align-items:stretch}.orders-stats-modern{justify-content:center}.order-summary-grid-modern{grid-template-columns:1fr}.item-details-modern{grid-template-columns:1fr 1fr}.pagination-section-modern{flex-direction:column;align-items:center}.order-details-modal-modern{width:98%;max-height:95vh}}@media (width<=480px){.header-left-modern{flex-direction:column;align-items:flex-start}.header-icon-modern{width:40px;height:40px}.header-title-modern{font-size:18px}.modal-title-modern{flex-direction:column;align-items:flex-start;gap:6px}.item-details-modern{grid-template-columns:1fr}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--theme-primary:red;--theme-secondary:#00f;--theme-background:#fff;--theme-text:#000;--theme-accent:red;--theme-headerBg:red;--theme-cardBg:#fff;--theme-borderColor:#e0e0e0}.app-container{background-color:var(--theme-background);color:var(--theme-text);min-height:100vh}.header{background-color:var(--theme-headerBg);color:#fff;padding:15px 20px}.card{background-color:var(--theme-cardBg);border:1px solid var(--theme-borderColor);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.btn-primary{background-color:var(--theme-primary);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px 20px;transition:opacity .3s}.btn-primary:hover{opacity:.8}.btn-secondary{background-color:var(--theme-secondary);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px 20px;transition:opacity .3s}.btn-secondary:hover{opacity:.8}