@font-face{font-family:Inter;src:url('/assets/fonts/inter-normal-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-italic-variable.ttf') format('truetype');font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:'STIX Two Text';src:url('/assets/fonts/stix-two-text-normal-variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'STIX Two Text';src:url('/assets/fonts/stix-two-text-italic-variable.ttf') format('truetype');font-style:italic;font-weight:400 700;font-display:swap}
/* Reylin UI kit: Figma 01 Foundations, 03 Navigation & data, 05 Screen examples.
   Shared real product layouts; no sample customer/products or invented controls. */
:root{--kit-ink:#171714;--kit-paper:#f7f5f2;--kit-surface:#fff;--kit-sand:#e9e2d5;--kit-border:#e3dfd7;--kit-muted:#706d65;--kit-secondary:#56544e;--kit-selection:#b8f36a;--ink:var(--kit-ink);--line:var(--kit-border);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--kit-ink);background:var(--kit-paper);font-size:14px;line-height:1.57}
body{background:var(--kit-paper);color:var(--kit-ink)}
h1,h2,.metric-value{font-family:'STIX Two Text',Georgia,serif;font-weight:400;color:var(--kit-ink)}h1{font-size:40px;line-height:46px;letter-spacing:-.5px}h2{font-size:28px;line-height:34px;letter-spacing:-.5px}p{font-size:14px;line-height:22px;color:var(--kit-secondary)}small{font-size:12px;line-height:18px;color:var(--kit-muted)}
.kit-logo{display:block;position:relative;width:106.253px;height:29.909px;flex:none}.kit-logo-symbol{position:absolute;left:0;top:0}.kit-logo-wordmark{position:absolute;left:34.878px;top:2.638px}.kit-nav-icon{flex:none;display:block}
aside{width:256px;padding:24px;background:rgba(233,226,213,.8);backdrop-filter:blur(40px);border:0;border-radius:0 32px 32px 0;overflow-y:auto}aside .brand{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--kit-border);min-height:54px}.workspace{margin:0 0 24px;padding:12px;border-color:var(--kit-border);border-radius:12px}.avatar{background:#f0ede8;color:var(--kit-secondary);border-radius:12px}.nav-label{font-size:12px;line-height:18px;letter-spacing:0;color:var(--kit-muted);margin:0 0 8px}nav a{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;margin:0 0 4px;border-radius:12px;font-size:14px;font-weight:400;color:var(--kit-ink)}nav a.active{background:white;color:var(--kit-ink);box-shadow:none;font-weight:400}nav a:hover{background:#f0ede8}.sidebar-bottom{font-size:12px;border:1px solid var(--kit-border);border-radius:16px;padding:12px;margin-top:24px}
main{margin-left:256px;padding:0 24px;max-width:none}header{height:76px;border:0}.breadcrumb{font-size:12px;color:var(--kit-muted)}.breadcrumb b{color:var(--kit-secondary)}.demo-pill{font-size:11px;letter-spacing:0;border:0;border-radius:999px;background:#fff3ce;color:#7a581d;padding:6px 12px}
.page-head{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:32px;margin:20px 0 24px;border:0;border-radius:24px;background:#f8e8ba;box-shadow:none;gap:24px}.page-head:before,.page-head:after{display:none}.kit-hero-art{position:absolute;right:0;top:0;z-index:-1;pointer-events:none;display:block}.kit-hero-art img{display:block;max-width:none}.page-head>div{position:relative;max-width:650px}.page-head h1{font-size:48px;line-height:52px;max-width:620px}.page-head p{color:var(--kit-secondary);max-width:500px}.eyebrow{font-size:12px;line-height:18px;letter-spacing:0;color:var(--kit-ink)}#export{display:flex;gap:8px;align-items:center;flex:none;background:white;color:var(--kit-ink);border:1px solid var(--kit-border);border-radius:12px;min-height:44px;padding:10px 16px}
.card{background:white;border:0;box-shadow:none;border-radius:24px;padding:24px;margin-bottom:24px}.metrics{gap:24px;margin-bottom:0}.metric-label{font-size:14px;line-height:22px;color:var(--kit-secondary)}.metric-value{font-size:40px;line-height:46px;letter-spacing:-.5px;margin:12px 0}.metric-note{font-size:12px;line-height:18px;color:var(--kit-muted)}.grid{gap:24px}.toolbar{gap:12px;margin:0 0 24px}.date-note{font-size:12px;color:var(--kit-muted)}.source-icon{background:#f0ede8;color:var(--kit-ink)}.bar-track{background:#f0ede8}.bar-fill{background:#d8b77d}.chart{filter:none}.chart-labels{font-size:12px;color:var(--kit-muted)}footer{border-color:var(--kit-border);font-size:12px;color:var(--kit-muted)}
/* Public pages share exact kit typography/logo without inheriting cabinet geometry. */
body:has(>header) main{margin-left:0;padding:0}body:has(>header) header{height:auto}body:has(>header) .brand{display:flex;align-items:center}body:has(>header) h1{font-size:clamp(40px,5.2vw,72px);line-height:1.06}body:has(>header) h2{font-size:32px;line-height:38px}
@media(min-width:701px) and (max-width:1199px){aside{width:220px;padding:20px}main{margin-left:220px;padding:0 24px}.page-head h1{font-size:40px;line-height:46px}.metrics{gap:16px}.metric-value{font-size:32px}.page-head{padding:24px}}
@media(max-width:700px){aside{position:static;width:auto;padding:20px;border-radius:0;backdrop-filter:none;background:var(--kit-paper);border-bottom:1px solid var(--kit-border)}aside .brand{margin:0;padding:0;border:0;min-height:30px}aside .workspace,aside>.nav-label,aside .sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;flex-wrap:nowrap;margin:20px 0 0;gap:4px;padding:4px;background:white;border-radius:16px}nav a{flex:none;white-space:nowrap;font-size:12px;padding:8px;min-height:44px;gap:6px}nav a.active{background:#f0ede8}main{margin:0;padding:0 20px}header{height:64px;gap:12px}.page-head{min-height:260px;padding:24px;border-radius:24px;margin:16px 0 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px}.page-head h1{font-size:40px;line-height:46px;letter-spacing:-.5px}.page-head #export{font-size:12px;padding:8px 12px}.page-head p{font-size:14px}.metrics{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{font-size:30px;line-height:36px}.metric-label{font-size:12px}.card{padding:20px;border-radius:24px;margin-bottom:20px}.toolbar{gap:8px;margin-bottom:20px}.toolbar select{max-width:100%}.grid{gap:20px}h2{font-size:28px;line-height:34px}.kit-hero-art{top:0;right:0}.table-wrap{overflow:auto}footer{font-size:11px}}