:root{--navy:#0b1f33;--navy2:#102c49;--line:#d8e0e8;--bg:#eef2f6;--white:#fff;--gold:#c89f45;--text:#13263a}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{overflow:hidden}.hidden{display:none!important}.portal-login{min-height:100%;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#071726,#123754)}.portal-login-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.28);border-top:5px solid var(--gold)}.portal-logo{width:104px;height:84px;object-fit:contain;display:block;margin-bottom:10px}.eyebrow{font-size:.74rem;letter-spacing:.12em;font-weight:800;color:#5d6d7c}.portal-login-card h1{margin:5px 0 8px;font-size:2rem}.portal-login-card p{margin:0 0 20px;color:#596978;line-height:1.45}.portal-login-card label{display:block;font-weight:700;font-size:.84rem;margin:12px 0}.portal-login-card input{width:100%;margin-top:6px;border:1px solid #b8c4cf;border-radius:9px;padding:12px 13px;font-size:1rem}.portal-login-card button{width:100%;border:0;border-radius:9px;background:var(--navy);color:#fff;font-weight:800;padding:13px;margin-top:7px;font-size:1rem;cursor:pointer}.portal-login-card small{display:block;margin-top:14px;color:#687786}.error{color:#a01818;font-weight:700;min-height:22px;margin-top:8px}.portal-app{height:100%;display:flex;flex-direction:column}.portal-header{height:74px;flex:0 0 74px;background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;padding:8px 18px;border-bottom:3px solid var(--gold);box-shadow:0 3px 12px rgba(0,0,0,.18);z-index:10}.portal-brand{display:flex;align-items:center;gap:10px;min-width:0}.portal-brand img{width:52px;height:48px;object-fit:contain;background:#fff;border-radius:7px;padding:3px}.portal-brand strong,.portal-brand span{display:block}.portal-brand strong{font-size:1.08rem}.portal-brand span{font-size:.72rem;color:#b9c7d4}.module-tabs{display:flex;gap:6px;background:#071829;padding:5px;border-radius:12px}.module-tab{border:0;background:transparent;color:#c9d5df;padding:10px 16px;border-radius:8px;font-weight:800;cursor:pointer;font-size:.9rem;white-space:nowrap}.module-tab.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(0,0,0,.18)}.portal-user{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:.8rem}.portal-user button{border:1px solid #60778c;background:transparent;color:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.module-shell{position:relative;flex:1;min-height:0}.module-panel{position:absolute;inset:0;display:none;background:#fff}.module-panel.active{display:block}.module-panel iframe{width:100%;height:100%;border:0;background:#fff;display:block}@media(max-width:820px){.portal-header{height:110px;flex-basis:110px;grid-template-columns:1fr auto;grid-template-rows:48px 48px;padding:6px 10px}.module-tabs{grid-column:1/3;grid-row:2;width:100%}.module-tab{flex:1;padding:9px 6px;font-size:.78rem}.portal-brand span{display:none}.portal-user span{display:none}.portal-brand strong{font-size:.94rem}.portal-brand img{width:44px;height:42px}}

.portal-role{font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 8px;border-radius:999px;background:#e8eef5;color:#16324f;white-space:nowrap}
.role-operations .portal-role{background:#fff2c7;color:#6e4d00}
.module-shell,.module-panel{background:#f4f7fa}
.module-panel iframe{background:#f4f7fa}