*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f3f7f5;color:#14211e}a{color:inherit}.powered{text-align:center;padding:13px;font-size:11px;color:#71817c;background:#e8efec}.powered b{color:#31564d}.login{min-height:calc(100vh - 39px);display:grid;grid-template-columns:1fr 1fr}.intro{background:#102823;color:white;padding:8vw;display:flex;flex-direction:column;justify-content:center}.intro h1{font-size:clamp(42px,5vw,72px);line-height:1;margin:20px 0}.intro p{color:#bad0ca}.card{background:white;border:1px solid #dde6e3;border-radius:20px;padding:24px}.loginbox{margin:auto;width:min(450px,88%);padding:38px}.loginbox h2{font-size:36px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf2f0;padding:4px;border-radius:12px}.tabs button{border:0;background:none;padding:10px;border-radius:9px;font-weight:700}.tabs .on{background:white}.loginbox label{display:block;font-weight:700;font-size:13px;margin-top:15px}.loginbox input{width:100%;padding:13px;margin-top:6px;border:1px solid #c8d6d2;border-radius:10px}.btn{display:inline-block;background:#1c695a;color:white;border:0;border-radius:999px;padding:11px 18px;text-decoration:none;font-weight:700;cursor:pointer;margin-top:18px}.hint{margin-top:18px;padding:12px;background:#eef4f2;border-radius:10px;font-size:12px;color:#60706b}.shell{min-height:calc(100vh - 39px);display:grid;grid-template-columns:235px 1fr}.side{background:#102823;color:white;padding:25px 17px;display:flex;flex-direction:column}.brand{font-weight:800;text-decoration:none;font-size:18px}.brand small{display:block;font-size:10px;color:#9db7af;letter-spacing:.12em}.side nav{display:grid;gap:7px;margin-top:35px}.side nav a{padding:11px;border-radius:10px;text-decoration:none;color:#c3d5cf}.side nav a:hover{background:#21453d}.logout{margin-top:auto;color:#b8ccc6;text-decoration:none}.main{padding:40px clamp(20px,4vw,55px);overflow:auto}.head{display:flex;justify-content:space-between;align-items:center}.head h1{font-size:36px;margin:4px 0}.muted{color:#66756f}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.stat strong{display:block;font-size:28px;margin-top:6px}.panel{margin-top:18px}.row{display:grid;grid-template-columns:75px 1fr auto;gap:15px;padding:15px 0;border-bottom:1px solid #edf1f0}.badge{font-size:11px;background:#e7f1ee;color:#1c695a;padding:5px 9px;border-radius:999px;height:max-content}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:13px 8px;border-bottom:1px solid #edf1f0}th{font-size:11px;color:#66756f}.plink{font-weight:800;color:#1c695a}.profile{display:grid;grid-template-columns:1fr 1fr;gap:15px}.data{padding:12px 0;border-bottom:1px solid #edf1f0}.data small{display:block;color:#66756f}.notice{padding:14px;background:#eaf2ef;border-radius:12px;color:#36574f}@media(max-width:800px){.login{grid-template-columns:1fr}.intro{min-height:330px}.shell{grid-template-columns:1fr}.side{position:sticky;top:0;z-index:2}.side nav{display:flex;overflow:auto;margin-top:12px}.logout{display:none}.stats,.profile{grid-template-columns:1fr}.row{grid-template-columns:60px 1fr}.row .badge{grid-column:2}}