:root{color-scheme:light;--radius: .75rem;--background: oklch(.995 .004 20);--foreground: oklch(.22 .03 20);--card: oklch(1 0 0);--card-foreground: oklch(.22 .03 20);--popover: oklch(1 0 0);--popover-foreground: oklch(.22 .03 20);--primary: oklch(.58 .13 5);--primary-foreground: oklch(.995 .004 20);--secondary: oklch(.96 .015 10);--secondary-foreground: oklch(.35 .05 10);--muted: oklch(.965 .01 15);--muted-foreground: oklch(.5 .03 15);--accent: oklch(.93 .04 5);--accent-foreground: oklch(.35 .08 5);--destructive: oklch(.6 .22 27);--destructive-foreground: oklch(.99 0 0);--success: oklch(.6 .13 155);--success-foreground: oklch(.25 .08 155);--border: oklch(.92 .015 10);--input: oklch(.92 .015 10);--ring: oklch(.58 .13 5);--chart-1: oklch(.58 .13 5);--chart-2: oklch(.72 .09 20);--chart-3: oklch(.82 .06 40);--chart-4: oklch(.45 .08 350);--chart-5: oklch(.68 .05 15);--sidebar: oklch(.35 .08 5);--sidebar-foreground: oklch(.98 .01 20);--sidebar-primary: oklch(.99 .01 20);--sidebar-primary-foreground: oklch(.35 .08 5);--sidebar-accent: oklch(.42 .1 5);--sidebar-accent-foreground: oklch(.99 .01 20);--sidebar-border: oklch(.42 .08 5);--shadow-sm: 0 1px 3px oklch(.22 .03 20 / 8%);--shadow: 0 4px 16px oklch(.22 .03 20 / 8%)}:root[data-theme=dark]{color-scheme:dark;--background: oklch(.18 .02 20);--foreground: oklch(.98 .01 20);--card: oklch(.22 .03 20);--card-foreground: oklch(.98 .01 20);--popover: oklch(.22 .03 20);--popover-foreground: oklch(.98 .01 20);--primary: oklch(.72 .13 5);--primary-foreground: oklch(.18 .02 20);--secondary: oklch(.28 .03 15);--secondary-foreground: oklch(.98 .01 20);--muted: oklch(.28 .03 15);--muted-foreground: oklch(.7 .03 15);--accent: oklch(.3 .05 5);--accent-foreground: oklch(.98 .01 20);--destructive: oklch(.65 .2 27);--destructive-foreground: oklch(.98 .01 20);--success: oklch(.65 .13 155);--success-foreground: oklch(.95 .05 155);--border: oklch(1 0 0 / 12%);--input: oklch(1 0 0 / 15%);--ring: oklch(.72 .13 5);--chart-1: oklch(.72 .13 5);--chart-2: oklch(.6 .1 20);--chart-3: oklch(.5 .08 40);--chart-4: oklch(.55 .1 350);--chart-5: oklch(.65 .06 15);--sidebar: oklch(.22 .04 5);--sidebar-foreground: oklch(.98 .01 20);--sidebar-primary: oklch(.72 .13 5);--sidebar-primary-foreground: oklch(.18 .02 20);--sidebar-accent: oklch(.3 .05 5);--sidebar-accent-foreground: oklch(.98 .01 20);--sidebar-border: oklch(1 0 0 / 10%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow: 0 4px 16px rgba(0, 0, 0, .4)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--background: oklch(.18 .02 20);--foreground: oklch(.98 .01 20);--card: oklch(.22 .03 20);--card-foreground: oklch(.98 .01 20);--popover: oklch(.22 .03 20);--popover-foreground: oklch(.98 .01 20);--primary: oklch(.72 .13 5);--primary-foreground: oklch(.18 .02 20);--secondary: oklch(.28 .03 15);--secondary-foreground: oklch(.98 .01 20);--muted: oklch(.28 .03 15);--muted-foreground: oklch(.7 .03 15);--accent: oklch(.3 .05 5);--accent-foreground: oklch(.98 .01 20);--destructive: oklch(.65 .2 27);--destructive-foreground: oklch(.98 .01 20);--success: oklch(.65 .13 155);--success-foreground: oklch(.95 .05 155);--border: oklch(1 0 0 / 12%);--input: oklch(1 0 0 / 15%);--ring: oklch(.72 .13 5);--chart-1: oklch(.72 .13 5);--chart-2: oklch(.6 .1 20);--chart-3: oklch(.5 .08 40);--chart-4: oklch(.55 .1 350);--chart-5: oklch(.65 .06 15);--sidebar: oklch(.22 .04 5);--sidebar-foreground: oklch(.98 .01 20);--sidebar-primary: oklch(.72 .13 5);--sidebar-primary-foreground: oklch(.18 .02 20);--sidebar-accent: oklch(.3 .05 5);--sidebar-accent-foreground: oklch(.98 .01 20);--sidebar-border: oklch(1 0 0 / 10%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow: 0 4px 16px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3,.font-serif{font-family:Playfair Display,ui-serif,Georgia,serif}.app-shell{display:flex;min-height:100vh}.app-content{display:flex;flex-direction:column;flex:1;min-width:0}.sidebar{width:256px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-foreground);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:1.5rem;border-bottom:1px solid var(--sidebar-border)}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem;flex:1;padding:.75rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:var(--radius);color:var(--sidebar-foreground);opacity:.85;text-decoration:none;font-size:.9rem;border:none;background:none;cursor:pointer;text-align:left;font:inherit;width:100%;transition:background-color .12s ease}.sidebar-link:hover{background:var(--sidebar-accent);opacity:1}.sidebar-link.active{background:var(--sidebar-primary);color:var(--sidebar-primary-foreground);opacity:1;font-weight:500}.link-button{background:none!important;border:none!important;color:inherit!important;padding:.65rem .75rem!important;font-weight:inherit!important}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:.15rem}.refresh-hint{font-size:.7rem;opacity:.65;padding:.4rem .75rem 0}.brand-lockup{display:flex;align-items:center;gap:.6rem;line-height:1.15}.brand-mark{width:24px;height:24px;flex-shrink:0;color:var(--sidebar-foreground)}.brand-wordmark{display:flex;flex-direction:column}.brand-wordmark .name{font-family:Playfair Display,serif;font-size:1.1rem}.brand-wordmark .tagline{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;opacity:.7}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--background) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 1.5rem}.topbar-search{position:relative;flex:1;max-width:26rem}.topbar-search svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground)}.topbar-search input{width:100%;padding-left:2.25rem;background:var(--secondary);border-color:transparent}.icon-button{position:relative;background:none;border:none;color:var(--foreground);padding:.5rem;border-radius:var(--radius);cursor:pointer;display:flex}.icon-button:hover{background:var(--secondary)}.icon-button:disabled{cursor:default;opacity:.6}.icon-spin{animation:icon-spin .9s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-button .dot{position:absolute;right:.4rem;top:.4rem;width:8px;height:8px;border-radius:999px;background:var(--primary)}.avatar{width:2.25rem;height:2.25rem;border-radius:999px;background:var(--primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;flex-shrink:0}.app-main{flex:1;padding:1.5rem 2rem 3rem;max-width:1320px}.centered{min-height:100vh;display:flex;align-items:center;justify-content:center}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.page-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--primary)}.section-group{margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.section-group h2{margin:0;font-size:1.3rem;font-weight:600;font-family:Playfair Display,serif}.section-group p{margin:.3rem 0 0}.page-header h1{margin:.4rem 0 0;font-size:1.9rem;font-weight:600;color:var(--foreground)}.page-subtitle{margin-top:.25rem;font-size:.88rem;color:var(--muted-foreground)}.page-actions{display:flex;gap:.5rem;flex-shrink:0}.card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:1.4rem 1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.card h2{margin-top:0;font-size:1.15rem;font-weight:600}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.login-card{width:360px;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow)}.login-card h1{color:var(--primary);margin-bottom:0;font-size:1.5rem}.login-card label,.settings label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;margin-bottom:.75rem}input{padding:.55rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--background);color:var(--foreground);font:inherit;font-size:.9rem}button{padding:.55rem 1.1rem;border-radius:var(--radius);border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);cursor:pointer;font:inherit;font-weight:500;font-size:.88rem;display:inline-flex;align-items:center;gap:.4rem}button.secondary,button.outline{background:var(--background);color:var(--foreground);border-color:var(--border)}.button-link{padding:.55rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;font:inherit;font-weight:500;font-size:.88rem;display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}select{padding:.5rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--foreground);font:inherit;font-size:.85rem}.filter-dropdown{position:relative}.filter-dropdown summary{list-style:none;cursor:pointer;padding:.5rem .85rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;background:var(--card);-webkit-user-select:none;user-select:none}.filter-dropdown summary::-webkit-details-marker{display:none}.filter-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:20;background:var(--popover);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;width:260px;box-shadow:var(--shadow);max-height:320px;overflow-y:auto}.filter-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.3rem 0;cursor:pointer}.filter-checkbox input{width:auto}.period-selector{display:inline-flex;gap:.15rem;border:1px solid var(--border);border-radius:var(--radius);padding:.15rem}.period-selector button{background:none;color:var(--muted-foreground);border:none;padding:.4rem .85rem;font-size:.82rem;border-radius:calc(var(--radius) - 3px)}.period-selector button.active{background:var(--primary);color:var(--primary-foreground)}.cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.1rem;margin-bottom:1.25rem}.stat-card{display:flex;flex-direction:column;gap:.25rem}.stat-card.accent{background:color-mix(in oklch,var(--accent) 55%,var(--card))}.stat-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--secondary);color:var(--primary);margin-bottom:.4rem}.stat-icon--good{background:color-mix(in oklch,var(--success) 18%,transparent);color:var(--success)}.stat-icon--warning{background:color-mix(in oklch,var(--chart-3) 30%,transparent);color:#a75c00;color:oklch(.55 .13 60)}.stat-icon--critical{background:color-mix(in oklch,var(--destructive) 15%,transparent);color:var(--destructive)}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground)}.stat-value{margin-top:.3rem;font-family:Playfair Display,serif;font-size:1.6rem;font-weight:600}.stat-value--small{font-size:1rem;font-weight:600;font-family:inherit}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;font-size:.78rem;font-weight:500}.badge-success{background:color-mix(in oklch,var(--success) 16%,transparent);color:var(--success)}.badge-destructive{background:color-mix(in oklch,var(--destructive) 14%,transparent);color:var(--destructive)}.stat-delta{font-size:.8rem;font-weight:500}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--destructive)}.data-table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.88rem}.data-table th{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);color:var(--muted-foreground);font-weight:500;font-size:.78rem}.data-table td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--border)}.segments-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem}.segment{border-radius:var(--radius);padding:1rem;border:1px solid var(--border);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;background:var(--card)}.segment:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.segment h3{margin:0 0 .2rem;font-size:.95rem;font-family:inherit;font-weight:600}.segment--hot{border-top:3px solid var(--success)}.segment--warm{border-top:3px solid oklch(.7 .14 70)}.segment--cold{border-top:3px solid var(--destructive)}.segment-count{font-weight:400;color:var(--muted-foreground)}.segment-hint{margin-top:-.3rem;font-size:.8rem}.customer-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.5rem}.customer-name{display:block;font-weight:500;font-size:.88rem}.customer-meta{display:block;font-size:.76rem;color:var(--muted-foreground)}.legend-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.chart-tooltip-card{background:var(--popover);border:1px solid var(--border);border-radius:12px;padding:.5rem .75rem;font-size:.8rem;color:var(--popover-foreground);box-shadow:var(--shadow)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#13080873;display:flex;justify-content:flex-end;z-index:50}.modal-panel{background:var(--card);width:min(440px,100%);height:100%;padding:1.75rem;overflow-y:auto;box-shadow:-6px 0 24px #00000026}.modal-panel h2{margin-top:0}.modal-close{float:right;background:none;border:none;color:var(--muted-foreground);font-size:1.3rem;cursor:pointer;padding:0}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.muted{color:var(--muted-foreground);font-size:.88rem}.error{color:var(--destructive);font-size:.9rem;margin-top:.5rem}.success{color:var(--success);font-size:.9rem;margin-top:.5rem}.error-card{border-color:var(--destructive)}.settings{display:flex;flex-direction:column}.pending-note{background:var(--secondary);border:1px dashed var(--border);border-radius:var(--radius);padding:.9rem;font-size:.85rem;color:var(--muted-foreground)}