@font-face{font-family:Inter;src:url(/reference/inter.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@layer theme,base;@layer app{:root{--red:#be0030;--ink:#191b1e;--muted:#6c6d73;--line:#e6e6e9;--paper:#f8f9fb}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1px;font-size:32px;font-weight:700}h2{font-size:23px;font-weight:700}h3{font-size:17px;font-weight:600}p{color:var(--muted);line-height:1.65}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dcdde1;border-radius:9px;padding:11px 12px}input[type=checkbox]{width:auto}textarea{min-height:90px}label{gap:7px;margin-bottom:16px;font-weight:500;display:grid}small{color:var(--muted)}.btn{background:var(--red);color:#fff;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 19px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #be003018}.btn.secondary{border-color:var(--line);color:var(--ink);box-shadow:none;background:#fff}.btn.danger{background:#a70027}.full{width:100%}.card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:24px;box-shadow:0 2px 5px #15151a03}.badge{color:#a4002b;background:#fbe6eb;border-radius:20px;padding:5px 9px;font-size:12px;display:inline-block}.badge.green{color:#13744c;background:#e6f6ed}.notice{color:#714c1a;background:#fff3e5;border:1px solid #f0d6b3;border-radius:9px;padding:12px}.reference-notice{text-align:center;color:#78571f;z-index:60;background:#fff2dc;padding:7px 16px;font-size:11px;position:relative}.reference-home{font-size:16px}.reference-home [style*="opacity: 0"]{opacity:1!important}.public-header{align-items:center;gap:24px;max-width:1120px;margin:auto;padding:24px 20px;display:flex}.public-header nav{background:#ffffffb0;border-radius:40px;flex:1;justify-content:center;gap:28px;padding:20px;display:flex;box-shadow:0 7px 14px #15151a08}.public-main{max-width:1120px;min-height:55vh;margin:55px auto 90px;padding:0 24px}.public-main>h1{text-align:center;margin-bottom:48px;font-size:48px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.public-footer{border-top:1px solid var(--line);padding:40px max(24px,50vw - 540px)}.public-footer nav{flex-wrap:wrap;gap:24px;margin:24px 0;display:flex}.pricing-card{max-width:520px;margin:auto}.pricing-card details{border-bottom:1px solid var(--line);padding:20px 0}.auth-page{background:radial-gradient(ellipse at 35% 20%,#f8e4e9,transparent 55%),var(--paper);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.auth-card{width:440px;max-width:100%;padding:35px}.auth-card h1{margin-top:30px}.divider{text-align:center;color:var(--muted);margin:24px 0;font-size:12px}.auth-links{flex-wrap:wrap;gap:18px;margin-top:24px;font-size:12px;display:flex}.workspace{height:100dvh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#ffffffed;flex-direction:column;flex-shrink:0;width:256px;transition:width .2s;display:flex}.sidebar.collapsed{width:80px}.sidebar.collapsed .nav-name,.sidebar.collapsed .upgrade,.sidebar.collapsed .brand img{display:none}.brand{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:80px;padding:16px;display:flex}.brand img{width:170px}.icon-button{color:var(--muted);background:0 0;border:0;place-items:center;padding:6px;display:grid}.sidebar nav{gap:4px;padding:12px;display:grid}.sidebar nav a{color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-weight:500;display:flex}.sidebar nav a.active{background:var(--red);color:#fff;box-shadow:0 7px 16px #be003030}.upgrade{background:linear-gradient(135deg,#f8e5e9,#fcf6f8);border:1px solid #eecdd6;border-radius:12px;margin:auto 12px 24px;padding:16px}.upgrade p{margin-top:6px;font-size:12px}.upgrade a{color:var(--red);text-align:center;font-weight:600;display:block}.app-body{flex-direction:column;flex:1;min-width:0;display:flex}.app-header{border-bottom:1px solid var(--line);background:#ffffffcd;flex-shrink:0;align-items:center;gap:16px;height:64px;padding:0 20px;display:flex}.app-header strong{flex:1;font-size:20px}.app-header select{width:auto;max-width:210px;padding:7px}.avatar{width:36px;height:36px;color:var(--red);background:#f5dce3;border-radius:50%;place-items:center;font-weight:600;display:grid}.app-main{flex:1;padding:32px;overflow:auto}.app-content{max-width:1280px;margin:auto}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-heading h1{letter-spacing:-.5px;margin-bottom:4px;font-size:24px}.page-heading p{margin-bottom:0}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metric{padding:42px 20px 35px;position:relative}.metric .metric-icon{color:#5184c7;background:#edf2fd;border-radius:12px;margin-bottom:16px;padding:10px;display:inline-flex}.metric:nth-child(2) .metric-icon{color:#ce8a17;background:#fff4dd}.metric:nth-child(3) .metric-icon{color:#219967;background:#e6f7ee}.metric:nth-child(4) .metric-icon{color:var(--red);background:#f7e8ed}.metric b{margin-bottom:5px;font-size:26px;display:block}.charts{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.chart-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:22px;height:220px;margin-bottom:35px;padding:20px 20px 0;display:flex}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.bar{background:linear-gradient(#dc7d96,#be0030);border-radius:6px 6px 0 0;width:100%;max-width:65px;min-height:1px}.bar-group span{color:var(--muted);white-space:nowrap;font-size:11px;position:absolute;bottom:-26px}.donut{background:#eee;border-radius:50%;place-items:center;width:185px;height:185px;margin:22px auto;display:grid}.donut:after{content:"";background:#fff;border-radius:50%;width:135px;height:135px}.legend{color:var(--muted);justify-content:center;gap:22px;font-size:12px;display:flex}.toolbar{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.toolbar input{flex:1;min-width:160px}.toolbar select{width:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:15px 12px}th{color:var(--muted);font-size:12px;font-weight:500}td a{color:var(--red)}.empty{text-align:center;color:var(--muted);padding:60px 20px}.stack{gap:24px;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:24px;display:grid}.actions{flex-wrap:wrap;gap:10px;display:flex}.dialog-backdrop{z-index:100;background:#15151a60;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{width:570px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 80px #15151a30}.dialog-header{justify-content:space-between;margin-bottom:20px;display:flex}.dialog-header h2{margin:0}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.alert{color:#96233f;background:#fbe9ed;border-radius:9px;margin-bottom:20px;padding:12px 16px}.mobile-menu{display:none}.subtle{color:var(--muted)}.eyebrow{color:var(--red);font-weight:600}.status-line{background:#eff0f3;border-radius:9px;padding:9px 12px;font-size:12px}.toast{color:#196d42;background:#e5f5eb;border-radius:9px;margin-bottom:16px;padding:12px}@media (max-width:1023px){.sidebar{z-index:80;width:280px;position:fixed;inset:0 auto 0 0;box-shadow:20px 0 60px #15151a30}.sidebar.mobile-closed{display:none}.mobile-menu{display:grid}.app-main{padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}.public-header nav{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.app-main{padding:16px}.charts,.two-col,.feature-grid,.form-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start}.metrics{gap:10px}.metric{padding:20px 14px}.metric b{font-size:24px}.app-header{gap:10px;padding:0 12px}.app-header strong{font-size:16px}.app-header select{max-width:120px}.app-header .logout-text{display:none}.card{padding:20px}.public-header{gap:12px}.public-header img{width:125px}.public-main>h1{font-size:36px}.legend{gap:10px}.auth-card{padding:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}@layer components,utilities;.sidebar .brand{flex-shrink:0;gap:8px;height:auto;min-height:108px}.sidebar .brand>a{min-width:0}.sidebar.collapsed .brand{min-height:80px}.sidebar.collapsed .brand>a{display:none}.toolbar select{max-width:100%}.usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.usage-grid strong,.usage-grid small{display:block}.usage-grid small{color:var(--muted);margin-top:5px}.onboarding-panel h2{margin-top:0}.onboarding-panel li{margin:10px 0}@media (max-width:640px){.usage-grid{grid-template-columns:1fr}}