@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap";:root{--teal:#0cb2ae;--teal-dark:#08827f;--charcoal:#3d3936;--navy:#104864;--yellow:#ffbf09;--sky:#c1e9fb;--stone:#d7dbdc;--bg:#f3f5f6;--panel:#fff;--text:#3d3936;--muted:#6b6764;--line:#dfe3e4;--brand:var(--teal);--brand-ink:#fff;--good:#08827f;--good-bg:#e3f6f5;--warn:#8a5a00;--warn-bg:#fff4d6;--bad:#b42318;--bad-bg:#fdecea;--info:#104864;--info-bg:#e6f4fb;--mutedc:#4f4b48;--muted-bg:#eceeef;--radius:8px;--font:"Museo Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-size:14px;font-family:var(--font);color:var(--text);background:var(--bg);font-size:var(--font-size)}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.01em;color:var(--charcoal);margin:0 0 4px;font-size:20px;font-weight:800}h2{color:var(--charcoal);margin:0 0 8px;font-size:16px;font-weight:800}h3{margin:12px 0 6px;font-size:14px}.sub{color:var(--muted);margin:0}.muted{color:var(--muted)}.spacer{flex:1}button,a.button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}a.button:hover{text-decoration:none}button:hover:not(:disabled),a.button:hover{border-color:#c5cad3}button:disabled{opacity:.5;cursor:not-allowed}button.primary,a.button.primary{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:700}button.primary:hover:not(:disabled),a.button.primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}button.ghost{background:0 0}button.link{color:var(--info);background:0 0;border:0;padding:0}button.big,a.button.big{min-height:44px;padding:10px 20px;font-size:15px}input,select,textarea{font:inherit;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:6px;padding:6px 10px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--mutedc);font-size:13px;font-weight:600}.field input{padding:9px 11px}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;border-top:4px solid var(--teal);box-shadow:inset 0 1px 0 var(--sky);align-items:center;gap:24px;padding:10px 20px;display:flex;position:sticky;top:0}.topbar .brand{border-right:1px solid var(--line);align-items:center;gap:10px;margin-right:14px;padding-right:16px;text-decoration:none;display:flex}.topbar .brand:hover{text-decoration:none}.topbar .brand:has(+.spacer){border-right:0}.topbar .brand img{width:auto;height:30px;display:block}.brand-app{letter-spacing:.16em;text-transform:uppercase;color:var(--teal);white-space:nowrap;padding:3px 0 0;font-size:11px;font-weight:800;line-height:1}.topbar nav{flex-wrap:wrap;gap:2px;min-width:0;display:flex}.topbar nav a{color:var(--mutedc);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:13.5px;font-weight:600}.topbar nav a:hover{color:var(--teal-dark);text-decoration:none}.topbar nav a.active{background:var(--charcoal);color:#fff}.who{color:var(--muted);align-items:center;gap:10px;display:flex}main{flex-direction:column;flex:1;display:flex}body{background:linear-gradient(90deg, #c1e9fb73 0, #c1e9fb00 9%, #c1e9fb00 91%, #c1e9fb73 100%), var(--bg);background-attachment:fixed}.app:before,.app:after{content:"";z-index:50;pointer-events:none;background:linear-gradient(180deg, var(--teal) 0%, #0d5b78 55%, var(--navy) 100%);width:5px;position:fixed;top:0;bottom:0}.app:before{left:0}.app:after{right:0}.page{width:100%;max-width:1400px;margin:0 auto;padding:20px}.page.narrow{max-width:820px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}main .page>h1{font-size:22px}main .page>h1:after{content:"";background:var(--teal);border-radius:2px;width:44px;height:3px;margin-top:6px;display:block}.loading,.empty{text-align:center;color:var(--muted);padding:32px}.section-banner{color:#fff;background:radial-gradient(circle at 92% -40%, #c1e9fb47 0 120px, transparent 121px), radial-gradient(circle at 80% 160%, #0cb2ae73 0 140px, transparent 141px), linear-gradient(100deg, var(--navy) 0%, #0d5b78 55%, var(--teal-dark) 100%);border-bottom:3px solid var(--teal);position:relative;overflow:hidden}.section-banner:after{content:"";pointer-events:none;opacity:.07;background:repeating-linear-gradient(135deg,#fff 0 1px,#0000 1px 14px);position:absolute;inset:0}.section-banner-inner{z-index:1;flex-direction:column;gap:4px;max-width:1400px;margin:0 auto;padding:18px 20px 16px;display:flex;position:relative}.section-title{letter-spacing:-.01em;font-size:26px;font-weight:800;line-height:1.15}.section-sub{color:#ffffffd9;margin:0}.hero{color:#fff;background:#2b2826;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000002e}.hero:before,.hero:after{content:"";pointer-events:none;width:14px;height:140%;position:absolute;top:-20%;transform:skew(-28deg)}.hero:before{background:var(--teal);box-shadow:26px 0 0 var(--sky), 52px 0 0 #fff;right:22%}.hero:after{background:var(--teal);opacity:.55;right:8%}.hero-inner{z-index:1;flex-direction:column;align-items:flex-start;gap:14px;max-width:1400px;margin:0 auto;padding:56px 20px 60px;display:flex;position:relative}.hero-kicker{color:var(--sky);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}.hero h1{color:#fff;letter-spacing:.02em;margin:0;font-size:44px;line-height:1.05}.hero h1 span{color:var(--teal)}.hero p{color:#ffffffd9;max-width:560px;margin:0;font-size:16px;line-height:1.5}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:14px 0;padding:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0;display:grid}.cards .card{margin:0}.card-feature{border-top:3px solid var(--teal)}.card-feature h2{margin-top:4px}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:var(--radius);padding:12px 14px}.kpi .k-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:700}.kpi .k-value{font-variant-numeric:tabular-nums;color:var(--charcoal);margin-top:4px;font-size:24px;font-weight:800}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:auto}table.grid{border-collapse:collapse;width:100%}.grid th,.grid td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px 12px}.grid th{color:var(--mutedc);letter-spacing:.06em;text-transform:uppercase;background:#fafbfc;font-size:12px;font-weight:600;position:sticky;top:0}.grid tr:last-child td{border-bottom:0}.num{font-variant-numeric:tabular-nums;text-align:right!important}.badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.good{background:var(--good-bg);color:var(--good)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.muted{background:var(--muted-bg);color:var(--mutedc)}.badge.info{background:var(--info-bg);color:var(--info)}.banner{border-radius:var(--radius);margin:8px 0;padding:10px 14px}.banner.good{background:var(--good-bg);color:var(--good)}.banner.warn{background:var(--warn-bg);color:var(--warn)}.banner.bad{background:var(--bad-bg);color:var(--bad)}.login-wrap{flex:1;place-items:center;padding:32px 16px;display:grid}.login-card{border-top:4px solid var(--teal);width:100%;max-width:400px;margin:0;padding:28px 28px 24px;box-shadow:0 10px 30px #10182814}.login-card .logo{height:36px;margin-bottom:18px;display:block}.login-card form{flex-direction:column;gap:14px;margin-top:16px;display:flex}.login-card button.primary{min-height:44px;font-size:15px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:12px;display:grid}footer.site-foot{color:var(--muted);text-align:center;padding:18px 20px;font-size:12px}@media (width<=767px){.app{overflow-x:clip}.app:before,.app:after{width:3px}.topbar{flex-wrap:wrap;gap:8px;padding:6px 12px}.topbar .brand{border-right:0;min-height:44px;margin-right:0;padding-right:0}.topbar .brand img{height:24px}.topbar nav{flex:100%;order:10}.topbar nav a,.who a,.who button,.topbar a.button{align-items:center;min-height:44px;display:inline-flex}.who .who-name{display:none}.page{padding:16px}.section-banner-inner{padding:14px 16px 12px}.section-title{font-size:21px}.hero:before,.hero:after{display:none}.hero-inner{padding:36px 16px 40px}.hero h1{font-size:34px}main table{max-width:100%;display:block;overflow-x:auto}input,select,textarea{min-height:44px;font-size:16px}button{min-height:44px}}.form-help{margin:10px 0}
