:root{--blue: #1e88ff;--purple: #a020f0;--grad: linear-gradient(120deg, #1e88ff, #7b3ff2 55%, #a020f0);--grad-soft: linear-gradient(120deg, rgba(30, 136, 255, .16), rgba(160, 32, 240, .16));--font-ui: "Manrope", system-ui, sans-serif;--font-display: "Sora", "Manrope", sans-serif;--font-mono: "IBM Plex Mono", monospace;--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1)}[data-theme=dark]{--bg: #070a18;--bg-raise: #0c102a;--surface: #10142e;--surface-2: #171c40;--line: rgba(148, 160, 255, .13);--line-strong: rgba(148, 160, 255, .24);--ink: #eef1ff;--sub: #a7b0d6;--muted: #6e78a3;--good: #2ed3a3;--good-bg: rgba(46, 211, 163, .13);--warn: #ffb224;--warn-bg: rgba(255, 178, 36, .14);--bad: #ff5c7a;--bad-bg: rgba(255, 92, 122, .13);--blue-bg: rgba(30, 136, 255, .14);--purple-bg: rgba(160, 32, 240, .15);--shadow: 0 20px 50px -24px rgba(3, 6, 24, .9);--glow-1: rgba(30, 136, 255, .15);--glow-2: rgba(160, 32, 240, .12);--topbar: rgba(7, 10, 24, .82)}[data-theme=light]{--bg: #f2f4fc;--bg-raise: #ffffff;--surface: #ffffff;--surface-2: #f6f8fe;--line: #e3e7f6;--line-strong: #ccd3ee;--ink: #101736;--sub: #4c567e;--muted: #8b93b4;--good: #0da678;--good-bg: rgba(13, 166, 120, .12);--warn: #c47d09;--warn-bg: rgba(196, 125, 9, .13);--bad: #e11d55;--bad-bg: rgba(225, 29, 85, .1);--blue-bg: rgba(30, 136, 255, .11);--purple-bg: rgba(160, 32, 240, .1);--shadow: 0 18px 44px -26px rgba(28, 39, 96, .35);--glow-1: rgba(30, 136, 255, .1);--glow-2: rgba(160, 32, 240, .08);--topbar: rgba(242, 244, 252, .85)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14.5px;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 520px at 12% -8%,var(--glow-1),transparent 60%),radial-gradient(820px 560px at 96% 14%,var(--glow-2),transparent 62%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(720px 420px at 18% 0%,rgba(0,0,0,.5),transparent 70%);-webkit-mask-image:radial-gradient(720px 420px at 18% 0%,rgba(0,0,0,.5),transparent 70%)}input,button,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}::selection{background:#1e88ff59}.app{position:relative;z-index:1;display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 14px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--bg-raise),transparent 70%)}.sidebar__brand{display:flex;align-items:center;gap:11px;padding:2px 8px 18px}.brand__text .brand__name{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.15}.brand__text .brand__tag{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.sidebar__tenant{margin:0 4px 14px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);font-size:12.5px;color:var(--sub);font-weight:600}.sidebar__tenant b{color:var(--ink);font-weight:700}.nav{flex:1;overflow-y:auto;padding:2px 0}.nav__group{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:14px 10px 6px}.nav__item{position:relative;width:100%;display:flex;align-items:center;gap:11px;padding:9px 10px;margin-bottom:2px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--sub);font-size:13.5px;font-weight:600;text-align:left;transition:background .15s ease-out,color .15s ease-out}.nav__item:hover{background:var(--surface);color:var(--ink)}.nav__item.is-active{background:var(--surface-2);color:var(--ink)}.nav__item.is-active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--grad)}.nav__item.is-active svg{color:var(--blue)}.nav__badge{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:var(--pill);background:var(--bad-bg);color:var(--bad)}.nav__badge--brand{background:var(--blue-bg);color:var(--blue)}.sidebar__foot{border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.sidebar__user{display:flex;align-items:center;gap:10px;padding:6px 8px}.avatar{width:34px;height:34px;border-radius:var(--pill);background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;flex:none}.sidebar__user b{display:block;font-size:13px;line-height:1.25}.sidebar__user span{font-size:11.5px;color:var(--muted)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:14px 28px;border-bottom:1px solid var(--line);background:var(--topbar);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topbar__title{min-width:0;margin-right:auto}.topbar__eyebrow{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.topbar__h{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--sub);font-size:12.5px;font-weight:600}.filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:12.5px;font-weight:700;color:var(--ink);padding-right:16px;outline:none;max-width:165px}.filter .chev{position:absolute;right:8px;pointer-events:none;color:var(--muted)}.iconbtn{position:relative;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--sub);transition:color .15s,border-color .15s}.iconbtn:hover{color:var(--ink);border-color:var(--line-strong)}.iconbtn__dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:var(--pill);background:var(--bad);box-shadow:0 0 0 3px var(--bg)}.source-pill{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:700;color:var(--sub);white-space:nowrap}.source-pill .dot{width:7px;height:7px;border-radius:var(--pill)}.dot--live{background:var(--good);box-shadow:0 0 #2ed3a380;animation:pulse 2.2s infinite}.dot--demo{background:var(--warn)}.dot--csv{background:var(--blue)}@keyframes pulse{0%{box-shadow:0 0 #2ed3a373}70%{box-shadow:0 0 0 7px #2ed3a300}to{box-shadow:0 0 #2ed3a300}}.content{flex:1;padding:24px 28px 96px;max-width:1560px;width:100%;margin:0 auto}.rise{opacity:0;animation:rise .65s var(--ease) forwards;animation-delay:var(--d, 0ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 18px;flex-wrap:wrap}.pagehead h1{font-family:var(--font-display);font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.15}.pagehead .sub{color:var(--sub);font-size:13.5px;margin-top:4px;max-width:62ch}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card--pad{padding:18px 20px}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.card__title{font-family:var(--font-display);font-size:14.5px;font-weight:700;letter-spacing:-.01em}.card__sub{font-size:12px;color:var(--muted);margin-top:2px}.grid{display:grid;gap:14px}.grid--kpi{grid-template-columns:repeat(auto-fill,minmax(212px,1fr))}.grid--12{grid-template-columns:repeat(12,minmax(0,1fr))}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.kpi{padding:16px 16px 12px;overflow:hidden;transition:transform .25s var(--ease),border-color .25s}.kpi:hover{transform:translateY(-3px);border-color:var(--line-strong)}.kpi__top{display:flex;align-items:center;gap:9px}.kpi__icon{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--blue-bg);color:var(--blue)}.kpi:nth-child(2n) .kpi__icon{background:var(--purple-bg);color:var(--purple)}.kpi__label{font-size:12.5px;font-weight:700;color:var(--sub);line-height:1.3}.kpi__value{font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:-.02em;margin-top:10px;font-variant-numeric:tabular-nums;line-height:1.1}.kpi__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.kpi__prev{font-size:11px;color:var(--muted)}.kpi__spark{margin:6px -16px -12px;height:34px}.delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:var(--pill);font-variant-numeric:tabular-nums}.delta--good{background:var(--good-bg);color:var(--good)}.delta--bad{background:var(--bad-bg);color:var(--bad)}.delta--flat{background:var(--surface-2);color:var(--sub)}.insights{position:relative;display:flex;align-items:center;gap:14px;padding:13px 18px;margin-bottom:16px;border-radius:var(--r-lg);border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad) border-box;overflow:hidden}.insights:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 5.5s ease-in-out infinite;pointer-events:none}@keyframes shimmer{45%{transform:translate(100%)}to{transform:translate(100%)}}.insights__icon{width:34px;height:34px;flex:none;border-radius:var(--r-sm);background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center}.insights__label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.insights__text{font-size:13.5px;color:var(--ink);font-weight:600;line-height:1.45}.insights__nav{margin-left:auto;display:flex;gap:5px;flex:none}.insights__dotbtn{width:7px;height:7px;padding:0;border:none;border-radius:var(--pill);background:var(--line-strong);transition:background .2s}.insights__dotbtn.is-on{background:var(--blue)}.tablewrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}.tbl th{text-align:left;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:0 10px 9px;white-space:nowrap}.tbl td{padding:11px 10px;border-top:1px solid var(--line);vertical-align:middle;font-variant-numeric:tabular-nums}.tbl tr:hover td{background:var(--surface-2)}.tbl td:first-child,.tbl th:first-child{padding-left:4px}.tbl .num,.tbl th.num{text-align:right}.person{display:flex;align-items:center;gap:9px;min-width:150px}.person .avatar{width:28px;height:28px;font-size:10px}.person b{display:block;font-size:13px;line-height:1.2;white-space:nowrap}.person span{font-size:11px;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:2.5px 9px;border-radius:var(--pill);white-space:nowrap}.chip--good{background:var(--good-bg);color:var(--good)}.chip--warn{background:var(--warn-bg);color:var(--warn)}.chip--bad{background:var(--bad-bg);color:var(--bad)}.chip--blue{background:var(--blue-bg);color:var(--blue)}.chip--purple{background:var(--purple-bg);color:var(--purple)}.chip--mut{background:var(--surface-2);color:var(--sub)}.stoplicht{width:9px;height:9px;border-radius:var(--pill);display:inline-block;flex:none}.stoplicht--good{background:var(--good);box-shadow:0 0 8px var(--good)}.stoplicht--warn{background:var(--warn);box-shadow:0 0 8px var(--warn)}.stoplicht--bad{background:var(--bad);box-shadow:0 0 8px var(--bad)}.meter{height:7px;border-radius:var(--pill);background:var(--surface-2);overflow:hidden}.meter>i{display:block;height:100%;border-radius:var(--pill);background:var(--grad);transition:width .9s var(--ease)}.meter--good>i{background:var(--good)}.meter--warn>i{background:var(--warn)}.meter--bad>i{background:var(--bad)}.statline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:7px}.statline b{font-variant-numeric:tabular-nums}.alert{display:flex;gap:13px;padding:14px 16px;border:1px solid var(--line);border-left-width:3px;border-radius:var(--r-md);background:var(--surface);transition:transform .2s var(--ease),border-color .2s}.alert:hover{transform:translate(3px)}.alert--kritiek{border-left-color:var(--bad)}.alert--hoog{border-left-color:var(--warn)}.alert--middel{border-left-color:var(--blue)}.alert__count{font-family:var(--font-display);font-weight:800;font-size:19px;min-width:44px;text-align:center;border-radius:var(--r-sm);padding:8px 6px;align-self:flex-start;font-variant-numeric:tabular-nums}.alert--kritiek .alert__count{background:var(--bad-bg);color:var(--bad)}.alert--hoog .alert__count{background:var(--warn-bg);color:var(--warn)}.alert--middel .alert__count{background:var(--blue-bg);color:var(--blue)}.alert__unit{display:block;font-family:var(--font-mono);font-style:normal;font-size:8.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin-top:2px}.grid--hr{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:560px){.grid--hr{grid-template-columns:1fr 1fr}}.alert b{font-size:13.5px;display:block}.alert p{margin:3px 0 0;font-size:12.5px;color:var(--sub);line-height:1.45}.alert__go{margin-left:auto;align-self:center;flex:none;border:1px solid var(--line);background:transparent;color:var(--sub);font-size:12px;font-weight:700;padding:6px 12px;border-radius:var(--pill);transition:all .15s}.alert__go:hover{border-color:var(--blue);color:var(--blue)}.btn{display:inline-flex;align-items:center;gap:7px;border:none;border-radius:var(--r-sm);padding:9px 16px;font-size:13px;font-weight:700;transition:transform .15s var(--ease),opacity .15s,box-shadow .2s}.btn--brand{background:var(--grad);color:#fff;box-shadow:0 8px 24px -10px #5a54f58c}.btn--brand:hover{transform:translateY(-1px);box-shadow:0 12px 28px -10px #5a54f5a6}.btn--ghost{background:transparent;border:1px solid var(--line-strong);color:var(--ink)}.btn--ghost:hover{border-color:var(--blue);color:var(--blue)}.btn:disabled{opacity:.55;transform:none;cursor:default}.link{background:none;border:none;padding:0;color:var(--blue);font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.link:hover{text-decoration:underline}.steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.step-card{padding:22px;display:flex;flex-direction:column;gap:14px}.step-card__no{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.step-card h3{margin:0;font-family:var(--font-display);font-size:18px;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}.step-card p.lead{margin:0;color:var(--sub);font-size:13.5px;line-height:1.55}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--r-md);padding:26px 18px;text-align:center;color:var(--sub);font-size:13px;transition:border-color .2s,background .2s}.dropzone.is-over,.dropzone:hover{border-color:var(--blue);background:var(--blue-bg)}.dropzone b{color:var(--ink)}.dropzone input{display:none}.connector{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);transition:border-color .15s}.connector:hover{border-color:var(--line-strong)}.connector__logo{width:34px;height:34px;flex:none;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:13px;color:#fff}.connector b{font-size:13px;display:block;line-height:1.2}.connector span{font-size:11px;color:var(--muted)}.field{display:flex;gap:8px}.field input{flex:1;height:38px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);padding:0 12px;font-size:13px;outline:none;font-family:var(--font-mono)}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ringwrap{position:relative;display:flex;align-items:center;justify-content:center}.ringwrap__center{position:absolute;text-align:center}.ringwrap__center b{font-family:var(--font-display);font-size:24px;font-weight:800;display:block;line-height:1.1;font-variant-numeric:tabular-nums}.ringwrap__center span{font-size:11px;color:var(--muted)}.legend{display:flex;flex-direction:column;gap:7px}.legend__row{display:flex;align-items:center;gap:8px;font-size:13px}.legend__dot{width:9px;height:9px;border-radius:3px;flex:none}.legend__row span:not(.legend__dot){flex:1;color:var(--sub)}.legend__row b{font-variant-numeric:tabular-nums}.login{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:hidden}.login__orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;animation:orb 14s ease-in-out infinite alternate}.login__orb--1{width:480px;height:480px;top:-140px;left:-100px;background:#1e88ff59}.login__orb--2{width:520px;height:520px;bottom:-180px;right:-120px;background:#a020f04d;animation-delay:-7s}@keyframes orb{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.12)}}.login__panel{position:relative;width:min(400px,100%);padding:36px 34px 28px;border-radius:24px;border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(150deg,#1e88ff8c,#94a0ff1f 40%,#a020f08c) border-box;box-shadow:0 40px 90px -40px #030618f2}.login__brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.login__wordmark{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.login__tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.login__h{font-family:var(--font-display);font-size:21px;font-weight:700;margin:0;text-align:center;letter-spacing:-.015em}.login__sub{margin:6px 0 22px;text-align:center;font-size:13.5px;color:var(--sub)}.login__form{display:flex;flex-direction:column;gap:11px}.login__field{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--muted);transition:border-color .15s,box-shadow .15s}.login__field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg);color:var(--blue)}.login__field input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--ink);font-weight:600}.login__field input::placeholder{color:var(--muted);font-weight:500}.login__eye{border:none;background:none;color:var(--muted);padding:4px;display:flex}.login__eye:hover{color:var(--ink)}.login__error{font-size:12.5px;font-weight:700;color:var(--bad);background:var(--bad-bg);border-radius:var(--r-sm);padding:9px 12px;text-align:center}.login__form.is-error .login__field{animation:shake .35s ease-in-out;border-color:var(--bad)}@keyframes shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.login__submit{justify-content:center;height:46px;font-size:14px;margin-top:4px}.login__hint{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.login__hint code{font-family:var(--font-mono);font-size:11px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--sub)}.login__foot{position:absolute;bottom:18px;font-size:11px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-align:center}.bottomnav,.drawer-scrim,.drawer,.iconbtn--menu{display:none}@media(max-width:1240px){.span-3,.span-4{grid-column:span 6}.span-5{grid-column:span 12}.span-6{grid-column:span 6}.span-7,.span-8{grid-column:span 12}}@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:10px 14px;gap:8px}.topbar__h{display:none}.topbar__eyebrow{font-size:9px;white-space:nowrap}.iconbtn--menu{display:inline-flex}.filterbar .filter--desktop{display:none}.content{padding:16px 14px 110px}.steps{grid-template-columns:1fr}.span-6{grid-column:span 12}.bottomnav{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:flex;justify-content:space-around;padding:6px;border-radius:18px;border:1px solid var(--line);background:var(--topbar);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow)}.bottomnav__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;color:var(--muted);font-size:9.5px;font-weight:700;padding:6px 10px;border-radius:12px}.bottomnav__item.is-active{color:var(--ink);background:var(--surface-2)}.bottomnav__item.is-active svg{color:var(--blue)}.bottomnav__badge{position:absolute;top:1px;right:5px;min-width:15px;height:15px;padding:0 4px;border-radius:var(--pill);background:var(--bad);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}.drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#04061299;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.drawer{display:flex;position:fixed;top:0;bottom:0;left:0;z-index:80;width:min(300px,84vw);background:var(--bg-raise);border-right:1px solid var(--line);padding:20px 14px;transform:translate(-102%);transition:transform .3s var(--ease);overflow-y:auto;flex-direction:column}.drawer.is-open{transform:translate(0)}}@media(max-width:560px){.grid--kpi{grid-template-columns:1fr 1fr}.kpi__value{font-size:22px}.pagehead h1{font-size:21px}.alert{flex-wrap:wrap}.alert__go{margin-left:57px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.rise{opacity:1}}