:root{--radius: .75rem;--background: oklch(.995 .002 250);--foreground: oklch(.22 .04 260);--card: oklch(1 0 0);--card-foreground: oklch(.22 .04 260);--popover: oklch(1 0 0);--primary: oklch(.62 .19 256);--primary-foreground: oklch(1 0 0);--secondary: oklch(.955 .008 250);--secondary-foreground: oklch(.28 .04 260);--muted: oklch(.96 .006 250);--muted-foreground: oklch(.55 .03 255);--accent: oklch(.955 .02 250);--destructive: oklch(.6 .22 27);--success: oklch(.6 .15 155);--warning: oklch(.72 .15 75);--border: oklch(.92 .008 250);--input: oklch(.92 .008 250);--ring: oklch(.62 .19 256);--sidebar: oklch(1 0 0);--destructive-soft: color-mix(in oklch, var(--destructive) 10%, var(--card));--success-soft: color-mix(in oklch, var(--success) 12%, var(--card));--warning-soft: color-mix(in oklch, var(--warning) 14%, var(--card));--tint: color-mix(in oklch, var(--primary) 8%, var(--card));--hover: var(--secondary);--primary-grad: linear-gradient( 135deg, color-mix(in oklch, var(--primary) 82%, white) 0%, var(--primary) 100% );--shadow-soft: 0 1px 3px 0 oklch(.22 .04 260 / .06);--shadow-elegant: 0 1px 2px 0 oklch(.22 .04 260 / .04), 0 8px 24px -12px oklch(.22 .04 260 / .08);--chart-1: var(--primary);--chart-2: oklch(.72 .13 200);--chart-3: oklch(.7 .15 152);--chart-4: oklch(.76 .14 75);--chart-5: oklch(.62 .2 320);--font-sans: Inter, "Segoe UI Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-headline: "Plus Jakarta Sans", var(--font-sans);--sidebar-w: 250px;--topbar-h: 60px;color-scheme:light}.dark{--background: oklch(.129 .042 264.695);--foreground: oklch(.984 .003 247.858);--card: oklch(.185 .04 265);--card-foreground: oklch(.984 .003 247.858);--popover: oklch(.208 .042 265.755);--primary: oklch(.68 .17 256);--primary-foreground: oklch(1 0 0);--secondary: oklch(.235 .04 260);--secondary-foreground: oklch(.984 .003 247.858);--muted: oklch(.279 .041 260.031);--muted-foreground: oklch(.704 .04 256.788);--accent: oklch(.279 .041 260.031);--destructive: oklch(.704 .191 22.216);--success: oklch(.72 .15 155);--warning: oklch(.78 .15 75);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.68 .17 256);--sidebar: oklch(.145 .04 265);--shadow-soft: 0 1px 3px 0 oklch(0 0 0 / .25);--shadow-elegant: 0 1px 2px 0 oklch(0 0 0 / .2), 0 8px 24px -12px oklch(0 0 0 / .4);color-scheme:dark}[data-theme=indigo]{--primary: oklch(.51 .23 270);--ring: oklch(.51 .23 270)}[data-theme=emerald]{--primary: oklch(.55 .15 160);--ring: oklch(.55 .15 160)}[data-theme=rose]{--primary: oklch(.58 .19 10);--ring: oklch(.58 .19 10)}[data-theme=amber]{--primary: oklch(.66 .15 65);--ring: oklch(.66 .15 65);--primary-foreground: oklch(.22 .04 260)}.dark[data-theme=indigo]{--primary: oklch(.65 .2 270);--ring: oklch(.65 .2 270)}.dark[data-theme=emerald]{--primary: oklch(.65 .15 160);--ring: oklch(.65 .15 160)}.dark[data-theme=rose]{--primary: oklch(.68 .17 10);--ring: oklch(.68 .17 10)}.dark[data-theme=amber]{--primary: oklch(.75 .14 65);--ring: oklch(.75 .14 65);--primary-foreground: oklch(.22 .04 260)}:root,.dark{--orange: var(--primary);--orange-dark: color-mix(in oklch, var(--primary) 94%, black);--orange-grad: var(--primary-grad);--navy: var(--foreground);--navy-2: var(--muted-foreground);--ink: var(--foreground);--bg: var(--background);--line: var(--border);--green: var(--success);--green-soft: var(--success-soft);--red: var(--destructive);--red-soft: var(--destructive-soft);--shadow: var(--shadow-soft);--shadow-lg: var(--shadow-elegant);--r: var(--radius)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--font-headline);letter-spacing:-.02em}@media(max-width:640px){h1{font-size:1.5rem}}button,a,input,select,textarea{transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--foreground) 25%,transparent) transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--foreground) 25%,transparent);border-radius:999px}.shell{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--card);border-right:1px solid var(--line);padding:0 12px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 4px;flex-shrink:0}.brand-logo{width:30px;height:30px;border-radius:9px;overflow:hidden;flex-shrink:0;display:block;background:var(--orange-grad)}.brand-logo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08)}.brand-name{font-weight:650;font-size:14.5px;color:var(--ink);letter-spacing:-.01em}.sidebar-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-weight:600;padding:16px 10px 6px}.sidebar-label:first-of-type{padding-top:6px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;background:none;padding:8px 10px;margin-bottom:1px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--secondary-foreground);cursor:pointer;transition:background .12s,color .12s}.nav-item svg{color:var(--muted-foreground)}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item:hover svg{color:var(--foreground)}.nav-item.active{background:var(--hover);color:var(--ink);font-weight:600}.nav-item.active svg{color:var(--orange-dark)}.sidebar-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex-shrink:0;background:var(--card);border-bottom:1px solid var(--line);padding:0 20px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:40}.topbar-title{font-size:14.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-spacer{flex:1}.user-chip{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--foreground);color:var(--background);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.user-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.25}.user-role{font-size:11.5px;color:var(--muted-foreground);line-height:1.25}.ghost-btn{display:inline-flex;align-items:center;gap:7px;background:none;color:var(--muted-foreground);border:0;padding:8px;border-radius:8px;font-size:13px;cursor:pointer}.ghost-btn:hover{background:var(--hover);color:var(--ink)}.wrap{width:100%;padding:24px 28px 64px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-soft);padding:22px 24px;margin-bottom:18px;transition:box-shadow .2s ease,transform .2s ease}.card.hoverable:hover{box-shadow:var(--shadow-elegant);transform:translateY(-1px)}.card h2{margin:0 0 4px;font-size:20px;color:var(--navy)}.card h3{margin:18px 0 10px;font-size:15px;color:var(--navy)}.sub{color:var(--muted-foreground);font-size:13.5px;margin:0 0 16px}.setting-grid{display:grid;gap:16px;margin-bottom:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.setting-grid .setting-card{margin-bottom:0;height:100%;display:flex;flex-direction:column}.setting-card h2{font-size:17px}.setting-card-ctl{margin-top:auto}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}label{display:block;font-size:12.5px;font-weight:600;color:var(--muted-foreground);margin-bottom:4px}input,select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font-size:14px;background:var(--card);color:var(--ink)}input:focus,select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--tint)}.field{flex:1;min-width:150px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 15px;border:1px solid transparent;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;background:var(--primary);color:var(--primary-foreground);white-space:nowrap;line-height:1}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:active{transform:none}.btn:disabled:hover{filter:none;transform:none}.btn.sm{height:30px;padding:0 11px;font-size:13px;gap:6px}.btn.secondary{background:var(--card);color:var(--navy);border-color:var(--line)}.btn.secondary:hover{background:var(--bg)}.btn.danger{background:var(--card);color:var(--red);border-color:color-mix(in oklch,var(--destructive) 35%,var(--card))}.btn.danger:hover{background:var(--red-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--muted-foreground);cursor:pointer;transition:all .15s;padding:0}.icon-btn:hover{background:var(--bg);color:var(--ink)}.icon-btn.sm{width:30px;height:30px}.icon-btn.danger{color:var(--red)}.icon-btn.danger:hover{background:var(--red-soft);border-color:color-mix(in oklch,var(--destructive) 35%,var(--card))}.icon-btn.active{background:var(--tint);color:var(--orange-dark);border-color:color-mix(in oklch,var(--primary) 35%,var(--card))}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in oklch,var(--primary) 80%,transparent)}tbody tr{transition:background-color .15s ease}tbody tr:hover{background:color-mix(in oklch,var(--secondary) 70%,transparent)}td.num,td.right,th.num,th.right{font-variant-numeric:tabular-nums}td{padding:10px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:700}.badge.on{background:var(--green-soft);color:var(--green)}.badge.off{background:var(--secondary);color:var(--muted-foreground)}.badge.warn{background:var(--tint);color:var(--orange-dark)}.err{background:var(--red-soft);color:var(--red);padding:10px 14px;border-radius:9px;font-size:13.5px;margin-bottom:14px}.ok-key{background:var(--green-soft);color:color-mix(in oklch,var(--success) 80%,black);padding:10px 14px;border-radius:9px;font-size:13px;margin-bottom:14px;word-break:break-all}.muted{color:var(--muted-foreground)}.right{text-align:right}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill-list{display:flex;gap:6px;flex-wrap:wrap}.pill{background:var(--tint);color:var(--orange-dark);border-radius:16px;padding:4px 10px;font-size:12px;font-weight:600}.combo{position:relative}.combo-pop{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:300px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:4px}.combo-empty{padding:12px;font-size:13px}.combo-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:0;background:none;cursor:pointer;padding:8px 10px;border-radius:8px;font-size:13.5px;color:var(--ink)}.combo-opt:hover{background:var(--bg)}.combo-opt.on{background:var(--tint);color:var(--orange-dark);font-weight:600}.combo-opt.cursor{background:var(--bg)}.combo-opt.on.cursor{background:var(--tint)}.combo-opt-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-group{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground)}.audit-diff{width:auto;min-width:420px;font-size:12px}.audit-diff th{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);text-align:left}.audit-diff td{padding:4px 16px 4px 0}.audit-old{color:var(--muted-foreground);text-decoration:line-through}.audit-new{color:var(--success);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--foreground) 45%,transparent);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px;z-index:100}.modal{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:22px 24px;width:100%;max-width:560px;max-height:84vh;overflow:auto}.modal.wide{max-width:880px}.modal h3{color:var(--navy)}.usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.usage-stat{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.usage-stat-body{display:flex;flex-direction:column;gap:7px;min-width:0}.usage-stat-num{font-size:26px;font-weight:650;color:var(--ink);letter-spacing:-.02em;line-height:1.05}.usage-stat-lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-weight:600}.usage-stat-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:var(--primary-grad);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center}.usage-h{margin:22px 0 8px;color:var(--navy)}.substats{display:flex;flex-wrap:wrap;gap:0;margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}.substat{flex:1 1 150px;display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-left:1px solid var(--line)}.substat:first-child{border-left:0}.substat-num{font-size:16px;font-weight:700;color:var(--navy);line-height:1.1}.substat.substat-err .substat-num{color:var(--red)}.substat-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted-foreground)}.usage-chart{display:flex;align-items:flex-end;justify-content:flex-start;gap:3px;height:120px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.usage-bar{flex:1 1 0;min-width:4px;max-width:56px;height:100%;display:flex;align-items:flex-end}.usage-bar-fill{width:100%;min-height:2px;background:var(--orange);border-radius:3px 3px 0 0;transition:height .15s}.usage-bar:hover .usage-bar-fill{background:var(--orange-dark)}.usage-chart.stacked{--uc-pad: 12px;--uc-axis: 60px;--uc-lbl: 18px;display:block;position:relative;height:220px;gap:0;padding:var(--uc-pad) var(--uc-pad) var(--uc-pad) var(--uc-axis);background:var(--card)}.usage-plot{display:flex;align-items:flex-end;height:100%}.usage-col{flex:1 1 0;min-width:2px;height:100%;display:flex;flex-direction:column;padding:0 2px;border-radius:4px}.usage-stack{flex:1 1 auto;width:100%;max-width:38px;margin:0 auto;display:flex;flex-direction:column-reverse;align-items:stretch;justify-content:flex-start;min-height:0}.usage-seg{width:100%;min-height:2px;transition:height .15s}.usage-stack .usage-seg+.usage-seg{box-shadow:0 -1px 0 var(--card)}.usage-stack .usage-seg:last-child{border-radius:3px 3px 0 0}.usage-col:hover .usage-stack{opacity:.82}.usage-group{flex:1 1 auto;width:100%;max-width:44px;margin:0 auto;display:flex;align-items:flex-end;justify-content:stretch;min-height:0;gap:1px}.usage-group .usage-seg{width:auto;flex:1 1 0;min-width:1px;border-radius:2px 2px 0 0}.usage-col:hover .usage-group{opacity:.82}.usage-grid{position:absolute;pointer-events:none;left:var(--uc-axis);right:var(--uc-pad);top:var(--uc-pad);bottom:calc(var(--uc-pad) + var(--uc-lbl));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),var(--line) calc(25% - 1px),var(--line) 25%)}.usage-yaxis{position:absolute;pointer-events:none;left:0;width:calc(var(--uc-axis) - 8px);top:calc(var(--uc-pad) - 5px);bottom:calc(var(--uc-pad) + var(--uc-lbl) - 5px);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:10px;line-height:10px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.usage-lines{position:absolute;pointer-events:none;overflow:hidden;left:var(--uc-axis);right:var(--uc-pad);top:var(--uc-pad);bottom:calc(var(--uc-pad) + var(--uc-lbl))}.usage-lines svg{display:block;width:100%;height:100%}.usage-chart.lines .usage-col:hover{background:color-mix(in oklch,var(--foreground) 4%,transparent)}.chart-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:18px 0 10px}.chart-bar-title{margin:0}.chart-bar-ctl{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.chart-opt-lbl{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted-foreground)}.chart-opt-lbl select{font-size:12px;padding:4px 8px;text-transform:none;letter-spacing:0;color:var(--navy);height:28px}.seg{display:inline-flex;align-items:stretch;height:28px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card)}.seg button{border:0;border-left:1px solid var(--line);background:transparent;padding:0 11px;font:inherit;font-size:12px;line-height:1;color:var(--navy);cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.seg button:first-child{border-left:0}.seg button:hover{background:var(--bg)}.seg button.on{background:var(--primary);border-left-color:var(--primary);color:var(--primary-foreground)}.seg button.on+button{border-left-color:var(--orange)}.usage-bar-date{flex:0 0 auto;margin-top:6px;text-align:center;font-size:10px;color:var(--muted-foreground);white-space:nowrap;font-variant-numeric:tabular-nums;height:12px}.usage-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:var(--navy)}.usage-legend-item{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:none;border:0;padding:0;font:inherit;color:inherit}.usage-legend-item:hover{text-decoration:underline}.usage-legend-item.off{opacity:.4;text-decoration:line-through}.usage-legend-swatch{width:11px;height:11px;border-radius:3px;flex-shrink:0}.chart-tip{position:fixed;z-index:60;pointer-events:none;min-width:190px;max-width:min(360px,calc(100vw - 16px));background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:var(--shadow-elegant)}.chart-tip-title{font-weight:700;color:var(--navy);margin-bottom:4px;font-variant-numeric:tabular-nums}.chart-tip-row{display:flex;justify-content:space-between;gap:14px;color:var(--ink);font-variant-numeric:tabular-nums}.usage-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.usage-table th,.usage-table td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-table th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-foreground)}.usage-table td.num,.usage-table th.num{text-align:right;font-variant-numeric:tabular-nums}.usage-table th.num,.usage-table td.num{width:13%}.usage-ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:22px 28px;margin-top:22px}.status-ok{color:var(--green);font-weight:600}.status-bad{color:var(--red);font-weight:600}.cell-input{width:100px;text-align:right;padding:6px 8px;border:1px solid var(--line);border-radius:7px;font-variant-numeric:tabular-nums}.input-eur{display:flex;align-items:center;gap:8px}.input-eur>span{color:var(--muted-foreground);font-weight:600}.input-eur>input{flex:1;min-width:0}.factor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 10px}.factor-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}.factor-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.factor-row>input{width:52px;flex:none;padding:3px 6px;font-size:12px}.subtabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--line)}.subtab{border:0;background:none;cursor:pointer;padding:8px 12px 10px;font-size:13.5px;font-weight:550;color:var(--muted-foreground);border-bottom:2px solid transparent;margin-bottom:-1px}.subtab:hover{color:var(--ink)}.subtab.active{color:var(--orange);border-bottom-color:var(--orange)}.picker{position:relative}.picker input{width:100%}.picker-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;padding:4px}.picker-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;cursor:pointer;padding:7px 10px;border-radius:7px}.picker-text{display:flex;flex-direction:column;gap:1px;min-width:0}.picker-item:hover{background:var(--hover)}.picker-name{font-size:13.5px;color:var(--ink)}.picker-mail{font-size:12px;color:var(--muted-foreground)}.picker-empty{padding:10px;font-size:13px;color:var(--muted-foreground)}.avatar-sm{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover;display:block;background:var(--hover)}.user-cell{display:flex;align-items:center;gap:10px}.avatar-sm.fallback{display:flex;align-items:center;justify-content:center;background:var(--foreground);color:var(--background);font-size:10.5px;font-weight:700}.add-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}.add-row-account{flex:1 1 280px;min-width:0}.add-row-role{flex:0 0 150px}.table.matrix th:not(:first-child){width:96px;text-align:center}.table.matrix .matrix-cell{text-align:center}.matrix-yes{color:var(--green);display:inline-flex}.matrix-no{color:color-mix(in oklch,var(--muted-foreground) 45%,transparent)}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 420px at 50% -8%,var(--tint) 0%,transparent 70%),var(--bg)}.login{width:100%;max-width:380px;margin:0;padding:30px 28px 26px;text-align:center;box-shadow:var(--shadow-lg)}.login-logo{width:46px;height:46px;border-radius:13px;overflow:hidden;display:inline-block;background:var(--orange-grad);margin-bottom:14px}.login-logo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08)}.login h2{font-size:21px}.login-lead{margin-bottom:22px}.login .err{text-align:left;margin-bottom:16px}.login label{text-align:left;display:block}.ms-btn{width:100%;height:42px;gap:10px;font-size:14px;text-decoration:none;background:var(--card);color:var(--navy);border-color:var(--line)}.ms-btn:hover{background:var(--bg);border-color:var(--border)}.login-sep{display:flex;align-items:center;gap:10px;margin:20px 0 6px;color:var(--muted-foreground);font-size:12.5px}.login-foot{color:var(--muted-foreground);font-size:12.5px;margin:6px 0 0}.login-key{display:flex;flex-direction:column;gap:10px;text-align:left}.login-key .btn{width:100%}.login-sep:before,.login-sep:after{content:"";flex:1;height:1px;background:var(--line)}.notice{background:var(--secondary);border:1px solid var(--line);border-radius:9px;padding:10px 14px;margin-bottom:16px;color:var(--muted-foreground);font-size:13px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.list-row{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.list-row:first-of-type{border-top:0;padding-top:0;margin-top:0}.panel{margin-top:14px;padding:16px 18px;background:var(--secondary);border:1px solid var(--line);border-radius:12px}.panel h4{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted-foreground)}.panel+.panel{margin-top:12px}.inline{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.settings{margin-top:6px}.cred-list{margin:8px 0 8px 11px;padding:4px 0 4px 22px;border-left:2px solid var(--tint)}.cred-list-head{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-foreground);font-weight:700}.subpanel{margin-top:12px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:10px}.limit-group{display:flex;align-items:flex-end;gap:8px}.cred-controls{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-top:12px}.cred{padding:16px 0;border-top:1px solid var(--line)}.cred:first-child{border-top:0;padding-top:4px}.cred-id{display:flex;flex-direction:column;gap:2px;min-width:150px;flex-shrink:0}.drag-grip{color:var(--muted-foreground);cursor:grab;display:flex;align-items:center;flex-shrink:0;margin-right:-8px}.drag-grip:active{cursor:grabbing}.cred-id .row-title{font-size:14px;color:var(--ink)}.cred-key{font-size:12px}.cred-desc{font-size:12px;color:var(--muted-foreground);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-title{font-size:15px;font-weight:700;color:var(--navy)}.row-meta{color:var(--muted-foreground);font-size:12.5px;margin-top:3px}.articles-head,.article-grid{display:grid;grid-template-columns:minmax(160px,1.6fr) 100px 100px 200px 110px 86px 96px 56px 118px;gap:12px;align-items:center}.articles-head{padding:10px 12px 6px;color:var(--muted-foreground);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.article-grid{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:10px 12px;margin-top:8px}.article-name-input{font-size:14.5px;font-weight:600;color:var(--navy)}.article-grid .row-meta{margin-top:2px}.budget-cell{display:flex;align-items:center;gap:8px}.budget-cell .input-eur,.budget-cell>input{flex:1;min-width:0}.cell-center{display:flex;justify-content:center}.article-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}@media(max-width:900px){.articles-head{display:none}.article-grid{grid-template-columns:1fr 1fr}.article-grid>:first-child,.article-actions{grid-column:1 / -1}.article-actions{justify-content:flex-start}}.client-head{display:flex;align-items:center;gap:18px}.client-head.clickable{cursor:pointer;border-radius:10px;margin:-8px;padding:8px;transition:background .12s}.client-head.clickable:hover{background:var(--bg)}.client-name{min-width:150px;display:flex;align-items:center;gap:8px;flex-shrink:0}.client-head .inline{flex-shrink:0;margin-left:auto;align-items:center}.model-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip-toggle{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .12s}.chip-toggle:hover{background:var(--bg)}.chip-toggle.on{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.chip-toggle:disabled{opacity:.45;cursor:not-allowed}.token-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.token{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:12.5px;color:var(--ink);max-width:100%}.token.wild{border-color:var(--orange);background:var(--tint);color:var(--orange-dark);font-weight:600}.token button{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;padding:0;border:0;border-radius:50%;background:color-mix(in oklch,var(--foreground) 7%,transparent);color:inherit;cursor:pointer}.token button:hover{background:var(--destructive);color:var(--primary-foreground)}.target-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}.target-list li{display:flex;align-items:center;gap:8px;max-width:420px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.target-rank{flex:0 0 20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--tint);color:var(--orange-dark);font-size:11px;font-weight:700}.target-name{flex:1 1 auto;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-list li:has(.target-hint){max-width:760px}.target-name:has(+.target-hint){flex:0 0 180px}.target-hint{flex:1 1 auto;min-width:0;font-size:12.5px;padding:4px 8px}.target-list li button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted-foreground);cursor:pointer}.target-list li button:hover:not(:disabled){background:var(--bg);color:var(--navy)}.target-list li button:disabled{opacity:.3;cursor:not-allowed}.model-check{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:13px;color:var(--ink);transition:border-color .12s,background .12s}.model-check:hover{background:var(--bg)}.model-check.on{border-color:var(--orange);background:var(--tint);color:var(--orange-dark);font-weight:600}.model-check.locked{cursor:not-allowed;opacity:.7}.model-check input{width:auto;margin:0;accent-color:var(--orange);flex-shrink:0}.model-check span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch{position:relative;width:40px;height:22px;border-radius:999px;padding:0;border:1px solid var(--line);background:var(--border);cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}.switch.on{background:var(--orange);border-color:var(--orange)}.switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--card);box-shadow:var(--shadow-soft);transition:left .15s}.switch.on .switch-knob{left:20px}.budget{display:flex;flex-direction:column;gap:4px;flex:1;min-width:150px;max-width:320px}.budget-track{height:7px;border-radius:5px;background:var(--line);overflow:hidden}.budget-track.unlimited{background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}.budget-fill{height:100%;border-radius:5px;transition:width .2s}.budget-text{font-size:12px;color:var(--ink);white-space:nowrap}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-6px;background:none;border:0;border-radius:8px;color:var(--muted-foreground);cursor:pointer;padding:0}.nav-toggle:hover{background:var(--hover);color:var(--ink)}.nav-backdrop,.sidebar.hidden{display:none}@media(max-width:900px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;height:100vh;transform:translate(0);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.sidebar.hidden{display:flex;transform:translate(-100%)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--foreground) 42%,transparent);z-index:55;border:0}.wrap{padding:18px 16px 48px}.card table{display:block;overflow-x:auto;white-space:nowrap}.subtabs{overflow-x:auto;scrollbar-width:none}.subtabs::-webkit-scrollbar{display:none}.subtab{flex:0 0 auto}}@media(max-width:760px){.client-head{flex-wrap:wrap;gap:10px}.client-name{min-width:0;flex:1 1 auto}.budget{flex-basis:100%;max-width:none}.client-head .inline{margin-left:auto}.cred-id{min-width:0}.target-list li{max-width:100%}}@media(max-width:560px){.topbar{padding:0 12px;gap:10px}.user-meta{display:none}.brand-name{font-size:14px}.wrap{padding:14px 12px 40px}.card{padding:16px 14px}.card h2{font-size:18px}.usage-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.usage-stat{padding:13px 14px}.usage-stat-num{font-size:21px}.usage-stat-icon{display:none}.row{gap:8px}.field{min-width:100%}.insight-grid{grid-template-columns:1fr;gap:16px}input,select,textarea{font-size:16px}.cell-input{width:84px;font-size:15px}.factor-row>input{width:60px;font-size:15px}.inline>.btn,.row>.btn{flex:1 1 auto;min-width:130px}.modal-overlay{padding:4vh 10px 10px}.modal{padding:16px 14px;max-height:92vh;border-radius:12px}.usage-chart.stacked{--uc-axis: 42px;--uc-pad: 8px;height:190px}.usage-chart{height:100px}.cred-desc{max-width:100%}.table.matrix th:not(:first-child){width:62px}.setting-grid{grid-template-columns:1fr}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.wrap>*{animation:fade-in .2s ease both}.modal,.panel{animation:scale-in .15s ease both}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.card.hoverable:hover,.btn:hover{transform:none}}.theme-btns{display:inline-flex;gap:6px;align-items:center}.theme-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0}.theme-dot.on{border-color:var(--foreground)}
