@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Rajdhani:wght@400;500;600;700&display=swap');

:root{
  --portal-bg:#050a10;--portal-panel:#06101e;--portal-panel-soft:rgba(6,16,30,.38);
  --portal-cyan:#00e5ff;--portal-text:#e8f6ff;--portal-muted:#9aa9bc;
  --portal-line:#173a57;--portal-green:#55d98b;--portal-gold:#c9a14a;--portal-red:#ff6b7f;
  --portal-radius:8px;--portal-shadow:0 18px 55px rgba(0,0,0,.16);
}
.portal-page{margin:0;background:var(--portal-bg)!important;color:var(--portal-text)!important;font:15px 'Rajdhani',system-ui,-apple-system,sans-serif!important;min-height:100vh}
.portal-page::before{content:''!important;position:fixed!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 12% 15%,rgba(0,229,255,.18) 0%,transparent 38%),radial-gradient(circle at 88% 8%,rgba(201,161,74,.14) 0%,transparent 35%),radial-gradient(circle at 75% 75%,rgba(0,229,255,.14) 0%,transparent 40%),radial-gradient(circle at 15% 85%,rgba(201,161,74,.1) 0%,transparent 38%),radial-gradient(ellipse 70% 50% at 50% 0%,rgba(0,229,255,.06) 0%,transparent 60%),linear-gradient(rgba(0,229,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.02) 1px,transparent 1px),#050a10!important;background-size:auto,auto,auto,auto,auto,26px 26px,26px 26px!important;background-attachment:fixed!important;z-index:0!important}
.portal-page .top,.portal-page .nav{min-height:66px;display:flex;justify-content:space-between;align-items:center;padding:13px 22px!important;border-bottom:1px solid rgba(0,229,255,.18)!important;background:rgba(5,12,20,.58)!important;position:sticky;top:0;z-index:20;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}
.portal-page .brand,.portal-page .nav-brand{display:flex;align-items:center;gap:11px;font-family:'Orbitron',sans-serif!important;font-size:.76rem!important;font-weight:700!important;letter-spacing:.08em;color:#fff;text-transform:uppercase}
.portal-page .brand img,.portal-page .nav-brand img{height:34px!important;width:auto}
.portal-role-badge{display:inline-flex;align-items:center;border:1px solid rgba(0,229,255,.4);border-radius:999px;padding:3px 7px;color:var(--portal-cyan);font:700 .62rem 'Rajdhani',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.portal-page .top>a,.portal-page .nav>a,.portal-page .back{display:inline-flex;align-items:center;justify-content:center;color:var(--portal-muted)!important;text-decoration:none;border:1px solid #29445e!important;border-radius:999px!important;padding:8px 13px!important;background:rgba(255,255,255,.02);font-weight:650}
.portal-page .top>a:hover,.portal-page .nav>a:hover,.portal-page .back:hover{border-color:var(--portal-cyan)!important;color:var(--portal-cyan)!important}
.portal-page .wrap,.portal-page main{max-width:1250px;margin-inline:auto;position:relative;z-index:1}
.portal-page .wrap{padding:26px 18px 60px!important}
.portal-page h1,.portal-page h2,.portal-page h3,.portal-page .orb{font-family:'Orbitron',sans-serif;letter-spacing:.01em}
.portal-page h1{font-size:clamp(1.35rem,2.5vw,1.75rem)!important}
.portal-page .hero{margin-bottom:18px}
.portal-page .hero p,.portal-page .lead,.portal-page .sub,.portal-page .meta,.portal-page .subtitle{color:var(--portal-muted)!important}
.portal-page .panel,.portal-page .card,.portal-page .stat,.portal-page .summary-card{background:var(--portal-panel-soft)!important;border:1px solid rgba(0,229,255,.22)!important;border-radius:var(--portal-radius)!important;box-shadow:var(--portal-shadow);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}
.portal-page .panel{position:relative}
.portal-page .panel::before,.portal-page .panel::after{content:'';position:absolute;width:10px;height:10px;border:1.5px solid rgba(0,229,255,.55);pointer-events:none}
.portal-page .panel::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.portal-page .panel::after{right:-1px;bottom:-1px;border-left:0;border-top:0}
.portal-page button,.portal-page .primary,.portal-page .btn-primary,.portal-page .btn-secondary{font-family:'Rajdhani',sans-serif!important;font-weight:700;letter-spacing:.01em;transition:border-color .15s,background .15s,transform .15s}
.portal-page a.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--portal-cyan)!important;color:#03121b!important;border:1px solid var(--portal-cyan);font-weight:750}
.portal-page button:hover,.portal-page .btn-primary:hover,.portal-page .btn-secondary:hover{transform:translateY(-1px)}
.portal-page input,.portal-page select,.portal-page textarea{font-family:'Rajdhani',sans-serif!important;border-color:#29445e!important;background:#071426!important;color:#fff!important}
.portal-page input:focus,.portal-page select:focus,.portal-page textarea:focus{outline:2px solid rgba(0,229,255,.22);border-color:var(--portal-cyan)!important}
.portal-page table th{font-family:'Orbitron',sans-serif;font-size:.64rem!important;letter-spacing:.05em}
.portal-page .notice{border-radius:9px!important}
.portal-help-link{position:fixed;right:18px;bottom:18px;z-index:15;display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid rgba(0,229,255,.42);border-radius:999px;background:rgba(5,13,28,.94);color:var(--portal-cyan);text-decoration:none;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.portal-page .modal{z-index:1000!important;background:rgba(0,5,12,.86)!important}.portal-page .modal .dialog{position:relative;z-index:1001;box-shadow:0 24px 80px rgba(0,0,0,.55)}
@media(max-width:600px){.portal-page{overflow-x:hidden}.portal-page .top,.portal-page .nav{padding:11px 12px!important}.portal-page .brand,.portal-page .nav-brand{font-size:.64rem!important}.portal-page .wrap{padding:20px 12px 52px!important}.portal-page .doc-upload-btn{white-space:normal!important;max-width:100%;overflow-wrap:anywhere}.portal-help-link{right:10px;bottom:10px}}