:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}#root{min-height:100vh}button,input,select,textarea{font:inherit}.drc{display:inline-block;position:relative}.drc-trigger{border:1px solid var(--admin-border-strong);min-height:40px;color:var(--admin-text);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.9rem;font-weight:600;transition:border-color .15s,box-shadow .15s;display:inline-flex}.drc-trigger:hover{border-color:var(--admin-gold)}.drc-trigger.has-value{border-color:var(--admin-gold);background:#d4af3712}.drc-trigger svg{color:var(--admin-muted);flex-shrink:0}.drc-trigger.has-value svg:first-child{color:var(--admin-gold-dark)}.drc-clear{color:var(--admin-muted);border-radius:50%;justify-content:center;align-items:center;margin-left:.15rem;display:inline-flex}.drc-clear:hover{color:var(--admin-danger)}.drc-pop{z-index:50;border:1px solid var(--admin-border);background:#fff;border-radius:12px;width:280px;max-width:calc(100vw - 24px);padding:.85rem;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 48px #0f172a2e}.drc-pop.align-right{left:auto;right:0}.drc-head{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.drc-head strong{color:var(--admin-text);font-size:.95rem}.drc-nav{border:1px solid var(--admin-border);width:30px;height:30px;color:var(--admin-text);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.drc-nav:hover{background:var(--admin-surface-muted);border-color:var(--admin-border-strong)}.drc-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.drc-weekdays{margin-bottom:.3rem}.drc-wd{height:26px;color:var(--admin-muted);justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.drc-cell{height:34px;color:var(--admin-text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;transition:background .12s,color .12s;display:flex}.drc-cell.empty{cursor:default}.drc-cell:not(.empty):hover{background:var(--admin-surface-muted)}.drc-cell.today{box-shadow:inset 0 0 0 1px var(--admin-gold);font-weight:800}.drc-cell.selected{background:var(--admin-gold);color:#1a1407;font-weight:800}.drc-cell.selected.today{box-shadow:none}.drc-actions{border-top:1px solid var(--admin-border);gap:.4rem;margin-top:.75rem;padding-top:.7rem;display:flex}.drc-actions button{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-text);cursor:pointer;white-space:nowrap;border-radius:8px;flex:1;padding:.45rem .3rem;font-size:.78rem;font-weight:700}.drc-actions button:hover{border-color:var(--admin-gold);background:#fff}.analytics-page{flex-direction:column;gap:1.75rem;display:flex}.analytics-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.analytics-page .filters{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.custom-date-form{align-items:center;gap:.5rem;display:flex}.analytics-content{flex-direction:column;gap:1.75rem;display:flex}.analytics-section-title{color:var(--admin-text);letter-spacing:.01em;margin:0 0 .9rem;font-size:1.05rem;font-weight:800}.cashflow{border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);background:#fff;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:.75rem;padding:1.4rem 1.5rem;display:grid}.cashflow-step{flex-direction:column;justify-content:center;gap:.3rem;padding:.4rem .2rem;display:flex}.cashflow-label{text-transform:uppercase;letter-spacing:.05em;color:var(--admin-muted);font-size:.72rem;font-weight:800}.cashflow-value{color:var(--admin-text);font-size:1.65rem;font-weight:800;line-height:1.1}.cashflow-sub{color:var(--admin-muted);font-size:.78rem}.cashflow-op{color:var(--admin-border-strong);justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex}.cashflow-step.is-deduction .cashflow-value{color:#dc2626}.cashflow-step.is-return .cashflow-value{color:#b45309}.cashflow-step.is-net{background:#16a34a14;border:1px solid #16a34a40;border-radius:10px;padding:.6rem .9rem}.cashflow-step.is-net .cashflow-value{color:#16a34a}@media (width<=900px){.cashflow{grid-template-columns:1fr;gap:.4rem}.cashflow-op{padding:.1rem 0;transform:rotate(90deg)}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;display:grid}.kpi-card{border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);background:#fff;padding:1.15rem 1.25rem}.kpi-card h3{color:var(--admin-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.74rem;font-weight:800}.kpi-value{color:var(--admin-text);margin:.45rem 0 .25rem;font-size:1.5rem;font-weight:800}.kpi-label{color:var(--admin-muted);font-size:.78rem}.kpi-card.accent-collected{border-left:4px solid #16a34a}.kpi-card.accent-refunded{border-left:4px solid #b45309}.kpi-card.accent-gold{border-left:4px solid var(--admin-gold)}.btn-reset{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:9px;padding:.55rem 1rem;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s}.btn-reset:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.btn-reset:disabled{opacity:.6;cursor:default}.reset-banner{border-radius:var(--admin-radius);color:#92400e;background:#fffbeb;border:1px solid #fde68a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;font-size:.9rem;display:flex}.btn-undo{color:#fff;cursor:pointer;white-space:nowrap;background:#92400e;border:none;border-radius:8px;padding:.45rem .95rem;font-size:.82rem;font-weight:700}.btn-undo:disabled{opacity:.6;cursor:default}.error-message{color:#b91c1c;border-radius:var(--admin-radius);background:#fef2f2;border:1px solid #fecaca;padding:.85rem 1.1rem;font-size:.9rem}.loading-state{text-align:center;color:var(--admin-muted);padding:2.5rem}.chart-section{border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);background:#fff;padding:1.4rem 1.5rem}.chart-section h2{color:var(--admin-text);margin:0 0 .35rem;font-size:1.05rem;font-weight:800}.chart-hint{color:var(--admin-muted);margin:0 0 1.25rem;font-size:.82rem}.bar-chart-container{width:100%;padding-top:.5rem;overflow:auto hidden}.bar-chart{border-bottom:2px solid var(--admin-border);align-items:flex-end;gap:10px;min-width:min-content;height:240px;padding:0 .25rem .25rem;display:flex}.bar-group{flex-direction:column;flex:1 0 44px;justify-content:flex-end;align-items:center;min-width:44px;height:100%;display:flex}.bar-amount{color:var(--admin-text);white-space:nowrap;margin-bottom:.3rem;font-size:.68rem;font-weight:700}.bar-wrapper{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar{background:linear-gradient(180deg, var(--admin-gold) 0%, var(--admin-gold-dark) 100%);cursor:pointer;border-radius:6px 6px 0 0;width:70%;max-width:46px;min-height:4px;transition:opacity .15s}.bar:hover{opacity:.8}.bar-label{color:var(--admin-muted);text-align:center;white-space:nowrap;margin-top:.55rem;font-size:.72rem}.empty-message{text-align:center;color:var(--admin-muted);padding:2rem;font-size:.9rem}.tables-grid{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:1.25rem;display:grid}@media (width<=720px){.tables-grid{grid-template-columns:1fr}}.table-card{border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);background:#fff;min-width:0;padding:1.35rem 1.5rem}.table-card h2{color:var(--admin-text);margin:0 0 1rem;font-size:1rem;font-weight:800}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--admin-border);color:var(--admin-text);text-transform:none;letter-spacing:0;background:0 0;padding:.7rem .6rem;font-size:.88rem;position:static}.data-table thead th{color:var(--admin-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--admin-border);white-space:nowrap;font-size:.72rem;font-weight:800}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--admin-surface-muted)}.cell-rank{width:28px;color:var(--admin-muted);font-size:.8rem;font-weight:800}.cell-product .cell-title{color:var(--admin-text);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.cell-product .cell-code{color:var(--admin-muted);font-size:.75rem}.text-right{text-align:right!important}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.money{color:var(--admin-text);font-weight:700}.status-pill{border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-pill.s-completed{color:#16a34a;background:#dcfce7}.status-pill.s-cancelled{color:#b91c1c;background:#fee2e2}.status-pill.s-shipped{color:#2563eb;background:#dbeafe}.status-pill.s-preparing{color:#7c3aed;background:#ede9fe}.status-pill.s-confirmed{color:#0891b2;background:#cffafe}.status-pill.s-pending{color:#b45309;background:#fef3c7}:root{--admin-bg:#f5f7fb;--admin-surface:#fff;--admin-surface-muted:#f8fafc;--admin-sidebar:#101827;--admin-sidebar-2:#172033;--admin-sidebar-border:#ffffff14;--admin-text:#0f172a;--admin-muted:#64748b;--admin-border:#e2e8f0;--admin-border-strong:#cbd5e1;--admin-gold:#d4af37;--admin-gold-dark:#a98116;--admin-danger:#dc2626;--admin-radius:10px;--admin-shadow:0 16px 44px #0f172a12;--admin-sidebar-width:264px}*{box-sizing:border-box}body{background:var(--admin-bg);min-width:320px;color:var(--admin-text);overflow-x:hidden}a{color:inherit}button{font-family:inherit}.admin-layout{background:radial-gradient(circle at top right, #d4af3712, transparent 34rem), var(--admin-bg);width:100%;min-height:100vh;display:flex}.sidebar{width:var(--admin-sidebar-width);min-width:var(--admin-sidebar-width);max-width:var(--admin-sidebar-width);flex:0 0 var(--admin-sidebar-width);background:linear-gradient(180deg, var(--admin-sidebar-2) 0%, var(--admin-sidebar) 100%);color:#fff;border-right:1px solid #0f172a5c;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:14px 0 32px #0f172a1a}.sidebar-header{border-bottom:1px solid var(--admin-sidebar-border);gap:.25rem;min-height:96px;padding:1.35rem 1.35rem 1.15rem;display:grid}.sidebar-header h2{color:#fff;letter-spacing:.16em;white-space:nowrap;margin:0;font-size:1.25rem;line-height:1.15}.sidebar-header span{color:#94a3b8;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-width:0;font-size:.74rem;font-weight:700;overflow:hidden}.sidebar-nav{gap:.25rem;padding:1rem .85rem;display:grid}.sidebar-nav a,.sidebar-nav .nav-item-disabled{color:#cbd5e1;border-radius:10px;align-items:center;gap:.8rem;min-width:0;min-height:46px;padding:.75rem .9rem;font-size:.95rem;font-weight:650;line-height:1.2;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:flex;position:relative}.sidebar-nav a svg,.sidebar-nav .nav-item-disabled svg{flex:0 0 20px;width:20px;height:20px}.sidebar-nav a span,.sidebar-nav .nav-item-disabled span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-nav a:hover{color:#fff;background:#ffffff12}.sidebar-nav a.active{color:#fff;box-shadow:inset 4px 0 0 var(--admin-gold);background:#ffffff1a}.sidebar-nav a.active svg{color:var(--admin-gold)}.sidebar-nav a.disabled,.sidebar-nav .nav-item-disabled{opacity:.5;cursor:not-allowed}.main-content{flex-direction:column;flex:auto;min-width:0;display:flex}.topbar{z-index:5;border-bottom:1px solid var(--admin-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;justify-content:flex-end;align-items:center;min-height:68px;padding:0 2rem;display:flex;position:sticky;top:0}.user-info{color:#334155;align-items:center;gap:.85rem;min-width:0;font-size:.94rem;font-weight:650;display:flex}.user-info>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:260px;overflow:hidden}.avatar{background:linear-gradient(135deg, var(--admin-gold), #b88a1f);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 8px 18px #d4af373d}.icon-action{border:1px solid var(--admin-border);color:#334155;cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.icon-action:hover,.icon-action:focus-visible{border-color:var(--admin-gold);color:var(--admin-gold-dark);outline:none;box-shadow:0 0 0 3px #d4af3724}.login-screen{background:radial-gradient(circle at top, #d4af371f, transparent 28rem), var(--admin-bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{border:1px solid var(--admin-border);width:100%;max-width:420px;box-shadow:var(--admin-shadow);background:#fff;border-radius:14px;padding:2rem}.content-area{flex:1;width:100%;max-width:1500px;padding:2rem}.page-header{justify-content:space-between;align-items:center;gap:1rem;min-height:46px;margin-bottom:1.25rem;display:flex}.page-header h1,.content-area>div>h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:800;line-height:1.2}.content-area>div>h1{margin-bottom:.5rem}.btn-primary,.btn-secondary{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:.45rem;min-height:40px;padding:.65rem 1rem;font-family:inherit;font-size:.92rem;font-weight:750;line-height:1.2;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex}.btn-primary{color:#fff;background-color:#111827;border:1px solid #111827;box-shadow:0 10px 22px #0f172a21}.btn-primary:hover,.btn-primary:focus-visible{background-color:var(--admin-gold);border-color:var(--admin-gold);color:#fff;outline:none;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.62;cursor:not-allowed;transform:none}.btn-secondary{color:#334155;border:1px solid var(--admin-border-strong);background-color:#fff}.btn-secondary:hover,.btn-secondary:focus-visible{border-color:var(--admin-gold);color:#1f2937;background-color:#f8fafc;outline:none}.card{border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);background-color:#fff;padding:1.35rem}.form-group{margin-bottom:1.15rem}.form-group label{color:#475569;margin-bottom:.45rem;font-weight:700;display:block}.form-control{border:1px solid var(--admin-border-strong);width:100%;min-height:42px;color:var(--admin-text);background:#fff;border-radius:9px;padding:.65rem .75rem;font-family:inherit;font-size:.94rem;transition:border-color .18s,box-shadow .18s,background-color .18s}.form-control:focus{border-color:var(--admin-gold);outline:none;box-shadow:0 0 0 3px #d4af3724}.form-control:disabled{color:#64748b;background:#f8fafc}table{border-collapse:separate;border-spacing:0;width:100%}th,td{text-align:left;border-bottom:1px solid var(--admin-border);vertical-align:middle;padding:.9rem 1rem}th{z-index:1;color:#475569;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;background-color:#f8fafc;font-size:.76rem;font-weight:800;position:sticky;top:0}td{color:#334155;font-size:.92rem}tbody tr{transition:background-color .15s}tbody tr:hover{background-color:#f8fafc}.badge{border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.76rem;font-weight:800;display:inline-flex}.badge.pending{color:#b45309;background:#fef3c7}.badge.confirmed{color:#1d4ed8;background:#dbeafe}.badge.preparing{color:#6d28d9;background:#ede9fe}.badge.shipped{color:#047857;background:#d1fae5}.badge.completed{color:#15803d;background:#dcfce7}.badge.cancelled{color:#b91c1c;background:#fee2e2}.gift-wrap-admin-badge{color:#92400e;white-space:nowrap;background:#fffbeb;border:1px solid #fcd34d;border-radius:999px;align-items:center;gap:.25rem;padding:.18rem .55rem;font-size:.74rem;font-weight:800;display:inline-flex}small{line-height:1.45}@media (width<=980px){.admin-layout{display:block}.sidebar{width:100%;min-width:0;max-width:none;height:auto;min-height:0;box-shadow:none;position:static}.sidebar-header{min-height:72px;padding:1rem 1.25rem}.sidebar-nav{scrollbar-width:thin;grid-auto-columns:max-content;grid-auto-flow:column;padding:.75rem 1rem 1rem;overflow-x:auto}.sidebar-nav a{min-width:max-content;min-height:42px;padding:.65rem .85rem}.sidebar-nav a.active{box-shadow:inset 0 -3px 0 var(--admin-gold)}.topbar{padding:0 1rem;position:static}.content-area{max-width:none;padding:1.25rem}}@media (width<=640px){.page-header{flex-direction:column;align-items:stretch}.page-header .btn-primary,.page-header .btn-secondary{width:100%}.content-area,.card{padding:1rem}.user-info>span{max-width:160px}th,td{padding:.75rem}}