:root{--brand-900:#0b466b;--brand-800:#0f5f92;--brand-700:#1878b5;--brand-600:#1e90d6;--brand-500:#39a9e1;--brand-300:#a7ddf4;--brand-100:#e6f5fd;--sunshine:#f7d23e;--tangerine:#f59e0b;--coral:#f66d6d;--mint:#7ed957;--leaf:#52b84a;--success:#22c55e;--warning:#facc15;--danger:#ef4444;--bg:#fff8ed;--surface:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--shadow-sm:0 6px 18px #00000014;--shadow-md:0 12px 28px #0000001f;--grad-cta:linear-gradient(90deg, #1e90d6 0%, #39a9e1 50%, #7ed957 100%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:1000;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:.65rem;min-width:max-content;display:flex}.brand-logo{width:auto;height:34px}.brand{letter-spacing:.2px;color:var(--brand-700);font-weight:800}.menu{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.menu-link{color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.45rem;padding:.55rem .75rem;font-weight:650;text-decoration:none;transition:all .18s;display:inline-flex}.menu-link:hover,.menu-link.active{color:#fff;background:var(--brand-600);border-color:var(--brand-600);transform:translateY(-1px)}.menu-link.logout{background:var(--coral);color:#fff;border-color:var(--coral)}.hero{border-bottom:1px solid var(--border);background:radial-gradient(1200px 240px at -10% 0,#1e90d61a,#0000 60%),radial-gradient(900px 220px at 110% 0,#f66d6d14,#0000 60%),radial-gradient(1000px 300px at 50% 0,#f7d23e1a,#0000 60%)}.hero-content{text-align:center;max-width:1100px;margin:0 auto;padding:2.2rem 1.25rem}.hero h1{color:var(--brand-700);margin:0;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800}.subtitle{color:var(--muted);max-width:720px;margin:.35rem auto 0}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.page-container{width:min(1100px,100% - 2.5rem);margin:0 auto;padding:1.5rem 0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.module-card,.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px}.module-card{padding:1.15rem;text-decoration:none;transition:all .2s;display:block;overflow:hidden}.module-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-icon{color:#fff;background:var(--icon-bg,var(--brand-600));border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:.65rem;display:grid}.card-title{margin-bottom:.25rem;font-weight:800}.card-desc{color:var(--muted);font-size:.95rem}.panel{overflow:hidden}.panel-head{border-bottom:1px solid var(--border);background:#fff;padding:.85rem 1rem}.panel-head h2,.panel-head h3{color:var(--brand-700);margin:0;font-size:1.05rem}.panel-body{padding:1rem}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-weight:750;text-decoration:none;transition:all .2s;display:inline-flex}.button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.button-primary,.button-cta{color:#fff;background:var(--grad-cta);box-shadow:var(--shadow-sm)}.button-primary:hover,.button-cta:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-outline{color:var(--brand-700);border-color:var(--brand-600);background:#fff}.button-outline:hover{background:var(--brand-100)}.button-danger{color:#fff;background:var(--coral)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;display:grid}.field{gap:.35rem;display:grid}.field label{color:var(--brand-700);font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:12px;padding:.7rem .8rem}.badge{background:var(--brand-100);color:var(--brand-700);border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.85rem;font-weight:750;display:inline-flex}.badge-danger{color:#991b1b;background:#fee2e2}.stock-warning-card{background:#fff7f7;border-color:var(--danger)!important}.alert{border-radius:12px;padding:.75rem .9rem;font-weight:700}.alert-danger{color:#991b1b;background:#fee2e2;border:1px solid #ef4444}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin-top:auto;padding:1.25rem}.user-chip{color:var(--muted);font-size:.78rem;font-weight:650}.php-login-page{--primary-color:#ff6b8b;--secondary-color:#6a5af9;--accent-color:#4ecdc4;--light-color:#f8f9fa;--dark-color:#343a40;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.php-login-container{background:#fff;border-radius:20px;width:100%;max-width:900px;display:flex;overflow:hidden;box-shadow:0 15px 30px #0000001a}.php-login-left{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.php-login-left:before{content:"";background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;left:-50px}.php-login-left:after{content:"";background:#ffffff1a;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-50px;right:-50px}.php-login-decoration{opacity:.1;z-index:0;border-radius:20px;width:80px;height:80px;position:absolute;transform:rotate(45deg)}.php-login-decoration-1{background:var(--primary-color);top:20px;left:20px}.php-login-decoration-2{background:var(--secondary-color);bottom:20px;right:20px}.php-login-logo{z-index:1;width:180px;margin-bottom:20px}.php-brand-name{z-index:1;margin:0 0 10px;font-size:2.5rem;font-weight:700}.php-brand-tagline{z-index:1;margin:0 0 30px;font-size:1.2rem}.php-login-features{text-align:left;z-index:1;margin-top:30px}.php-login-feature-item{align-items:center;margin-bottom:15px;display:flex}.php-login-feature-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-right:10px;display:flex}.php-login-right{flex-direction:column;flex:1;justify-content:center;padding:40px;display:flex}.php-login-header{text-align:center;margin-bottom:30px}.php-login-title{color:var(--dark-color);margin:0 0 10px;font-size:1.8rem;font-weight:600}.php-login-subtitle{color:#6c757d;margin:0;font-size:1rem}.php-form-group{margin-bottom:20px;position:relative}.php-form-label{color:var(--dark-color);margin-bottom:8px;font-weight:500;display:inline-block}.php-form-control{width:100%;color:var(--dark-color);background:#fff;border:1px solid #e1e5eb;border-radius:10px;padding:12px 42px 12px 15px;transition:all .3s}.php-form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 .2rem #ff6b8b40}.php-input-icon{color:#6c757d;position:absolute;top:43px;right:15px}.php-btn-login{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-weight:600;transition:all .3s}.php-btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.php-btn-login:disabled{opacity:.65;cursor:not-allowed}.php-login-alert,.php-login-warning{border-radius:10px;margin-bottom:15px;padding:10px 12px;font-size:.9rem;font-weight:600}.php-login-alert{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.php-login-warning{color:#854d0e;background:#fef3c7;border:1px solid #fde68a}@media (width<=768px){.php-login-container{flex-direction:column}.php-login-left,.php-login-right{padding:30px 20px}}.alert{border-radius:12px;padding:.7rem .85rem;font-size:.95rem;font-weight:650}.alert-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.alert-warning{color:#854d0e;background:#fef3c7;border:1px solid #fde68a}.alert-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.badge-success{color:#166534;background:#dcfce7}.badge-muted{color:var(--muted);background:#f3f4f6}.products-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.form-actions,.search-row,.variant-actions{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.search-row{margin-bottom:1rem}.products-list{gap:1rem;display:grid}.product-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:1rem}.product-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.product-card h3{color:var(--brand-700);margin:0 0 .5rem}.product-meta{flex-wrap:wrap;gap:.45rem;display:flex}.variant-list{gap:.65rem;margin-top:.85rem;display:grid}.variant-card{border:1px dashed var(--brand-300);background:var(--brand-100);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.variant-card .variant-actions{justify-content:flex-end}.checkbox-row{color:var(--muted);align-items:center;gap:.5rem;font-weight:700;display:flex}.stock-log{gap:.65rem;display:grid}.stock-log-item{border:1px dashed var(--brand-300);background:var(--brand-100);border-radius:12px;gap:.2rem;padding:.75rem;display:grid}.stock-log-item span{color:var(--muted);font-size:.95rem}.reports-wrap{max-width:1200px;margin:0 auto}.reports-hub{gap:1.1rem;max-width:1180px;margin:0 auto;display:grid}.reports-hub-hero{box-shadow:var(--shadow-sm);background:radial-gradient(520px 180px at 8% 0,#1e90d62e,#0000 65%),radial-gradient(420px 180px at 95% 10%,#7ed95733,#0000 70%),linear-gradient(135deg,#fff 0%,#f4fbff 55%,#fffaf0 100%);border:1px solid #1e90d62e;border-radius:26px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.4rem;display:flex}.reports-hub-kicker{width:fit-content;color:var(--brand-800);text-transform:uppercase;letter-spacing:.06em;background:#1e90d61f;border-radius:999px;margin-bottom:.45rem;padding:.25rem .7rem;font-size:.78rem;font-weight:900;display:inline-flex}.reports-hub-hero h2,.reports-hub-section-head h3{color:var(--brand-900);margin:0;line-height:1.15}.reports-hub-hero h2{font-size:clamp(1.45rem,3vw,2.1rem)}.reports-hub-hero p{max-width:680px;color:var(--muted);margin:.55rem 0 0;font-size:1rem}.reports-hub-summary{color:#fff;background:linear-gradient(135deg, var(--brand-700), var(--brand-500));min-width:180px;box-shadow:var(--shadow-sm);text-align:center;border-radius:22px;padding:1rem}.reports-hub-summary strong{font-size:2.4rem;line-height:1;display:block}.reports-hub-summary span{margin-top:.35rem;font-weight:750;display:block}.reports-featured-grid,.reports-secondary-grid{gap:1rem;display:grid}.reports-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-secondary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.reports-hub-section-head{justify-content:space-between;align-items:end;gap:1rem;margin-top:.25rem;display:flex}.reports-hub-pill{min-width:max-content;color:var(--brand-700);border:1px solid var(--brand-300);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;padding:.35rem .75rem;font-weight:800;display:inline-flex}.reports-option-card{box-shadow:var(--shadow-sm);color:var(--text);cursor:pointer;font:inherit;text-align:left;background:#fff;border:1px solid #e5e7ebe6;border-radius:24px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.reports-option-card:hover:not(.reports-card-disabled){box-shadow:var(--shadow-md);border-color:#1e90d659;transform:translateY(-5px)}.reports-option-featured{min-height:290px;padding:1.25rem}.reports-option-compact{min-height:250px;padding:1rem}.reports-option-glow{background:var(--icon-bg);opacity:.12;pointer-events:none;border-radius:999px;width:160px;height:160px;position:absolute;top:-70px;right:-55px}.reports-option-topline{z-index:1;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex;position:relative}.reports-option-icon{color:#fff;background:var(--icon-bg,var(--brand-600));border-radius:18px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 12px 22px #0f5f922e}.reports-option-compact .reports-option-icon{border-radius:15px;width:46px;height:46px}.reports-option-status{background:var(--brand-100);color:var(--brand-800);border-radius:999px;padding:.25rem .6rem;font-size:.76rem;font-weight:900}.reports-option-eyebrow{color:var(--brand-600);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:900}.reports-option-title{color:var(--brand-900);margin-top:.2rem;font-size:1.15rem;font-weight:900;line-height:1.2}.reports-option-desc{color:var(--muted);margin-top:.45rem;font-size:.94rem}.reports-option-footer{border-top:1px solid var(--border);gap:.25rem;margin-top:1rem;padding-top:.85rem;display:grid}.reports-option-footer span{color:var(--brand-800);font-size:.9rem;font-weight:850}.reports-option-footer small{color:var(--muted);font-weight:700}.reports-card-disabled{cursor:default;opacity:.78;filter:grayscale(.08)}.reports-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;padding:1rem}.reports-section-gap{margin-top:1rem}.reports-filters{gap:.75rem;display:grid}.reports-filters-sales{grid-template-columns:repeat(5,minmax(140px,1fr))}.reports-filters-stock{grid-template-columns:1.5fr 1fr 1fr 1fr}.reports-filters-top{grid-template-columns:repeat(4,minmax(160px,1fr))}.reports-filters label,.reports-panel label{color:var(--brand-700);margin-bottom:.35rem;font-size:.92rem;font-weight:700;display:inline-block}.reports-filters input,.reports-filters select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:12px;padding:.55rem .7rem}.reports-actions,.reports-quick,.reports-toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.reports-actions{margin-top:.75rem}.reports-actions-no-margin{margin-top:0}.reports-toolbar{justify-content:space-between;align-items:center;margin-top:.9rem}.reports-quick{margin-top:.6rem}.reports-btn-mini{border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:.45rem;padding:.55rem .8rem;font-weight:700;text-decoration:none;display:inline-flex}.reports-btn-mini:hover{border-color:var(--brand-600);color:#fff;background:var(--brand-600)}.reports-btn-danger-lite{border-color:var(--coral);color:#fff;background:var(--coral)}.reports-quick-range{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.reports-qr-btn{border:1px dashed var(--brand-600);color:var(--brand-700);background:var(--brand-100);cursor:pointer;border-radius:999px;padding:.45rem .75rem;font-weight:700;text-decoration:none}.reports-qr-btn:hover{background:#fff}.reports-card-title{color:var(--brand-800);margin-bottom:.4rem;font-size:1.05rem;font-weight:900}.reports-card-sub{color:var(--brand-700);margin-bottom:.6rem;font-size:.9rem}.reports-stat-cards{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:.8rem;display:grid}.reports-stat{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:.9rem}.reports-stat-label{color:var(--brand-700);font-size:.9rem;font-weight:700}.reports-stat-value{color:var(--brand-900);margin-top:.2rem;font-size:1.25rem;font-weight:900}.reports-grid{grid-template-columns:1fr;gap:1rem;display:grid}.reports-table-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;overflow:hidden}.reports-table-head{padding:.9rem .9rem 0}.reports-table-responsive{padding:.9rem;overflow:auto}.reports-table{border-collapse:collapse;width:100%}.reports-table thead th{background:var(--brand-100);color:var(--brand-800);text-align:left;padding:.75rem}.reports-table tbody td{border-top:1px solid var(--border);vertical-align:top;padding:.65rem .75rem}.reports-table tfoot td{background:#fafafa;padding:.75rem;font-weight:700}.reports-sales-details thead th{z-index:1;position:sticky;top:0}.reports-sales-details tbody tr:nth-child(2n){background:#fafafa}.reports-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.reports-nowrap{white-space:nowrap}.reports-muted{color:var(--brand-700)}.reports-text-clip{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.reports-badge{border:1px solid var(--border);color:var(--brand-800);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .55rem;font-size:.78rem;font-weight:800;display:inline-flex}.reports-badge-pay{background:var(--brand-100);border-color:var(--brand-300)}.reports-chip-row{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.reports-chip-row-compact{margin-top:0}.reports-chip{background:var(--mint);color:#0a3d2e;border:1px solid #0000000d;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-size:.8rem;font-weight:800;display:inline-flex}.reports-chip-alt{color:var(--brand-800);background:#fff}.reports-stock-low{color:#c53030;font-weight:800}.reports-stock-zero{color:#9b2c2c;font-weight:900}.reports-status-badge{border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:800}.reports-status-active{color:#0b7a66;background:#e6fffa;border:1px solid #b2f5ea}.reports-status-inactive{color:#9b2c2c;background:#fff5f5;border:1px solid #fed7d7}.reports-chart-bars{gap:.75rem;margin-top:.8rem;display:grid}.reports-chart-bars-tall{align-content:start;min-height:280px}.reports-chart-row{gap:.25rem;display:grid}.reports-chart-label,.reports-chart-value,.reports-legend{color:var(--brand-700);font-size:.9rem}.reports-chart-track{background:var(--brand-100);border-radius:999px;height:16px;overflow:hidden}.reports-chart-track span{border-radius:inherit;background:var(--brand-600);height:100%;display:block}.reports-chart-track-alt span{background:var(--tangerine)}@media (width>=992px){.reports-grid-2{grid-template-columns:1.1fr .9fr}.reports-grid-top{grid-template-columns:1.3fr .7fr}}@media (width<=900px){.reports-hub-hero,.reports-hub-section-head{flex-direction:column;align-items:flex-start}.reports-hub-summary{width:100%}.reports-featured-grid,.reports-secondary-grid,.reports-filters-sales,.reports-filters-stock,.reports-filters-top,.reports-stat-cards{grid-template-columns:1fr}.reports-toolbar{flex-direction:column;align-items:flex-start}.reports-text-clip{max-width:200px}.navbar{flex-direction:column;align-items:flex-start}.menu{justify-content:flex-start}}@media (width<=640px){.page-container{width:min(100% - 1.5rem,1100px)}.menu-link span{display:none}}@page{size:58mm auto;margin:2mm}.receipt-page{justify-content:center;display:flex}.receipt-wrap{color:#000;background:#fff;width:54mm;padding:2mm;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.25}.receipt-header,.receipt-footer,.receipt-block,.receipt-item{gap:2px;display:grid}.receipt-center{text-align:center}.receipt-separator{border-top:1px dashed #000;margin:5px 0}.receipt-row{justify-content:space-between;gap:8px;display:flex}.receipt-row span:last-child,.receipt-row strong:last-child{text-align:right}.receipt-item+.receipt-item{margin-top:5px}.receipt-total{font-size:13px;font-weight:700}@media print{body{background:#fff!important}.navbar,.hero,.footer,.panel>h2,.panel>p{display:none!important}.app-shell,.page-container,.panel,.receipt-page{width:auto!important;min-height:auto!important;box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important;display:block!important}.receipt-wrap{width:54mm!important;padding:0!important}}@page{size:58mm auto;margin:0}@media print{.labels-print-only{display:block!important}.app-shell>:not(.page-container),.app-shell>.page-container>:not(.labels-print-only){display:none!important}.labels-print-sheet{width:58mm;margin:0;padding:0;display:block}.label-preview{box-sizing:border-box;page-break-after:always;break-after:page;background:#fff;border:0;border-radius:0;width:58mm;margin:0;padding:0}}.labels-print-only{display:none}.labels-preview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.label-preview{border:1px solid var(--border-color);background:var(--surface);border-radius:12px;padding:8px}.label-wrap{width:54mm;margin:0 auto}.label-safe{width:48mm;margin:0 auto}.label-tag{break-inside:avoid;color:#000;padding:1mm 0;font-family:Arial,Helvetica,sans-serif;font-size:11px}.label-line{border-top:1px dashed #000;margin:1mm 0}.label-header{flex-wrap:wrap;justify-content:space-between;gap:2mm;display:flex}.label-name{text-transform:uppercase;word-break:break-word;overflow-wrap:anywhere;max-width:36mm;font-size:12px;font-weight:700;line-height:1.15}.label-price{white-space:nowrap;font-size:14px;font-weight:800}.label-row2{gap:2mm;display:flex}.label-col{flex:1 1 0}.label-small,.label-sku,.label-barcode-text{font-size:10px}.label-gender{margin-top:1mm}.label-barcode-wrap{text-align:center;margin-top:1mm}.label-barcode-svg{margin:0 auto;display:block;width:37mm!important;height:18mm!important}.label-barcode-text{text-align:center;margin-top:.3mm}.exchange-diff{border:1px solid var(--border);background:var(--brand-100);color:var(--brand-700);border-radius:12px;padding:.75rem .9rem;font-weight:800}.exchange-diff.diff-pos{color:#166534;background:#dcfce7;border-color:#22c55e}.exchange-diff.diff-neg{color:#991b1b;background:#fee2e2;border-color:#ef4444}