:root {
  --portal-navy:#1e4d35; --portal-navy-mid:#276044; --portal-blue:#3a8f62;
  --portal-bg-dash:#f2f7f4; --portal-card-r:14px;
  --portal-shadow:0 2px 16px rgba(26,41,66,.10);
  --portal-shadow-md:0 6px 28px rgba(26,41,66,.14);
}
body.bg-portal{background:linear-gradient(145deg,#e8f0ec 0%,#f0f7f3 55%,#e6f0eb 100%);min-height:100vh;}
body.bg-dashboard{background:var(--portal-bg-dash);min-height:100vh;}
.portal-brand-circle{width:64px;height:64px;border-radius:18px;background:var(--portal-navy);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--portal-shadow-md);}
.shadow-portal{box-shadow:var(--portal-shadow);}
.rounded-4{border-radius:var(--portal-card-r) !important;}
.rounded-top-4{border-radius:var(--portal-card-r) var(--portal-card-r) 0 0 !important;}
.portal-card-header{background:var(--portal-navy);}
.form-control:focus{border-color:#93b4f5;box-shadow:0 0 0 3px rgba(13,110,253,.10);}
.letter-spacing-4{letter-spacing:10px;font-size:1.6rem !important;padding-top:.6rem;padding-bottom:.6rem;}
.btn-portal{background:var(--portal-navy);border-color:var(--portal-navy);color:#fff;transition:background .15s ease,transform .1s ease;}
.btn-portal:hover,.btn-portal:focus{background:var(--portal-navy-mid);border-color:var(--portal-navy-mid);color:#fff;transform:translateY(-1px);}
.btn-portal:active{transform:translateY(0);}
.portal-navbar{background:var(--portal-navy);height:58px;display:flex;align-items:center;position:sticky;top:0;z-index:1030;box-shadow:0 2px 12px rgba(10,40,20,.25);}
.portal-nav-logo{width:36px;height:36px;background:rgba(255,255,255,.12);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;}
.text-muted-light{color:rgba(255,255,255,.45);}
.btn-logout{font-size:.78rem;padding:.28rem .75rem;border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.85);}
.btn-logout:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.45);}
.portal-user-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.3);}
.portal-page-header{background:#fff;border-bottom:1px solid #e8edf5;}
.stat-pill{background:#f4f6fb;border:1px solid #e3e8f0;border-radius:8px;padding:6px 14px;font-size:.82rem;display:flex;align-items:center;}
.module-card{background:#fff;border-radius:var(--portal-card-r);border:1px solid #e8edf5;box-shadow:0 1px 6px rgba(26,41,66,.06);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;height:100%;display:flex;flex-direction:column;}
.module-card:hover{transform:translateY(-3px);box-shadow:var(--portal-shadow-md);border-color:#d0daf0;}
.module-card-planned{opacity:.72;}
.module-card-planned:hover{transform:none;cursor:default;}
.module-card-accent{height:4px;width:100%;flex-shrink:0;}
.module-card .card-body{display:flex;flex-direction:column;flex:1;}
.module-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.btn-module{background:transparent;font-size:.78rem;padding:.35rem .75rem;transition:background .15s,color .15s;}
.btn-module:hover{color:#fff !important;}
.bg-purple{background:#6610f2 !important;} .bg-teal{background:#20c997 !important;}
.tracking-wide{letter-spacing:.06em;}
@media(max-width:576px){.portal-page-header{padding:16px !important}.module-card .card-body{padding:1rem !important}.letter-spacing-4{letter-spacing:6px;font-size:1.3rem !important}}