:root{--navy:#11243a;--lime:#b8f35b;--ice:#f5f7f8;--gray:#657583;--line:#e0e6e9}*{box-sizing:border-box}body{margin:0;background:var(--ice);color:var(--navy);font:14px/1.6 Inter,Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #5d902a;outline-offset:3px}button{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 16px;font-weight:600}button:hover{border-color:#8eb949}.primary{background:var(--lime);border-color:var(--lime)}.dark{background:var(--navy);color:white}.danger{color:#a63b32}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}aside{background:var(--navy);color:#d3dce4;padding:30px 20px;display:flex;flex-direction:column;position:fixed;width:238px;height:100vh}.brand{font-size:32px;color:white;font-weight:900;letter-spacing:-2px}.brand span{color:var(--lime)}.brand-sub{font-size:10px;letter-spacing:2px;margin-bottom:38px;color:#b7c4d2}nav{display:grid;gap:7px}nav button{color:#c0cbd6;text-align:left;background:transparent;border:0;padding:12px 16px}nav button.active{background:var(--lime);color:var(--navy)}.aside-bottom{margin-top:auto;font-size:12px}aside select{width:100%;background:#243b52;color:white;border:1px solid #465c70;padding:9px;border-radius:6px;margin:12px 0}.main{grid-column:2;padding:32px 44px;max-width:1680px;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:20px}.topbar small,.muted{color:var(--gray)}.topbar strong{font-size:16px}.badge{font-size:11px;background:#e6f2d5;padding:5px 10px;border-radius:20px;white-space:nowrap}.badge.warn{background:#fff0d7;color:#83531a}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--gray);font-weight:700}h1{font-size:34px;line-height:1.15;letter-spacing:-1.4px;margin:10px 0}h2{font-size:20px;letter-spacing:-.6px;margin:0 0 20px}h3{font-size:16px;margin:0 0 10px}p{margin:8px 0 20px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.stat,.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.stat b{display:block;font-size:29px;letter-spacing:-1px;margin:12px 0 4px}.stat small{color:var(--gray);font-size:11px}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{margin-bottom:20px;overflow:auto}.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero .eyebrow{color:var(--lime)}.hero h2{font-size:27px;max-width:300px}.hero p{color:#bfccd8;max-width:370px}.hero:after{content:'↗';font-size:160px;position:absolute;right:25px;top:5px;opacity:.15;color:var(--lime);pointer-events:none}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:13px}th{font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:1px}td,th{padding:13px 9px;border-bottom:1px solid #edf0f2}td:first-child,th:first-child{padding-left:0}td button{font-size:11px;padding:5px 9px}.person{display:flex;align-items:center;gap:10px}.avatar{background:#eaf0f3;border-radius:50%;width:34px;height:34px;display:inline-grid;place-items:center;font-weight:700;font-size:11px}.rank{font-size:21px;color:#6b9e31;font-weight:800}.empty{padding:35px 15px;text-align:center;color:var(--gray)}label{font-size:12px;font-weight:600;display:block;margin:13px 0 6px}input,select{background:white;border:1px solid #ccd5db;border-radius:6px;padding:11px;width:100%;min-height:44px}input[type=checkbox]{width:auto;min-height:0;margin-right:8px}.check{display:flex;align-items:flex-start}.check input{margin-top:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{margin-top:25px;display:flex;gap:10px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.toolbar input{max-width:270px}.toolbar select{max-width:240px}.progress{height:7px;background:#edf1f3;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:#90c842}.progress i.full{width:100%}.bar-row{display:grid;grid-template-columns:90px 1fr 100px;align-items:center;gap:16px;margin:20px 0}.bar-row b{font-size:13px;text-align:right}.note{font-size:12px;color:var(--gray);border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.demo-strip{font-size:11px;background:#f0f8e5;padding:9px 13px;border-radius:6px;margin-bottom:20px}.total{font-size:40px;font-weight:800;letter-spacing:-2px;margin:12px 0}dialog{border:0;border-radius:14px;box-shadow:0 20px 100px #0004;max-width:680px;width:92%;padding:30px;color:var(--navy)}dialog::backdrop{background:#10243999}.close{float:right;font-size:22px;padding:0 9px;border:0}#toast{position:fixed;bottom:24px;right:24px;background:var(--navy);color:white;max-width:420px;padding:14px 22px;border-radius:10px;display:none;z-index:100}#toast.show{display:block}.login{max-width:440px;margin:9vh auto;background:white;padding:40px;border:1px solid var(--line);border-radius:14px}.login .brand{color:var(--navy)}.login button{width:100%;margin-top:25px}.small{font-size:12px}.stack{display:grid;gap:12px}.reward{border-bottom:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}pre{white-space:pre-wrap;word-break:break-word}.error{color:#a63b32}.official-logo{max-width:130px;max-height:48px;object-fit:contain;margin-bottom:15px}@media(max-width:1100px){.main{padding:24px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{display:block}aside{position:static;width:auto;height:auto;padding:18px}.brand-sub{margin-bottom:15px}nav{display:flex;overflow:auto}nav button{white-space:nowrap;font-size:12px}.aside-bottom{margin-top:15px;display:flex;gap:10px;align-items:center}.aside-bottom select{width:auto;max-width:200px}.main{padding:18px}.topbar{margin-bottom:15px}.heading{align-items:flex-start;flex-direction:column}h1{font-size:29px}.stats{gap:10px}.stat{padding:16px}.stat b{font-size:23px}.field-row{grid-template-columns:1fr}.bar-row{grid-template-columns:75px 1fr 80px;gap:8px}.toolbar input{max-width:none}.panel{padding:18px}}

aside{overflow-y:auto}.brand-sub{margin-bottom:18px}nav{gap:3px}nav button{padding:9px 14px}textarea{width:100%;min-height:110px;font:inherit;border:1px solid #ccd5db;border-radius:6px;padding:10px}.wrap-text{white-space:normal;min-width:250px;max-width:400px}.contact-link{display:inline-block;margin:6px;color:#11243a;text-decoration:underline}.panel h3{margin-top:22px}.panel form{margin-top:16px}.panel form button{margin-top:12px}progress{max-width:100%}@media(max-width:720px){aside{overflow:visible}.topbar .toolbar{max-width:60%}.panel{max-width:100%}}
