: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}.analytics-page{flex-direction:column;gap:2rem;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:1rem;display:flex}.custom-date-form{align-items:center;gap:.5rem;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.kpi-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.kpi-card h3{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.9rem}.kpi-value{color:var(--color-text);margin:.5rem 0;font-size:2rem;font-weight:600}.kpi-label{color:var(--color-text-light);font-size:.8rem}.chart-section{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:1.5rem}.chart-section h2{margin-top:0;margin-bottom:1.5rem;font-size:1.2rem}.bar-chart-container{width:100%;height:300px;padding-top:1rem;overflow:auto hidden}.bar-chart{border-bottom:1px solid var(--color-border);align-items:flex-end;gap:4px;min-width:min-content;height:250px;padding-bottom:1rem;display:flex}.bar-group{flex-direction:column;flex:1;align-items:center;min-width:40px;display:flex}.bar-wrapper{justify-content:center;align-items:flex-end;width:100%;height:200px;display:flex;position:relative}.bar{background-color:var(--color-primary);border-radius:4px 4px 0 0;width:80%;max-width:40px;min-height:2px;transition:height .3s}.bar:hover{background-color:var(--color-primary-dark);opacity:.9;cursor:pointer}.bar-label{color:var(--color-text-light);text-align:center;white-space:nowrap;transform-origin:0 0;margin-top:.5rem;margin-left:10px;font-size:.75rem;transform:rotate(-45deg)}.tables-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.table-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:1.5rem}.table-card h2{margin-top:0;margin-bottom:1rem;font-size:1.1rem}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem;font-size:.9rem}.data-table th{color:var(--color-text-light);font-weight:500}.text-right{text-align:right!important}.text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}: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}}