/* ICA Premium Portal — extends current trainee/admin rules without altering workflows */
body.ica-portal{font-family:"IBM Plex Sans Arabic","Noto Kufi Arabic","Tajawal","Segoe UI",Tahoma,system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.85}
body.ica-portal h1,body.ica-portal h2,body.ica-portal h3{font-family:"IBM Plex Sans Arabic","Noto Kufi Arabic","Tajawal",system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.47}
body.ica-portal button,body.ica-portal input,body.ica-portal textarea,body.ica-portal select{font-family:inherit}
body.ica-portal button,body.ica-portal .btn,body.ica-portal .primary,body.ica-portal .secondary{transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
body.ica-portal button:hover:not(:disabled),body.ica-portal .btn:hover{transform:translateY(-2px)}
body.ica-portal :is(input,select,textarea):focus-visible{outline:2px solid #deb779;outline-offset:2px;box-shadow:0 0 0 4px #f0c57824}
body.ica-portal :is(.panel,.stat,.row,.image-card){transition:border-color .25s,box-shadow .25s,transform .25s}
body.ica-trainee-portal{background:radial-gradient(ellipse at 85% 1%,#1b4568 0,transparent 39%),radial-gradient(ellipse at 6% 80%,#153757 0,transparent 42%),#07172b;color:#eef6ff}
.ica-trainee-portal .wrap{width:min(1100px,calc(100% - 32px));padding-block:20px 35px}
.ica-trainee-portal .gateway-hero{position:relative;isolation:isolate;overflow:hidden;padding:48px 49px;border:1px solid #426b8c;border-radius:28px;background:radial-gradient(circle at 83% 20%,#2e719150,transparent 45%),linear-gradient(120deg,#0a233d,#174668 85%);box-shadow:0 28px 64px #0004}
.ica-trainee-portal .gateway-hero:after{content:"";position:absolute;inset-inline-end:-110px;top:-200px;width:430px;height:430px;border:1px solid #f4d18d35;border-radius:50%;box-shadow:0 0 0 48px #efc98108,0 0 0 99px #efc98109;pointer-events:none;z-index:-1}
.ica-trainee-portal .gateway-label{font-size:12px;letter-spacing:.05em;color:#f3cc82}
.ica-trainee-portal .gateway-hero h1{font-size:clamp(30px,4.5vw,48px);margin-top:12px;line-height:1.4;max-width:750px}
.ica-trainee-portal .gateway-hero>p:not(.gateway-label){font-size:15px;color:#d2e1ec;max-width:720px}
.ica-trainee-portal .gateway-points{gap:11px}
.ica-trainee-portal .gateway-points span{border:1px solid #5f7997;background:#163c59;border-radius:999px;padding:8px 15px;box-shadow:0 6px 16px #061b2a40}
.ica-trainee-portal .gateway-header{padding:22px 7px 15px}
.ica-trainee-portal .gateway-header .brand{font-size:21px;line-height:1.6}
.ica-trainee-portal .back-home{border-radius:13px;border-color:#476985;padding:9px 15px;background:#163652aa}
.ica-trainee-portal .panel,.ica-trainee-portal .stat{background:linear-gradient(150deg,#112a45,#0e233c);border:1px solid #36536e;border-radius:22px;box-shadow:0 15px 35px #0003}
.ica-trainee-portal .panel:hover,.ica-trainee-portal .stat:hover{border-color:#5e819e;box-shadow:0 21px 46px #0003}
.ica-trainee-portal .gateway-auth{max-width:940px;padding:37px 42px;margin:25px auto}
.ica-trainee-portal .tabs{padding:6px;background:#071a2e;border:1px solid #314a60;border-radius:15px;gap:5px}
.ica-trainee-portal .tabs button{border-radius:10px;background:transparent;color:#bdcfde;min-height:47px}
.ica-trainee-portal .tabs button.active{background:linear-gradient(130deg,#f0d398,#d4a85e);color:#182d3f;box-shadow:0 7px 17px #0003}
.ica-trainee-portal .primary{background:linear-gradient(120deg,#f0d398,#d5aa60);color:#102b42;border-radius:13px;font-weight:850;min-height:48px;box-shadow:0 10px 22px #c0934130}
.ica-trainee-portal .secondary{background:#254b69;border-radius:12px}
.ica-trainee-portal :is(input,select,textarea){border-color:#46617e;background:#071a2d;border-radius:12px;min-height:49px}
.ica-trainee-portal input::placeholder{color:#8ba7bc}
.ica-trainee-portal .interest-option{border-radius:13px;border-color:#3c5670;transition:border-color .25s,background .25s}
.ica-trainee-portal .interest-option:has(input:checked){border-color:#d8b67a;background:#1e4058}
.ica-trainee-portal .back-home:hover{background:#214e70}
.ica-trainee-portal .stat strong{font-variant-numeric:tabular-nums}
body.ica-admin-portal{background:radial-gradient(circle at 0% 5%,#e5edf6,transparent 32%),#f1f5f9;color:#183754}
.ica-admin-portal .login-wrap{background:radial-gradient(circle at 14% 16%,#28688c72,transparent 37%),linear-gradient(137deg,#07172e,#103956)}
.ica-admin-portal .login-card{border-radius:24px;box-shadow:0 33px 75px #010e274f;border:1px solid #c1d2e4;padding:41px}
.ica-admin-portal .login-card .logo{border-radius:19px;background:linear-gradient(135deg,#123c60,#235f86);box-shadow:0 14px 24px #152d492b}
.ica-admin-portal .app-header{background:linear-gradient(115deg,#0a2139,#15496d);box-shadow:0 8px 23px #0a233125;border-bottom:1px solid #bf99514d}
.ica-admin-portal .app-header h1{font-size:21px}
.ica-admin-portal .sidebar{background:rgba(255,255,255,.9);border-color:#e1e8ef;box-shadow:-8px 0 24px #072d3d06}
.ica-admin-portal .sidebar button{border-radius:12px;font-weight:650;color:#274961;transition:background .25s,color .25s,transform .25s}
.ica-admin-portal .sidebar button:hover{background:#edf4fa;color:#0d4468}
.ica-admin-portal .sidebar button[aria-current=page]{border-right:3px solid #cca25d;background:linear-gradient(100deg,#ecf3fa,#fff6e3);color:#0c3b61}
.ica-admin-portal .stat,.ica-admin-portal .panel,.ica-admin-portal .row,.ica-admin-portal .image-card{border-radius:18px;border-color:#dfe8ee;box-shadow:0 12px 32px #173f5110}
.ica-admin-portal .stats .stat{background:linear-gradient(155deg,#fff,#f4f9fd)}
.ica-admin-portal .stats .stat b{color:#13527b}
.ica-admin-portal .row:hover,.ica-admin-portal .image-card:hover{border-color:#d0b17a;box-shadow:0 17px 30px #173f5120}
.ica-admin-portal .btn{border-radius:12px}
.ica-admin-portal .btn.gold{background:linear-gradient(135deg,#f2d698,#d5a860);color:#17364f;box-shadow:0 7px 18px #c69e5630}
.ica-admin-portal .btn:not(.gold):not(.secondary):not(.danger){background:#143e62}
.ica-admin-portal :is(input,select,textarea){border-color:#d0dfe9;border-radius:12px;min-height:48px}
.ica-admin-portal dialog{border-radius:22px;box-shadow:0 30px 65px #08162d66}
.ica-admin-portal .notice{border-radius:14px}
@media(min-width:900px) and (hover:hover){.ica-admin-portal .stats .stat:hover{transform:translateY(-4px);box-shadow:0 19px 35px #1335511c}}
@media(max-width:700px){.ica-admin-portal .sidebar{box-shadow:0 8px 17px #0c2d4112}.ica-trainee-portal .gateway-hero{padding:27px 21px;border-radius:20px}.ica-trainee-portal .gateway-auth{padding:20px 17px}.ica-trainee-portal .gateway-hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.ica-portal *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}