/* Trion Control Center 0.8 — static artwork, no external fonts or assets. */
:root{--bg:#080c17;--card:#10192ad9;--line:#58668d45;--muted:#b0bed6;--hub-radius:20px;--hub-shadow:0 16px 44px #0004}
body{background:#080c17;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#050b1740,#070b1810 65%,#090b2220),url('/static/control-center-bg.webp') center/cover no-repeat}
body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#81a4f305 1px,transparent 1px),linear-gradient(90deg,#81a4f305 1px,transparent 1px);background-size:64px 64px}
body>aside{left:18px;top:18px;bottom:18px;width:258px;height:calc(100dvh - 36px);padding:25px 16px 18px;background:linear-gradient(160deg,#101b2df2,#0a1022ed);border:1px solid #65749b47;border-radius:24px;box-shadow:0 20px 70px #0006;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#435476 transparent}
body>aside .brand{gap:12px;padding:0 8px 20px;border-bottom:1px solid var(--line)}
.brand img{border-radius:18px;box-shadow:0 0 30px #4ad6ff15;border-color:#6581a65c}.brand small{font-size:8px;letter-spacing:2px;margin-top:5px}.section-label{font-size:9px;color:#8296b7}
#nav{gap:6px}#nav button{border-radius:12px;color:#b6c2d9;padding:11px 13px;min-height:44px;font-size:13px;border:1px solid transparent}
#nav button.active{background:linear-gradient(110deg,#19698052,#62479c49);border-color:#79c6f452;box-shadow:inset 3px 0 #5be1ff,0 5px 18px #0002;color:#fff}
#nav button:hover:not(:disabled){background:#2637568f}#nav .nav-icon{font-size:17px;color:#8ab9d7}
#nav button.active .nav-icon{color:#5be1ff}aside footer{margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}
body>main{margin-left:292px;padding:18px 32px 46px;max-width:none;position:relative}
main>header{padding:14px 18px;margin-bottom:22px;border:1px solid var(--line);border-radius:16px;background:#101b2ac9;min-height:62px;box-shadow:0 8px 30px #0002;font-size:10px;letter-spacing:1.5px}
.hub-toolbar button{background:#19273a;border-color:#4765815e;border-radius:9px;font-size:11px}
.control-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;margin-bottom:26px;overflow:hidden;border:1px solid #638fb74f;border-radius:22px;background:linear-gradient(110deg,#102b3be6,#191a33d9);box-shadow:var(--hub-shadow)}
.control-banner:after{content:'';position:absolute;inset:0;background:url('/static/trion-bot-logo.png') right -30px center/230px no-repeat;opacity:.07;pointer-events:none}
.control-banner>div{position:relative;z-index:1}.control-banner .eyebrow{font-size:9px;letter-spacing:2.5px}.control-banner h2{font-size:24px;font-weight:750;letter-spacing:-.8px;margin:7px 0 5px}.control-banner p{font-size:12px;margin:0;max-width:530px;color:#b2c6da}.control-profile{display:grid;gap:4px;text-align:right;font-size:12px;flex-shrink:0;max-width:220px;overflow-wrap:anywhere}.control-profile small{color:#86a5bf;font-size:10px;letter-spacing:.6px}
main #content{max-width:1440px;margin:0 auto;min-width:0}.control-banner,.page-footer{max-width:1440px;margin-left:auto;margin-right:auto}.heading{margin:27px 0 25px}.heading .eyebrow{font-size:9px;letter-spacing:2.2px}h1{font-size:36px;font-weight:750;letter-spacing:-1.2px}.heading p{font-size:13px;max-width:820px;color:#acbdd4}
.cards{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel,#content form{background:linear-gradient(135deg,#142138e8,#11172bdd);border:1px solid var(--line);box-shadow:var(--hub-shadow);border-radius:20px;padding:26px}
.card{border-top:1px solid #5f8ab16b;min-height:150px}.card:before{content:'';position:absolute;left:26px;right:26px;top:0;height:2px;background:linear-gradient(90deg,#4ddaff,#ac87fb,transparent);opacity:.65}.card small{color:#9eb1ca;font-size:10px;letter-spacing:1px}.metric{font-size:32px;letter-spacing:-1px}.metric.small{font-size:17px;letter-spacing:0}.panel>h2{font-size:17px;margin-bottom:16px}.panel p{font-size:13px}.panel>h2>button{border-radius:8px;color:#96b9d3}
#content form form,.panel form{background:#101a2bad;box-shadow:none}fieldset{background:#0a14214d;border-color:#536b8847;border-radius:14px}legend{font-size:12px;color:#c4b8f0}
input,textarea,select{background:#080f1fe6;border-color:#46627e6b;border-radius:10px;color:#f0f5ff}input::placeholder,textarea::placeholder{color:#7c90ad}.primary,button.primary{border-radius:10px;background:linear-gradient(110deg,#55dfff,#b197ff);box-shadow:0 7px 24px #6195ff20;font-size:13px}
button{background:#1b2a41c9;border-color:#54718d63;font-size:13px}button:hover:not(:disabled){background:#2b405bec}.settings-scope{background:#102e3a80;border-color:#44778d50}.table-wrap{border:1px solid #465d7942;padding:15px;background:#0b142259}.enhanced-table th{background:#1422389c}.enhanced-table td{border-color:#394f694d}.enhanced-table tbody tr:hover{background:#24375270}.table-tools{padding-bottom:12px}.table-pagination{border-top:1px solid #465d7942;margin-top:10px}
.hero{padding:42px 20px;gap:42px}.hero-art img{box-shadow:0 0 70px #8971ff21;border-color:#677fa655;border-radius:32px}.hero h1{font-size:clamp(34px,4vw,58px)}.feature-strip{justify-content:center}.feature-strip span{background:#15293aa1;border-color:#5e779450}
.page-footer{border-color:#58698e40;font-size:9px;color:#8195b1}.hub-modal{background:linear-gradient(135deg,#152239,#11182b);border-color:#64769973}.hub-drawer{border-radius:20px 0 0 20px}.hub-modal::backdrop{background:#030713c9}.hub-compact .card,.hub-compact .panel,.hub-compact #content form{padding:18px}
.hub-sidebar-collapsed>aside{width:82px;padding:22px 9px}.hub-sidebar-collapsed>main{margin-left:116px}.hub-sidebar-collapsed .brand{padding-bottom:18px}.hub-sidebar-collapsed #nav button{padding:11px 5px}
@supports(backdrop-filter:blur(8px)){main>header{backdrop-filter:blur(8px)}}
@media(min-width:1700px){body>main{padding-left:48px;padding-right:48px}}
@media(max-width:1100px){body>main{padding-right:20px;padding-left:20px}.cards{grid-template-columns:1fr}.control-banner{padding:24px}.control-banner h2{font-size:22px}.hero{padding:24px 0;gap:24px}}
@media(max-width:700px){body>main,body.hub-sidebar-collapsed>main{margin:0;padding:12px 14px 30px}body>aside,body.hub-sidebar-collapsed>aside{left:10px;top:10px;bottom:10px;height:calc(100dvh - 20px);width:min(300px,85vw);border-radius:20px;padding:22px 16px}main>header{padding:10px;min-height:56px;margin-bottom:14px;gap:6px}.hub-toolbar button{font-size:10px;padding:7px}.control-banner{padding:22px 18px;display:block;margin-bottom:20px;border-radius:18px}.control-banner h2{font-size:23px}.control-banner p{max-width:260px;font-size:11px}.control-profile{display:none}.control-banner:after{background-size:160px;background-position:right -35px center}.heading{margin-top:20px}h1{font-size:29px}.card,.panel,#content form{padding:19px;border-radius:16px}.card:before{left:19px;right:19px}.hero{padding:20px 0}.hero h1{font-size:36px}.hero-art{max-width:250px}.cards{gap:12px}.table-wrap{padding:10px}.page-footer{font-size:8px}.hub-modal{border-radius:17px}.hub-drawer{border-radius:17px 0 0 17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

body.registration-body>main{margin:28px auto!important;max-width:960px;width:100%;padding:30px 24px!important}body.registration-body .panel{background:#111b2ee6}body.registration-body #application-content{max-width:100%}@media(max-width:700px){body.registration-body>main{margin:10px auto!important;padding:20px 16px!important}}