:root{--font-display: "Jost", system-ui, sans-serif;--font-body: "Jost", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--color-primary: #1C1C1C;--color-primary-mid: #2A2A2A;--color-primary-light: #444444;--color-accent: #CBE814;--color-accent-hover: #B8D410;--color-accent-light: #F4FACE;--color-amber: #E2F95D;--color-amber-light: #FAFDE8;--color-background: #F5F5F0;--color-surface: #FFFFFF;--color-surface-warm: #FAFAF6;--color-surface-mid: #EDEDEA;--color-sidebar-bg: #000000;--color-sidebar-text: rgba(255,255,255,.65);--color-sidebar-text-active: #FFFFFF;--color-sidebar-accent: #CBE814;--color-sidebar-hover: rgba(255,255,255,.06);--color-sidebar-active: rgba(203,232,20,.1);--color-sidebar-border: rgba(255,255,255,.1);--color-text-primary: #1C1C1C;--color-text-secondary: #555555;--color-text-muted: #888888;--color-border: #E0DDD0;--color-border-strong: #C5C0B0;--color-success: #267A4A;--color-success-light: #EAF5EE;--color-success-text: #1A5533;--color-error: #B83232;--color-error-light: #FDF0F0;--color-error-text: #8B1F1F;--color-warning: #C68A19;--color-warning-light: #FEF7E8;--color-warning-text: #8B5E10;--color-info: #2563A8;--color-info-light: #EEF4FB;--color-info-text: #1A4A80;--color-neutral: #6B7A8A;--color-neutral-light: #EEF0F2;--color-neutral-text: #3A4552;--color-shopify: #008060;--color-shopify-light: #E6F5F0;--color-shopify-text: #005C45;--color-easybill: #2563A8;--color-easybill-light: #EEF4FB;--color-easybill-text: #1A4A80;--sidebar-width: 230px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .06);--shadow-card: 0 1px 4px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .03);--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-pill: 999px;--transition-fast: .12s ease-out;--transition-default: .2s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:1.2}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:var(--font-body);cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--color-sidebar-bg);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:200;transition:transform var(--transition-default)}@media(max-width:899px){.sidebar{transform:translate(-100%);box-shadow:4px 0 24px #0000004d}.sidebar.open{transform:translate(0)}}.sidebar-logo-wrap{padding:20px;border-bottom:1px solid var(--color-sidebar-border)}.sidebar-logo-link{display:flex;align-items:center}.sidebar-logo{width:100%;height:auto;border-radius:3px}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-list{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--color-sidebar-text);font-size:.875rem;font-weight:400;border-left:3px solid transparent;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);min-height:44px}.nav-item:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text-active)}.nav-item.active{background:var(--color-sidebar-active);color:var(--color-sidebar-text-active);font-weight:700;border-left-color:var(--color-accent)}.nav-item.active .nav-icon{color:var(--color-accent)}.nav-icon{flex-shrink:0;color:#ffffff73;transition:color var(--transition-fast)}.nav-item:hover .nav-icon{color:#fffc}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--color-sidebar-border)}.user-pill{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:#000;font-family:var(--font-body);font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:1px}.user-name{font-size:.8125rem;color:#ffffffd9;font-weight:600;line-height:1.2}.user-role{font-size:.6875rem;color:#ffffff73;line-height:1.2}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:54px;background:var(--color-sidebar-bg);z-index:100;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 2px 8px #0003}@media(max-width:899px){.mobile-header{display:flex}}.hamburger-btn{background:none;border:none;color:#fffc;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;transition:color var(--transition-fast),background var(--transition-fast)}.hamburger-btn:hover{color:#fff;background:#ffffff1a}.mobile-logo{height:32px;width:auto;border-radius:4px}.mobile-logo-link{display:flex;align-items:center}.nav-backdrop{display:none;position:fixed;inset:0;background:#00000073;z-index:190;opacity:0;pointer-events:none;transition:opacity var(--transition-default)}@media(max-width:899px){.nav-backdrop{display:block}.nav-backdrop.open{opacity:1;pointer-events:auto}}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}@media(max-width:899px){.main-content{margin-left:0;padding-top:54px}}.page-wrap{padding:32px 40px 60px;max-width:1600px;width:100%}@media(max-width:1100px){.page-wrap{padding:28px 28px 48px}}@media(max-width:899px){.page-wrap{padding:20px 16px 40px}}.page-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px;letter-spacing:.5px}.page-subtitle{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:32px}.section-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--color-text-primary);margin-bottom:14px;letter-spacing:.3px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.badge-success{background:var(--color-success-light);color:var(--color-success-text)}.badge-error{background:var(--color-error-light);color:var(--color-error-text)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-text)}.badge-info{background:var(--color-info-light);color:var(--color-info-text)}.badge-neutral{background:var(--color-neutral-light);color:var(--color-neutral-text)}.badge-easybill{background:var(--color-easybill-light);color:var(--color-easybill-text)}.badge-shopify{background:var(--color-shopify-light);color:var(--color-shopify-text)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.875rem;font-weight:700;border:none;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:#000;font-weight:700;box-shadow:0 1px 4px #cbe81440}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:0 2px 8px #cbe81459}.btn-success{background:var(--color-success);color:#fff;box-shadow:0 1px 4px #267a4a40}.btn-success:hover{background:#1a5533;box-shadow:0 2px 8px #267a4a59}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1.5px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface-mid);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-danger{background:transparent;color:var(--color-error);border:1.5px solid var(--color-error)}.btn-danger:hover{background:var(--color-error-light)}.btn-sm{padding:5px 12px;font-size:.8125rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:10px 16px;text-align:left;background:var(--color-surface-warm);border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-warm)}.table-scroll{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.divider{border:none;border-top:1px solid var(--color-border);margin:24px 0}.metric-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:20px 24px;display:flex;flex-direction:column;gap:6px;text-decoration:none;transition:box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.metric-value{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--color-text-primary);line-height:1}.metric-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:400}.metric-sublabel{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}