:root{--portal-red:#b80f18;--portal-blue:#153b6d;--portal-ink:#18283f;--portal-muted:#627087;--portal-line:#dfe5ee}
.portal-body{margin:0;background:linear-gradient(120deg,rgba(9,26,51,.88),rgba(70,15,28,.72)),url('../bodybg.jpg') center/cover fixed;font-family:'Segoe UI',Arial,sans-serif;color:var(--portal-ink);line-height:1.5}
.portal-body *{box-sizing:border-box}
.portal-shell{max-width:1380px;margin:24px auto;padding:0 16px}
.portal-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;background:rgba(255,255,255,.96);border-radius:22px 22px 0 0}
.portal-brand{display:flex;align-items:center;gap:22px;color:var(--portal-ink);text-decoration:none}
.portal-brand img{max-width:290px;max-height:94px;width:auto;height:auto;object-fit:contain}
.portal-brand small{display:block;font-size:10px;letter-spacing:1.7px;color:var(--portal-muted);font-weight:700}
.portal-brand strong{display:block;font-size:28px;letter-spacing:-.8px;line-height:1.3;margin-top:5px}
.portal-role{background:linear-gradient(120deg,var(--portal-red),#8f0c13);color:#fff;padding:15px 22px;border-radius:14px;min-width:220px;box-shadow:0 8px 24px #b80f1822}
.portal-role span{display:block;font-size:10px;letter-spacing:1.5px;opacity:.8}.portal-role strong{font-size:18px}
.portal-nav{background:linear-gradient(110deg,#153b6d,#102947);padding:10px 18px;position:sticky;top:0;z-index:20;box-shadow:0 5px 16px #12223c22}
.portal-nav ul{position:static;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;overflow:visible;background:none}
.portal-nav li{float:none;margin:0;padding:0}
.portal-nav li a{display:block;text-align:left;padding:10px 12px;border-radius:8px;color:#e9f0fa;font:600 12px/1.4 'Segoe UI',Arial,sans-serif;text-decoration:none;transition:background .15s}
.portal-nav li a:hover{background:#ffffff19;color:white}.portal-nav li a[aria-current="page"]{background:#fff;color:var(--portal-blue);box-shadow:0 3px 12px #0002}
.portal-menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #ffffff55;border-radius:8px;padding:10px 14px;font:600 15px 'Segoe UI',sans-serif;cursor:pointer}
.portal-account{display:flex;flex-wrap:wrap;gap:12px 30px;background:#eaf0f8;color:#294565;padding:12px 30px;border-bottom:1px solid var(--portal-line);font-size:14px}.portal-account span span{font-weight:700}
.portal-content{background:rgba(255,255,255,.97);padding:30px;min-height:430px;overflow-x:auto;box-shadow:0 22px 55px #0002;text-align:center}
.portal-content h1,.portal-content h2,.portal-content h3{color:var(--portal-ink);letter-spacing:-.5px}
.portal-content input[type=text],.portal-content input[type=password],.portal-content input[type=number],.portal-content input[type=email],.portal-content select,.portal-content textarea{font-family:'Segoe UI',Arial,sans-serif;border:1px solid #cbd5e2;border-radius:9px;padding:9px 11px;min-height:40px;background:#fff;color:var(--portal-ink);max-width:100%}
.portal-content input[type=submit],.portal-content input[type=button],.portal-content button,.portal-action{border:1px solid transparent;border-radius:9px;background:var(--portal-blue);color:#fff;padding:10px 18px;font-family:'Segoe UI',Arial,sans-serif;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}
.portal-content input[type=submit]:hover,.portal-action:hover{filter:brightness(1.12)}
.portal-content input:disabled,.portal-content select:disabled,.portal-content button:disabled{opacity:.55;cursor:not-allowed}
.portal-body :focus-visible{outline:3px solid #dba145;outline-offset:3px}
.portal-content input[type=checkbox],.portal-content input[type=radio]{accent-color:var(--portal-blue)}
.portal-content table{max-width:100%}.portal-content table[id*="GridView"]{border-collapse:collapse;font-family:'Segoe UI',Arial,sans-serif!important;font-size:14px!important;width:100%}
.portal-content table[id*="GridView"] th{background:var(--portal-blue);color:#fff;padding:12px 10px;border-color:#ffffff22}
.portal-content table[id*="GridView"] td{padding:10px;border-color:var(--portal-line)}
.portal-content table[id*="GridView"] tr:hover td{box-shadow:inset 0 0 0 9999px #153b6d08}
.portal-footer{display:flex;justify-content:space-between;gap:12px;background:#f0f3f8;border-top:1px solid var(--portal-line);padding:17px 30px;border-radius:0 0 22px 22px;font-size:12px;color:var(--portal-muted)}
.portal-skip{position:fixed;left:16px;top:-100px;padding:12px;background:white;z-index:200}.portal-skip:focus{top:12px}
.portal-welcome{text-align:left;max-width:1100px;margin:8px auto}.portal-eyebrow{color:var(--portal-red);font-size:12px;font-weight:700;letter-spacing:1.5px}.portal-welcome h1{font-size:36px;line-height:1.2;max-width:650px;margin:12px 0 18px}.portal-lead{font-size:17px;color:var(--portal-muted);max-width:740px}.portal-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}.portal-action-primary{background:var(--portal-red)}.portal-action-secondary{background:#edf2f8;color:var(--portal-blue)}
.portal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portal-card{border:1px solid var(--portal-line);border-radius:14px;padding:22px;background:#fff}.portal-card span{font-size:12px;color:var(--portal-red);font-weight:700}.portal-card h2{font-size:18px;margin:10px 0}.portal-card p{font-size:14px;color:var(--portal-muted)}.portal-card a{font-weight:600;color:var(--portal-blue)}
.portal-login{max-width:420px;margin:25px auto;text-align:left}.portal-login h1{font-size:28px}.portal-login p{color:var(--portal-muted)}.portal-login label{display:block;font-size:14px;font-weight:600;margin:18px 0 6px}.portal-login input[type=text],.portal-login input[type=password],.portal-login input[type=submit]{width:100%}.portal-login input[type=submit]{margin-top:24px}
@media(max-width:1050px){.portal-brand{gap:12px}.portal-brand img{max-width:210px}.portal-brand strong{font-size:23px}.portal-header{padding:22px}.portal-role{min-width:180px}}
@media(max-width:760px){.portal-shell{margin:10px auto;padding:0 10px}.portal-header{flex-direction:column;align-items:stretch;gap:16px;padding:20px;border-radius:16px 16px 0 0}.portal-brand{flex-wrap:wrap}.portal-brand img{max-width:200px;max-height:65px}.portal-brand strong{font-size:24px}.portal-role{padding:12px 16px}.portal-role strong{font-size:16px}.portal-menu-toggle{display:block}.portal-nav ul{flex-direction:column;margin-top:8px}.portal-nav li a{font-size:13px}.portal-nav.portal-menu-collapsed ul{display:none}.portal-content{padding:20px 14px;min-height:350px}.portal-account{padding:12px 18px}.portal-footer{padding:16px;flex-direction:column}.portal-cards{grid-template-columns:1fr}.portal-welcome h1{font-size:28px}}
@media print{.portal-body{background:#fff}.portal-shell{max-width:none;margin:0;padding:0}.portal-nav,.portal-role,.portal-footer,.portal-skip{display:none}.portal-header{padding:10px 0}.portal-content{padding:0;overflow:visible;box-shadow:none;background:#fff}.portal-account{background:white}}