:root{font-family:system-ui,-apple-system,sans-serif;background:#f4f6fa;color:#15243a}*{box-sizing:border-box}body{margin:0}header{background:#142844;color:white;padding:16px max(16px,5vw);display:flex;gap:15px;align-items:center}header span{color:#78b8ff}header small{color:#c6d7ed;margin-right:auto}main{max-width:1200px;margin:20px auto;padding:0 16px}#login{max-width:430px;margin:10vh auto;background:white;padding:28px;border-radius:16px;box-shadow:0 4px 18px #15243a15}h1{font-size:23px}h2{font-size:19px}label{display:block;font-size:13px;font-weight:650;margin:12px 0}input,select,textarea{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #cbd4e2;border-radius:8px;font:inherit}button{padding:10px 15px;border:0;border-radius:8px;background:#1763cb;color:white;cursor:pointer;font-weight:650}button:disabled{opacity:.5}button.secondary{background:#e5ebf4;color:#19334f}nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}nav button{background:white;color:#19334f;border:1px solid #d9e1eb}nav button.selected{background:#1763cb;color:white}.panel{background:white;border:1px solid #e0e6ee;padding:20px;border-radius:12px;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.metric{background:#edf4ff;padding:18px;border-radius:10px}.metric strong{display:block;font-size:23px;margin-top:8px}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:10px;text-align:left;border-bottom:1px solid #e8edf5;white-space:nowrap}th{background:#f4f7fb}form.inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}#notice{color:#ad312b;font-weight:600}.muted{color:#64748b;font-size:13px}.warning{background:#fff7e4;padding:12px;border-radius:9px}button.danger{background:#b92b27}