:root{--navy:#06275a;--blue:#0b3d86;--gold:#c58a1d;--bg:#f5f7fb;--line:#dde5ef;--text:#14213d;--muted:#667085;--green:#15803d;--red:#b42318;--orange:#c86500}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--blue)}.portal-container{max-width:1280px;margin:0 auto;padding:0 24px}.portal-topbar{background:var(--navy);color:#fff}.portal-topbar .portal-container{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-brand{color:#fff;text-decoration:none;display:flex;flex-direction:column}.portal-brand b{font-size:28px}.portal-brand small{font-size:10px;letter-spacing:1.5px}.portal-user{display:flex;align-items:center;gap:12px;font-size:14px}.portal-user a{color:#fff}.portal-user small{display:block;opacity:.75}.portal-avatar{width:38px;height:38px;border-radius:50%;background:#315a94;display:grid;place-items:center;font-weight:800}.portal-logout{border:1px solid rgba(255,255,255,.35);padding:8px 12px;border-radius:8px;text-decoration:none}.portal-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 76px)}.portal-sidebar{background:#fff;border-right:1px solid var(--line);padding:24px 16px}.portal-welcome{padding:8px 12px 22px;display:flex;flex-direction:column;gap:5px}.portal-welcome strong{font-size:20px}.portal-welcome span{color:var(--muted);font-size:13px}.portal-nav{display:grid;gap:6px}.portal-nav a{padding:12px 14px;border-radius:8px;text-decoration:none;color:var(--text);font-weight:700}.portal-nav a:hover,.portal-nav a.active{background:var(--navy);color:#fff}.portal-main{min-width:0}.portal-main-inner{max-width:1240px;margin:0 auto;padding:26px}.portal-banner{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 28px;margin-bottom:20px;box-shadow:0 8px 24px rgba(6,39,90,.05)}.portal-banner h1{margin:0 0 8px;font-size:30px;color:var(--navy)}.portal-banner p{margin:0;color:var(--muted)}.portal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.portal-kpi,.portal-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px rgba(6,39,90,.04)}.portal-kpi{padding:20px}.portal-kpi span{color:var(--muted);font-size:14px}.portal-kpi strong{display:block;font-size:32px;color:var(--navy);margin-top:8px}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.portal-card{overflow:hidden}.portal-card-header{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-card-header h2,.portal-card-header h3{margin:0;color:var(--navy)}.portal-card-body{padding:18px}.portal-table{width:100%;border-collapse:collapse}.portal-table th,.portal-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #edf1f5;vertical-align:top}.portal-table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.portal-list{display:grid}.portal-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f5}.portal-row:last-child{border-bottom:0}.portal-row small{display:block;color:var(--muted);margin-top:4px}.pill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eef2f7}.pill.green{background:#e8f6ec;color:var(--green)}.pill.blue{background:#eaf2ff;color:var(--blue)}.pill.orange{background:#fff3e2;color:var(--orange)}.pill.red{background:#feeceb;color:var(--red)}.portal-form{display:grid;gap:14px}.portal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portal-form label{display:grid;gap:6px;font-weight:700;font-size:14px}.portal-form input,.portal-form select,.portal-form textarea{width:100%;padding:11px 12px;border:1px solid #cfd8e3;border-radius:8px;background:#fff;font:inherit}.portal-form textarea{min-height:110px;resize:vertical}.portal-btn{border:0;border-radius:9px;background:var(--navy);color:#fff;padding:11px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.portal-btn.secondary{background:#fff;color:var(--navy);border:1px solid #b9c6d8}.portal-btn.danger{background:#a61b1b}.portal-actions{display:flex;gap:10px;flex-wrap:wrap}.alert{padding:12px 14px;border-radius:9px;margin:0 0 14px}.alert.info{background:#eaf2ff;color:#173e77}.alert.success{background:#eaf7ee;color:#176b34}.alert.error{background:#feeceb;color:#8a1c16}.login-page{min-height:100vh;background:linear-gradient(135deg,#06275a,#0d427f);display:grid;place-items:center;padding:24px}.login-shell{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.25)}.login-intro{background:var(--navy);color:#fff;padding:54px}.login-intro h1{font-size:44px;margin:10px 0}.login-card{padding:48px}.login-card h2{margin-top:0;color:var(--navy)}.otp{font-size:28px;letter-spacing:8px;text-align:center;font-weight:800}.small-note{font-size:13px;color:var(--muted);line-height:1.5}.empty{padding:26px;text-align:center;color:var(--muted)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 14px}.section-title h1,.section-title h2{margin:0;color:var(--navy)}@media(max-width:900px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{border-right:0;border-bottom:1px solid var(--line)}.portal-nav{grid-template-columns:repeat(2,1fr)}.portal-kpis,.portal-grid,.portal-form-grid,.login-shell{grid-template-columns:1fr}.portal-topbar .portal-container{align-items:flex-start;padding-top:16px;padding-bottom:16px}.portal-user{flex-wrap:wrap}.login-intro,.login-card{padding:30px}}@media(max-width:560px){.portal-main-inner{padding:14px}.portal-nav{grid-template-columns:1fr}.portal-kpis{grid-template-columns:1fr 1fr}.portal-user>span:first-child{display:none}.portal-table{font-size:13px}.portal-table th,.portal-table td{padding:8px 5px}}