@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap";:root{font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;color:#141c18;background-color:#f4efe7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Source Serif 4", serif;--ink-900: #141c18;--ink-700: #2a3a2f;--ink-600: #3c4b41;--ink-500: #56655b;--sage-700: #29523e;--sage-600: #3a6d53;--sage-500: #528a6d;--amber-700: #a15320;--amber-500: #f2a25d;--rose-700: #9a2d34;--sand-100: #f6f1ea;--sand-50: #fbf8f3;--shadow-soft: 0 16px 45px rgba(20, 28, 24, .08)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,236,213,.7),transparent 40%),#f4efe7}button{font-family:inherit;cursor:pointer;border:none;background:none}#root{min-height:100vh}.app{position:relative;min-height:100vh;color:var(--ink-900)}.background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.orb{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(242,162,93,.35),transparent 60%);filter:blur(10px)}.orb--one{top:-120px;right:-120px}.orb--two{bottom:-180px;left:-120px;background:radial-gradient(circle,rgba(82,138,109,.35),transparent 65%)}.gridlines{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(18,32,24,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(18,32,24,.06) 1px,transparent 1px);background-size:120px 120px;opacity:.4}.shell{position:relative;display:grid;grid-template-columns:240px 1fr;min-height:100vh;gap:24px;padding:32px 40px;transition:grid-template-columns .3s ease}.shell:has(.sidebar:not(.sidebar--open)){grid-template-columns:0 1fr}.sidebar{background:var(--sand-100);border:1px solid rgba(18,32,24,.08);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:32px;box-shadow:var(--shadow-soft);transition:transform .3s ease,width .3s ease;overflow:hidden}.sidebar:not(.sidebar--open){transform:translate(-100%);width:0;padding:0;border:0;opacity:0}.sidebar--open{transform:translate(0);width:240px;opacity:1}.brand{display:flex;align-items:center;gap:12px}.brand__text{flex:1;min-width:0}.brand__mark{width:40px;height:40px;flex-shrink:0;border-radius:12px;background:linear-gradient(130deg,var(--sage-500),var(--amber-500));color:#fff;font-weight:700;display:grid;place-items:center;font-family:var(--font-display)}.brand__name{font-weight:600;margin:0}.brand__role{margin:0;color:var(--ink-500);font-size:.85rem}.nav{display:flex;flex-direction:column;gap:10px}.nav__item{display:block;border:0;text-align:left;padding:10px 14px;border-radius:12px;background:transparent;font-weight:500;color:var(--ink-700);text-decoration:none}.nav__item--active{background:#528a6d26;color:var(--sage-700)}.sidebar__footer{margin-top:auto;border-top:1px solid rgba(18,32,24,.08);padding-top:16px}.sidebar__label{margin:0 0 8px;color:var(--ink-500);font-size:.85rem}.sidebar__meta{margin:0 0 12px;font-weight:600}.sidebar__action{width:100%;border:1px solid rgba(18,32,24,.15);background:#fff;border-radius:10px;padding:8px 10px;font-weight:600}.main{display:flex;flex-direction:column;gap:24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{margin:0;color:var(--amber-700);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.topbar h1{margin:6px 0;font-family:var(--font-display);font-size:clamp(1.8rem,2.6vw,2.8rem)}.subtext{margin:0;color:var(--ink-600);max-width:480px}.topbar__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{border-radius:999px;border:1px solid rgba(18,32,24,.15);padding:6px 12px;font-weight:600;font-size:.85rem;color:var(--ink-600);background:#fff}.pill--active{background:var(--sage-600);color:#fff;border-color:transparent}.cta{border-radius:12px;padding:10px 16px;background:var(--ink-900);color:#fff;font-weight:600;border:none}.avatar{width:40px;height:40px;border-radius:14px;background:var(--amber-500);color:#fff;display:grid;place-items:center;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.card{background:#ffffffe6;border:1px solid rgba(18,32,24,.08);border-radius:20px;padding:18px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.card__label{margin:0;font-weight:600;color:var(--ink-700)}.card__change{font-size:.8rem;color:var(--sage-700)}.card__value{font-size:2rem;font-weight:700;margin:12px 0 6px}.card__detail{margin:0;color:var(--ink-500);font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{background:#ffffffeb;border-radius:22px;border:1px solid rgba(18,32,24,.08);padding:20px;box-shadow:var(--shadow-soft)}.panel--wide{grid-column:span 2}.panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel__meta{color:var(--ink-500);font-size:.85rem}.panel h2{margin:0;font-family:var(--font-display);font-size:1.2rem}.page-status{min-height:100vh;display:grid;place-items:center;text-align:center;padding:32px;color:var(--ink-700);background:var(--sand-100)}.driver-list{display:flex;flex-direction:column;gap:12px}.driver{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:14px;background:var(--sand-50)}.driver__name{margin:0;font-weight:600}.driver__meta{margin:4px 0 0;color:var(--ink-500);font-size:.85rem}.driver__metrics{display:flex;gap:8px;align-items:center;font-size:.85rem}.status{padding:4px 8px;border-radius:999px;background:#528a6d29;color:var(--sage-700);font-weight:600}.risk{padding:4px 8px;border-radius:999px;font-weight:600}.risk--low{background:#528a6d26;color:var(--sage-700)}.risk--medium{background:#f2a25d33;color:var(--amber-700)}.risk--high{background:#c6464a33;color:var(--rose-700)}.ubpk{font-weight:700}.leaderboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trend{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:12px;align-items:end;min-height:180px}.trend__item{display:grid;justify-items:center;gap:8px;font-size:.8rem;color:var(--ink-500)}.trend__bar{width:100%;border-radius:12px;background:linear-gradient(180deg,var(--amber-500),var(--sage-500));min-height:12px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.toggle{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink-600)}.textarea{min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.4}.stack{display:flex;flex-direction:column;gap:12px}.stack__row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 12px;border-radius:14px;background:var(--sand-50);border:1px solid rgba(18,32,24,.08)}.stack__title{margin:0;font-weight:600}.stack__meta{margin:4px 0 0;font-size:.85rem;color:var(--ink-500)}.tag{padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600;background:#12201814;color:var(--ink-700);white-space:nowrap}.tag--good{background:#528a6d33;color:var(--sage-700)}.tag--warn{background:#f2a25d33;color:var(--amber-700)}.tag--bad{background:#c6464a33;color:var(--rose-700)}.table{display:grid;gap:8px}.table__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--sand-50);border:1px solid rgba(18,32,24,.08);font-size:.9rem}.table__row--header{background:transparent;border:none;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);font-weight:600}.kv{display:flex;flex-direction:column;gap:10px}.kv__row{display:flex;justify-content:space-between;gap:16px;align-items:center}.kv__label{font-size:.85rem;color:var(--ink-500)}.kv__value{font-weight:600;color:var(--ink-800)}.login{min-height:100vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:center;padding:48px 8vw;background:radial-gradient(circle at top left,rgba(255,236,213,.8),transparent 45%),#f4efe7}.login__panel{background:#fff;border-radius:24px;padding:32px;box-shadow:var(--shadow-soft)}.login__panel h1{font-family:var(--font-display);margin:8px 0 12px}.login__form{margin-top:24px;display:grid;gap:12px}.login__label{font-weight:600;display:block;margin-bottom:6px;color:var(--ink-700)}.login__input{width:100%;border:1px solid rgba(18,32,24,.2);border-radius:12px;padding:10px 12px;font-size:.95rem;font-family:inherit}.login__input:focus{outline:none;border-color:var(--sage-600)}.login__submit{width:100%;margin-top:4px}.login__error{color:var(--rose-700);font-size:.9rem;margin:0;padding:8px 12px;background:#c6464a1a;border-radius:8px}.login__footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(18,32,24,.08);font-size:.9rem;color:var(--ink-500);text-align:center}.login__link{color:var(--sage-700);font-weight:600;text-decoration:none}.login__link:hover{text-decoration:underline}.login__side{display:grid;gap:16px}.login__card{background:#fffc;border-radius:20px;padding:24px;box-shadow:var(--shadow-soft)}.login__card--dark{background:var(--ink-900);color:#fff}.login__card ul{padding-left:18px;margin:12px 0 0;color:var(--ink-600)}.login__card--dark ul{color:#fffc}.leaderboard__title{margin:0 0 8px;font-weight:600;color:var(--ink-600)}.leaderboard__row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(18,32,24,.1);font-size:.9rem}.leaderboard__score{font-weight:700}.leaderboard__delta{font-weight:600}.leaderboard__delta.down{color:var(--sage-700)}.leaderboard__delta.up{color:var(--rose-700)}.radar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.2fr;gap:14px}.radar__card{padding:14px;border-radius:16px;background:var(--sand-50);border:1px solid rgba(18,32,24,.08)}.radar__card h3{margin:8px 0;font-size:1.4rem}.radar__card span{font-size:.85rem;color:var(--ink-500)}.radar__insight{padding:16px;border-radius:16px;background:var(--ink-900);color:#fff;display:flex;flex-direction:column;gap:8px}.radar__insight h4{margin:0}.radar__insight p{margin:0;color:#fffc;font-size:.9rem}.ghost{display:inline-flex;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:10px;padding:8px 12px;font-weight:600;align-self:flex-start;text-decoration:none}.ghost--light{color:var(--ink-700);border-color:#12201833;background:#fff}.alerts{display:flex;flex-direction:column;gap:12px}.alert{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:14px;background:var(--sand-50);border:1px solid rgba(18,32,24,.08)}.alert__title{margin:0;font-weight:600}.alert__meta{margin:6px 0 0;font-size:.85rem;color:var(--ink-500)}.alert__details{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.badge{padding:4px 8px;border-radius:999px;font-weight:600;font-size:.8rem}.badge--high{background:#c6464a33;color:var(--rose-700)}.badge--medium{background:#f2a25d33;color:var(--amber-700)}.alert__time{font-size:.8rem;color:var(--ink-500)}.reveal{animation:rise .6s ease forwards;opacity:0;transform:translateY(10px)}@keyframes rise{to{opacity:1;transform:translateY(0)}}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px;background:transparent;border:none;cursor:pointer;z-index:1000;transition:transform .3s ease}.menu-toggle:hover{transform:scale(1.1)}.menu-toggle span{width:24px;height:2px;background:var(--ink-900);border-radius:2px;transition:all .3s ease}.sidebar-toggle{display:none;width:32px;height:32px;flex-shrink:0;border-radius:8px;background:#0000001a;border:none;font-size:20px;color:var(--ink-900);cursor:pointer;margin-left:auto;transition:background .2s ease}.sidebar-toggle:hover{background:#00000026}.sidebar-overlay{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.topbar__left{display:flex;align-items:flex-start;gap:12px}@media(max-width:1100px){.shell{grid-template-columns:1fr;padding:20px;gap:20px}.shell:has(.sidebar:not(.sidebar--open)){grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1001;border-radius:0 24px 24px 0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease}.sidebar-toggle{display:block}.grid{grid-template-columns:1fr}.panel--wide{grid-column:span 1}.radar{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.table__row{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));font-size:.85rem}.form-row{grid-template-columns:1fr}.topbar h1{font-size:clamp(1.5rem,4vw,2rem)}}@media(max-width:768px){body{overflow-x:hidden}.shell{padding:16px;gap:16px}.orb{width:320px;height:320px}.sidebar{width:280px;max-width:85vw;border-radius:0}.sidebar--open{transform:translate(0)}.sidebar-overlay,.sidebar-toggle{display:block}.brand{flex-wrap:wrap}.nav{gap:8px}.topbar{flex-direction:column;align-items:flex-start;gap:16px}.topbar__left{width:100%}.topbar__actions{width:100%;justify-content:space-between}.topbar h1{font-size:clamp(1.4rem,5vw,1.8rem);margin:4px 0}.eyebrow{font-size:.75rem}.subtext{font-size:.9rem}.leaderboard,.radar{grid-template-columns:1fr}.driver{flex-direction:column;align-items:flex-start;gap:8px}.kpi-grid{grid-template-columns:1fr}.card__value{font-size:1.6rem}.panel{padding:16px}.panel h2{font-size:1.1rem}.trend{min-height:140px;gap:8px}.login{grid-template-columns:1fr;padding:32px 20px}.login__panel{padding:24px}.avatar{width:36px;height:36px;font-size:.9rem}.alert{flex-direction:column;gap:10px}.alert__details{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}}@media(max-width:480px){.shell{padding:12px;gap:12px}.topbar h1{font-size:1.3rem}.card,.panel{padding:14px}.sidebar{width:260px;padding:20px}.brand__mark{width:36px;height:36px;font-size:.9rem}.brand__name{font-size:.95rem}.brand__role{font-size:.8rem}.nav__item{padding:9px 12px;font-size:.95rem}.table__row{grid-template-columns:1fr;gap:8px}.stack__row{flex-direction:column;align-items:flex-start}.kv__row{flex-direction:column;align-items:flex-start;gap:4px}.pill{font-size:.8rem;padding:5px 10px}.cta{width:100%;text-align:center}.topbar__actions{flex-wrap:nowrap;overflow-x:auto}}@media(max-width:900px)and (max-height:500px){.sidebar{padding:16px;gap:16px}.nav{gap:6px}.nav__item{padding:7px 12px}.sidebar__footer{padding-top:12px}}