:root{--turf:#2e7d4f;--turf-dark:#23633e;--navy:#14243a;--yellow:#ffd166;--red:#b3261e;--bg:#f4efe6;--card:#fff;--text:#14243a;--muted:#5b6b80;--border:#e2dccd;--soft:#e3f1e8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:var(--bg);font-family:Barlow,-apple-system,Segoe UI,sans-serif;font-size:15px}h1,h2,h3{letter-spacing:.2px;margin:0;font-family:Barlow Condensed,Barlow,sans-serif;font-weight:800}h1{font-size:34px}h2{margin-bottom:10px;font-size:22px}a{color:var(--turf)}.muted{color:var(--muted)}.small{font-size:13px}.dim{opacity:.7}.center{place-items:center;min-height:100vh;display:grid}.error{color:var(--red);margin:0}.ok{color:var(--turf)}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.side{background:var(--navy);color:#f5f7f2;flex-direction:column;gap:22px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{color:#f5f7f2;align-items:center;gap:10px;padding:0 6px;font-family:Barlow Condensed,Barlow,sans-serif;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brand small{letter-spacing:2px;text-transform:uppercase;background:var(--yellow);color:var(--navy);border-radius:999px;padding:2px 8px;font-family:Barlow,sans-serif;font-size:11px;font-weight:600}.side nav{flex-direction:column;gap:2px;display:flex}.side nav a{color:#c9d3e2;border-radius:10px;padding:9px 12px;font-weight:600;text-decoration:none}.side nav a:hover{background:#ffffff0f}.side nav a.on{background:var(--turf);color:#fff}.who{background:#ffffff0f;border-radius:12px;gap:2px;margin-top:auto;padding:12px;font-weight:600;display:grid}.main{width:100%;max-width:1200px;padding:28px 32px 60px}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.head p{margin:4px 0 0}.card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:18px}.grid{gap:14px;display:grid}.tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}.tile{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px}.tile .label{letter-spacing:1px;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.tile .num{margin-top:4px;font-family:Barlow Condensed,Barlow,sans-serif;font-size:38px;font-weight:800;line-height:1.05}.tile .sub{color:var(--muted);font-size:13px}.tile.alert{background:#fff6f4;border-color:#e8b4ae}.two{grid-template-columns:2fr 1fr;gap:14px;display:grid}@media (width<=900px){.two,.shell{grid-template-columns:1fr}.side{height:auto;position:static}}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-bottom:1.5px solid var(--border);padding:8px 10px;font-size:12px;font-weight:700}td{vertical-align:top;border-bottom:1px solid #eee8db;padding:10px}tr.click{cursor:pointer}tr.click:hover td{background:#faf7f1}.pill{background:var(--soft);color:var(--turf-dark);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.pill.red{color:var(--red);background:#fbe5e2}.pill.grey{color:var(--muted);background:#eceae4}.pill.yellow{color:#7a5a00;background:#fff3cc}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}input,select,textarea{font:inherit;border:1.5px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:9px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--turf);outline-offset:1px}.btn{font:inherit;background:var(--turf);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:9px 16px;font-weight:700}.btn:hover{background:var(--turf-dark)}.btn:disabled{opacity:.55;cursor:default}.btn.plain{color:var(--text);border:1.5px solid var(--border);background:#fff}.btn.danger{background:var(--red)}.btn.small{padding:6px 12px;font-size:13px}.link{font:inherit;color:var(--turf);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link.light{color:#c9d3e2;text-align:left;margin-top:6px}.tabs{gap:6px;display:flex}.tabs button{font:inherit;border:1.5px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-weight:600}.tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.bars{align-items:flex-end;gap:3px;height:140px;padding-top:10px;display:flex}.bars div{background:var(--turf);border-radius:4px 4px 0 0;flex:1;min-height:2px;position:relative}.bars div:hover{background:var(--navy)}.bars-axis{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.switch{flex:none;width:52px;height:30px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{cursor:pointer;background:#cfc8b8;border-radius:999px;transition:all .15s;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+span{background:var(--turf)}.switch input:checked+span:before{transform:translate(22px)}.switch input:focus-visible+span{outline:2px solid var(--navy);outline-offset:2px}.feature{border-bottom:1px solid #eee8db;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.feature:last-child{border-bottom:0}.feature.off h3{color:var(--red)}.feature h3{font-size:20px}.feature p{margin:2px 0}.notice{background:#fff3cc;border:1.5px solid #f0d78a;border-radius:12px;margin-bottom:14px;padding:12px 14px}.message{border-left:4px solid var(--red);white-space:pre-wrap;background:#faf7f1;border-radius:8px;margin:6px 0 10px;padding:10px 12px}dl{grid-template-columns:140px 1fr;gap:8px 12px;margin:0;display:grid}dt{color:var(--muted);font-weight:600}dd{margin:0}.login{background:repeating-linear-gradient(90deg, #ffffff0d 0 90px, #0000000a 90px 180px), var(--turf);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{gap:14px;width:100%;max-width:400px;display:grid}.login-brand{align-items:center;gap:12px;display:flex}.login-brand p{margin:2px 0 0}label{gap:6px;font-weight:600;display:grid}
