:root{
    --navy:#0F2742;
    --navy-2:#163A5C;
    --blue:#1F5E88;
    --accent:#2E9CC3;
    --light:#F4F7FA;
    --border:#D6DFE8;
    --text:#1F2933;
    --muted:#6B7785;
    --danger:#B93838;
    --success:#1E8E5A;
}
*{box-sizing:border-box}
body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background:linear-gradient(180deg,#f8fbfd 0%,#f2f6fa 100%);
    color:var(--text);
    min-height:100vh;
}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.portal-header{background:var(--navy);color:#fff;border-bottom:3px solid var(--accent)}
.portal-header__inner{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.portal-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;text-decoration:none}
.portal-brand:hover{text-decoration:none}
.portal-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--navy);font-weight:900}
.portal-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.portal-nav a{color:#fff;font-weight:700;font-size:14px}
.portal-logout-form{margin:0}
.portal-logout-form button,.btn{
    border:0;border-radius:10px;background:var(--blue);color:#fff;padding:10px 14px;font-weight:800;cursor:pointer
}
.portal-logout-form button:hover,.btn:hover{background:var(--navy-2)}
.portal-shell{max-width:1180px;margin:0 auto;padding:28px 20px}
.portal-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 28px rgba(15,39,66,.08);padding:24px;margin-bottom:18px}
.portal-card h1,.portal-card h2{color:var(--navy);margin-top:0}
.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.portal-kpi{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--light)}
.form-row{margin-bottom:14px}
label{display:block;font-weight:800;color:var(--navy);margin-bottom:6px}
input{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:10px;font:inherit;background:#fff}
input:focus{outline:3px solid rgba(46,156,195,.18);border-color:var(--accent)}
.alert{border-radius:10px;padding:12px 14px;margin-bottom:14px;font-weight:700}
.alert-danger{background:#fff1f1;color:var(--danger);border:1px solid #f1c2c2}
.alert-success{background:#edf9f2;color:var(--success);border:1px solid #c8ead6}
.badge{display:inline-flex;border-radius:999px;padding:5px 9px;background:var(--light);border:1px solid var(--border);font-size:12px;font-weight:800;color:var(--navy)}
.portal-footer{max-width:1180px;margin:0 auto;padding:20px;color:var(--muted);font-size:13px}
.login-shell{max-width:460px;margin:70px auto;padding:0 20px}
.note{color:var(--muted);line-height:1.55}
@media(max-width:760px){.portal-header__inner{align-items:flex-start;flex-direction:column}.portal-nav{width:100%}}