:root{--background: 0 0% 100%;--foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--border: 214.3 31.8% 91.4%;--destructive: 0 100% 50%;--radius: .5rem;--page: #fafafa;--ink: #111827;--ink-soft: #6b7280;--line: #e5e7eb;--line-soft: #f3f4f6;--surface: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink);background:var(--page)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh;background:var(--page)}.sidebar{width:16rem;flex-shrink:0;display:none;flex-direction:column;border-right:1px solid var(--line);background:var(--surface)}.sidebar-brand{padding:1.25rem 1.25rem .75rem}.sidebar-brand h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:#0a0a0a}.sidebar-brand p{margin:.2rem 0 0;font-size:.8rem;color:var(--ink-soft)}.nav{display:grid;gap:.25rem;padding:.75rem}.nav button{text-align:left;border:1px solid transparent;background:transparent;border-radius:.5rem;padding:.6rem .75rem;color:#374151;cursor:pointer}.nav button:hover{background:#f9fafbe6;border-color:var(--line)}.nav button.active{background:#f9fafbf2;border-color:#9ca3af;color:#111827;font-weight:600}.sidebar-foot{margin-top:auto;padding:1rem 1.25rem;border-top:1px solid var(--line-soft);font-size:.85rem;color:var(--ink-soft)}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.mobile-bar{display:flex;height:4rem;align-items:center;gap:.75rem;border-bottom:1px solid var(--line);background:var(--surface);padding:0 1rem}.mobile-bar h1{margin:0;font-size:1.05rem;font-weight:700}.icon-btn{border:0;background:transparent;border-radius:.5rem;padding:.45rem .55rem;cursor:pointer}.icon-btn:hover{background:#f3f4f6}.content{flex:1;overflow:auto}.content-inner{width:min(72rem,100%);margin:0 auto;padding:1rem 1rem 2.5rem;display:grid;gap:1.25rem}@media(min-width:640px){.content-inner{padding:1.25rem 1.5rem 2.5rem}}@media(min-width:1024px){.sidebar{display:flex}.mobile-bar{display:none}.content-inner{padding:1.75rem 2rem 3rem}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}.drawer{position:fixed;inset:0 auto 0 0;width:16rem;z-index:50;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .2s ease}.drawer.open{transform:translate(0)}@media(min-width:1024px){.drawer,.drawer-backdrop{display:none!important}}.page-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.page-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.page-header h2{margin:0;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:700;letter-spacing:-.02em;color:#0a0a0a}.page-header p{margin:.35rem 0 0;font-size:.9rem;color:var(--ink-soft)}.card{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;box-shadow:var(--shadow-sm);overflow:hidden}.card-pad{padding:1.25rem}.card-title{margin:0;font-size:.95rem;font-weight:600;color:#111827}.muted{color:var(--ink-soft);font-size:.875rem}.btn{border:0;border-radius:.375rem;padding:.5rem .9rem;font-size:.875rem;font-weight:500;cursor:pointer;background:#171717;color:#fafafa}.btn:hover{background:#262626}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:#fff;color:#111827;border:1px solid var(--line)}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-danger-soft{background:#fff;color:#7f1d1d;border:1px solid var(--line)}.btn-danger-soft:hover{background:#fef2f2}.field{display:grid;gap:.35rem;font-size:.875rem}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:.375rem;padding:.55rem .7rem;background:#fff}.field input:focus,.field select:focus{outline:2px solid #9ca3af;outline-offset:1px}.grid-kpi{display:grid;gap:.85rem;grid-template-columns:1fr}@media(min-width:640px){.grid-kpi{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-kpi{grid-template-columns:repeat(4,1fr)}}.kpi{padding:1rem 1.1rem}.kpi .label{font-size:.8rem;color:var(--ink-soft)}.kpi .value{margin-top:.35rem;font-size:1.6rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.filters{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:640px){.filters{grid-template-columns:2fr 1fr 1fr auto;align-items:end}}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:600}.badge-active{background:#dcfce7;color:#14532d}.badge-disabled{background:#fef3c7;color:#78350f}.badge-archived{background:#fee2e2;color:#7f1d1d}.badge-neutral{background:#f3f4f6;color:#4b5563}.flash{border:1px solid var(--line);border-radius:.5rem;padding:.9rem 1rem;background:#fff;box-shadow:var(--shadow-sm)}.flash-key{border-color:#bbf7d0;background:#f0fdf4}.flash-error{border-color:#fecaca;background:#fef2f2;color:#7f1d1d}.write-key{display:block;margin-top:.55rem;padding:.65rem .75rem;border-radius:.375rem;background:#111827;color:#ecfdf5;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.project-list{list-style:none;margin:0;padding:0}.project-list li{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;border-top:1px solid var(--line-soft)}.project-list li:first-child{border-top:0}@media(min-width:720px){.project-list li{flex-direction:row;justify-content:space-between;align-items:flex-start}}.actions{display:flex;flex-wrap:wrap;gap:.4rem}.actions .btn{font-size:.8rem;padding:.4rem .65rem}.meta{display:flex;flex-wrap:wrap;gap:.5rem .85rem;margin-top:.35rem;color:var(--ink-soft);font-size:.8rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:var(--page)}.login-card{width:min(24rem,100%)}.bar-list{display:grid;gap:.55rem}.bar-row{display:grid;grid-template-columns:7rem 1fr 3rem;gap:.5rem;align-items:center;font-size:.8rem}.bar-track{height:.5rem;border-radius:999px;background:#e5e7eb;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:#171717}.table-wrap{overflow:auto}table.data{width:100%;border-collapse:collapse;font-size:.8rem}table.data th,table.data td{text-align:left;padding:.65rem .75rem;border-top:1px solid var(--line-soft);vertical-align:top}table.data th{font-weight:600;color:var(--ink-soft);background:#fafafa;border-top:0}.empty{padding:2rem 1rem;text-align:center;color:var(--ink-soft)}.create-form{display:grid;gap:.75rem}@media(min-width:640px){.create-form{grid-template-columns:1fr 1fr auto;align-items:end}}.tabs{display:flex;flex-wrap:wrap;gap:.35rem}.tabs button{border:1px solid var(--line);background:#fff;border-radius:.375rem;padding:.4rem .7rem;font-size:.8rem;cursor:pointer}.tabs button.active{background:#171717;color:#fff;border-color:#171717}.check{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ink-soft)}@media(min-width:900px){.analytics-split{grid-template-columns:1fr 1fr!important}}