body.portal{background:#f4f7fa}.portal-header{background:#061f38;color:white}.portal-header .nav{height:72px}.portal-header .brand img{background:#fff;border-radius:10px;padding:5px}.portal-header a{color:#fff}.portal-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:#082a49;color:#cfe2f2;padding:28px 18px}.sidebar h3{color:#fff;margin:0 0 20px}.sidebar a{display:flex;padding:11px 13px;border-radius:10px;text-decoration:none;margin-bottom:6px}.sidebar a:hover,.sidebar a.active{background:#12466f;color:#fff}.content{padding:34px}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.dashboard-head h1{margin:0;color:#082b4e;font-size:36px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.metric{background:#fff;border:1px solid #dbe6ef;border-radius:18px;padding:20px}.metric strong{display:block;font-size:30px;color:#082b4e}.metric span{font-size:12px;color:#64788b}.panel{background:#fff;border:1px solid #dbe6ef;border-radius:20px;padding:24px;margin-bottom:22px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th,.data-table td{padding:13px;border-bottom:1px solid #e6edf3;text-align:left;font-size:13px}.data-table th{color:#607386;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.case-link{font-weight:800;color:#0d61b8;text-decoration:none}.status{padding:6px 9px;border-radius:999px;background:#eaf4ff;color:#0b5ca9;font-size:11px;font-weight:800;white-space:nowrap}.status.green{background:#e8f7f1;color:#08724e}.status.orange{background:#fff3e1;color:#a96200}.status.red{background:#fff0f1;color:#a62b35}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters input,.filters select{padding:10px 12px;border:1px solid #d1dfeb;border-radius:10px;background:#fff}.case-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.kv{display:grid;grid-template-columns:170px 1fr;gap:10px 20px}.kv dt{font-size:12px;color:#718599}.kv dd{margin:0;font-weight:700}.activity{border-left:2px solid #d7e4ef;margin-left:8px}.activity-item{position:relative;padding:0 0 20px 24px}.activity-item:before{content:"";position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:#0f66c7}.activity-item small{color:#74889b}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#061f38,#0e4f87)}.login-card{width:min(470px,calc(100% - 34px));background:#fff;border-radius:26px;padding:36px;box-shadow:0 28px 70px rgba(0,0,0,.22)}.login-card img{width:260px;display:block;margin:0 auto 20px}.login-card h1{font-size:28px;color:#082b4e}.login-card .field{margin-bottom:14px}.login-switch{display:flex;gap:8px;margin:15px 0}.login-switch button{flex:1}.client-hero{background:linear-gradient(145deg,#062c57,#0f5a99);color:#fff;border-radius:26px;padding:30px;margin-bottom:22px}.client-hero h1{margin:0 0 8px}.timeline-v{display:grid;gap:12px}.timeline-v .row{display:grid;grid-template-columns:40px 1fr;gap:12px}.timeline-v .icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f7f1;color:#08724e;font-weight:900}.timeline-v .pending .icon{background:#eef3f7;color:#75899b}.payment-card{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #dbe6ef;border-radius:16px;padding:17px}.notice{padding:14px 16px;border-radius:12px;background:#fff6e8;color:#8b5c10;font-size:13px}.secure-note{padding:13px;border-radius:12px;background:#eef7ff;color:#385c7d;font-size:12px}
@media(max-width:900px){.portal-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:20px}.metric-grid{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:1fr}.dashboard-head{flex-direction:column}}@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.kv{grid-template-columns:1fr}.payment-card{align-items:flex-start;flex-direction:column}}

/* Portal visual aligned with the public site's professional language */
body.portal{background:linear-gradient(180deg,#f7fafc,#eef4f8)}
.portal-header{background:linear-gradient(100deg,#102e4b,#164f70)}
.portal-header .brand{width:260px;height:58px;overflow:hidden;border-radius:10px;background:#fff}
.portal-header .brand img{width:260px;height:58px;object-fit:cover;object-position:center 48%;padding:0!important;background:#fff!important;border-radius:0!important}
.sidebar{background:linear-gradient(180deg,#102e4b,#123d5c)}
.panel,.metric{box-shadow:0 16px 44px rgba(20,49,73,.07)}
.login-page{background:radial-gradient(circle at 72% 22%,#2b7797 0,#173e5d 28%,#0d2b47 65%,#071f35 100%)}
.login-card{border:1px solid #ffffff33;box-shadow:0 34px 90px rgba(4,23,39,.34);padding:42px}
.login-card>a{display:block;width:330px;height:104px;max-width:100%;overflow:hidden;margin:0 auto 22px;border-radius:14px;background:#fff}
.login-card>a img{width:330px;height:104px;max-width:none;object-fit:cover;object-position:center 48%;margin:0;background:#fff}
.login-card h1{font-size:32px;letter-spacing:-.035em;margin:10px 0;color:#173653}
.login-card .btn{background:#102e4b}
.client-hero{background:linear-gradient(145deg,#173a5c,#0c6881);box-shadow:0 24px 60px rgba(20,49,73,.14)}
@media(max-width:560px){.login-card{padding:28px 22px}.login-card>a{width:260px;height:84px}.login-card>a img{width:260px;height:84px}.portal-header .brand{width:205px;height:50px}.portal-header .brand img{width:205px;height:50px}}