/* AIKA EMU — local assets, blue and white identity, accessible reduced motion. */
:root{--ink:#18304e;--muted:#566b86;--blue:#176fdf;--navy:#081b33;--line:#e3ebf4;--bg:#f4f7fb;--green:#258268;font-family:'Segoe UI',Arial,sans-serif;font-size:14px;color:var(--ink);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #5aaff7;outline-offset:3px}[hidden]{display:none!important}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#2565a8;margin-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:3px;font-size:23px}.brand img{flex-shrink:0;filter:drop-shadow(0 3px 10px #06152b40)}.brand span{display:block;font-size:9px;letter-spacing:4.3px;font-weight:500;margin-top:4px;color:#8fc8ff}
.auth-shell{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:100svh;padding:56px 24px 72px;background:var(--navy)}
.auth-world{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:var(--navy)}
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.auth-world:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#07193255 0%,#07193238 42%,#06162bd9 100%),linear-gradient(90deg,#07193275,transparent 28%,transparent 72%,#07193275)}
.auth-world:after{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 45%,#2d91e620 0%,transparent 65%);animation:world-glow 9s ease-in-out infinite alternate}
.hero-atmosphere{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.hero-atmosphere span{position:absolute;bottom:14%;left:13%;width:3px;height:3px;background:#a7e5ff;border-radius:50%;box-shadow:0 0 12px 3px #7aceff60;opacity:0;animation:ember-rise 15s linear infinite}
.hero-atmosphere span:nth-child(2){left:34%;bottom:27%;animation-delay:-7s;animation-duration:18s}.hero-atmosphere span:nth-child(3){left:72%;bottom:38%;animation-delay:-3s;animation-duration:20s}.hero-atmosphere span:nth-child(4){left:83%;bottom:14%;animation-delay:-11s;animation-duration:16s}.hero-atmosphere span:nth-child(5){left:53%;bottom:23%;animation-delay:-4s;animation-duration:14s}.hero-atmosphere span:nth-child(6){left:23%;bottom:40%;animation-delay:-9s;animation-duration:22s}.hero-atmosphere span:nth-child(7){left:62%;bottom:49%;animation-delay:-1s;animation-duration:19s}.hero-atmosphere span:nth-child(8){left:91%;bottom:29%;animation-delay:-6s;animation-duration:16s}
@keyframes ember-rise{0%{transform:translate3d(0,30px,0);opacity:0}18%{opacity:.55}75%{opacity:.4}100%{transform:translate3d(-30px,-220px,0);opacity:0}}@keyframes world-glow{from{opacity:.35}to{opacity:.85}}
.auth-panel{position:relative;width:448px;max-width:100%;padding:34px 40px 28px;border:1px solid #ffffffb3;border-radius:22px;background:linear-gradient(150deg,#fff,#f9fbff);box-shadow:0 28px 85px #020c22a0,0 0 0 6px #c3e4ff09}
.auth-panel:before{content:'';position:absolute;top:-1px;left:18%;right:18%;height:2px;background:linear-gradient(90deg,transparent,#6ecaff,transparent);border-radius:2px}
.auth-content{width:100%}.auth-logo{display:block;width:300px;max-width:100%;margin:0 auto 30px}.auth-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 8px #1c87e81a)}
.auth-heading{text-align:center;margin-bottom:25px}.auth-heading h2{font-size:26px;letter-spacing:-.7px;font-weight:700;line-height:1.3;color:#172d4b}.auth-heading>p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.7}
label{font-size:11px;font-weight:600;display:block;margin:20px 0 8px;color:#41556e}input,select{width:100%;padding:13px 14px;border:1px solid #dbe5f0;border-radius:9px;background:#fff;color:var(--ink);font-size:12px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{outline:3px solid #328de91a;border-color:#4899ef}input::placeholder{color:#566b86}input[readonly]{font-family:Consolas,monospace}
.auth-panel label{font-size:12px;margin-top:19px;margin-bottom:9px}.auth-panel input{height:48px;font-size:13px;padding:13px 15px;background:#f8fafd}.label-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.label-row .text-button{margin:14px 0 0;font-size:11px}.text-button{background:none;border:0;color:#2474cc;padding:5px 0;font-size:11px}.text-button:hover{color:#105cb2;text-decoration:underline}.password-field{position:relative}.password-field input{padding-right:76px}.password-field button{position:absolute;right:10px;top:10px;min-height:28px;padding:5px;border:0;background:none;color:#566b86;font-size:10px}.field-help{font-size:10px;color:var(--muted);margin-top:9px;line-height:1.6}
.primary,.secondary{position:relative;overflow:hidden;border:0;border-radius:9px;padding:12px 18px;font-size:11px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:14px;transition:transform .2s,box-shadow .2s,background .2s}.primary{background:linear-gradient(110deg,#1469d8,#2472d7);color:#fff;box-shadow:0 4px 12px #176adf25;border:1px solid #126adb55}.primary:after{content:'';position:absolute;inset:-80% auto -80% -40%;width:23%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:rotate(25deg) translateX(-100%);pointer-events:none;transition:transform .65s ease}.primary:hover{box-shadow:0 6px 17px #176adf35;transform:translateY(-1px);background:linear-gradient(110deg,#1262c9,#1c74d4)}.primary:hover:after{transform:rotate(25deg) translateX(800%)}.primary:active,.secondary:active{transform:translateY(0)}.secondary{background:#edf3fb;color:#2565a8}.secondary:hover{background:#dfeaf8}.danger{background:#fff0f0;color:#b74b4b}.wide{width:100%;margin-top:25px;height:48px;font-size:13px;letter-spacing:.2px}
.message{line-height:1.7;font-size:12px;color:#216e53;white-space:pre-wrap;overflow-wrap:anywhere}.message:not(:empty){margin:14px 0;padding:12px 15px;background:#edf9f4;border:1px solid #d8eee4;border-radius:9px}.message.error{color:#a34b45;background:#fff2f1;border-color:#f0d9d7}
#back-login,#resend-link,.setup-link{display:block;margin:14px auto 0;text-align:center;font-size:10px;line-height:1.6}#resend-link{color:#566b86;font-size:9px}.setup-link{color:#6b819b}.auth-tabs{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:24px;padding-top:21px;font-size:11px;color:#566b86}.auth-tabs button{border:0;background:none;padding:4px 0;color:#176ed0;font-weight:650;font-size:11px}.auth-tabs button:hover{text-decoration:underline}.auth-tabs .selected,.register-prompt{display:none}.auth-tabs:has([data-auth="register"].selected) .login-prompt{display:none}.auth-tabs:has([data-auth="register"].selected) .register-prompt{display:inline}.auth-tabs:has([data-auth="register"][hidden]){display:none}
.auth-footer{position:absolute;bottom:25px;left:24px;right:24px;display:flex;justify-content:center;gap:14px;color:#c4d5e9;font-size:9px;letter-spacing:.5px;text-shadow:0 2px 6px #0009}.auth-footer span{color:#8ea7c1;letter-spacing:0}
.portal-shell{min-height:100svh;display:flex}#sidebar{width:226px;flex-shrink:0;background:linear-gradient(160deg,#142c49,#081b33);border-right:1px solid #2c4c70;padding:28px 18px 20px;display:flex;flex-direction:column;position:fixed;height:100svh;z-index:10;color:#e7f0ff;overflow-y:auto}.portal-brand{justify-content:center;padding:0}.portal-brand img{display:block;width:175px;max-width:100%;height:auto}.nav-label{color:#829ab7;font-size:8px;font-weight:700;letter-spacing:1.5px;margin:40px 16px 12px}.nav-button{display:flex;align-items:center;gap:13px;width:100%;border:1px solid transparent;background:none;color:#9caec5;font-size:11px;text-align:left;padding:13px 16px;border-radius:9px;margin-bottom:5px;transition:color .2s,background .2s,border-color .2s}.nav-button>span{font-size:18px;width:18px;text-align:center}.nav-button.active{background:linear-gradient(110deg,#3886df30,#3886df10);border-color:#4b9aeb40;color:#98d3ff;font-weight:650}.nav-button:hover{background:#ffffff07;color:#d6ecff}.sidebar-bottom{margin-top:auto;padding:25px 6px 0}.support-card{padding:15px 13px;border:1px solid #6baee030;background:#0716294d;border-radius:10px;font-size:10px}.support-card strong{font-size:10px;color:#d2e4f9}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#46a48a;margin-right:6px}.support-card p{color:#8da7c3;line-height:1.8;margin:9px 0 0 12px;font-size:9px}.sidebar-bottom>p{color:#7590ad;font-size:8px;letter-spacing:.5px;margin-top:20px}.sidebar-bottom>p span{display:block;font-size:8px;letter-spacing:0;margin-top:6px}
.portal-main{margin-left:226px;width:calc(100% - 226px);display:flex;flex-direction:column;min-height:100svh}.portal-top{height:83px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px}#breadcrumb{font-size:11px;color:#566b86}.user-menu{display:flex;align-items:center;gap:12px}.user-menu>div{text-align:right}.user-menu strong{display:block;font-size:11px}.user-menu small{display:block;font-size:9px;color:#566b86;margin-top:5px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e5effb;color:#2468b4;font-size:13px;font-weight:700}.user-menu button{padding:9px 12px;font-size:10px}.workspace{padding:28px 34px 20px;max-width:1700px;width:100%;margin:0 auto}
.page-heading{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;min-height:154px;padding:30px;border:1px solid #6baee050;border-radius:14px;color:#fff;background:#142d49;box-shadow:0 9px 22px #1c2a3910}.page-heading:before{content:'';position:absolute;inset:0;background:url('/assets/aika-hero.webp?v=20261011-centered2') 76% 25%/cover no-repeat;z-index:-2}.page-heading:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#092342ef 0%,#092342d1 37%,#09234288 67%,#092342bb 100%);z-index:-1}.page-heading h1{font-size:30px;letter-spacing:-.6px;font-weight:600}.page-heading .eyebrow{color:#a2d8ff;font-size:8px}.page-heading>div>p:last-child{font-size:11px;color:#bed3e8;margin-top:10px;line-height:1.7}.page-heading .primary{flex-shrink:0;box-shadow:0 4px 14px #0004}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 4px 14px #233f6004;position:relative;overflow:hidden}.metric:after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,#72b3f4,transparent)}.metric-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.metric-icon{width:30px;height:30px;display:grid;place-items:center;background:#edf5ff;color:#3c8cde;border-radius:8px;font-size:16px;flex-shrink:0}.metric strong{display:block;font-size:29px;font-weight:600;letter-spacing:-.5px;margin:13px 0 9px}.metric p{font-size:9px;color:#566b86}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:22px;box-shadow:0 4px 14px #233f6004}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.card h3{font-size:14px;font-weight:650}.card-heading p{color:#566b86;font-size:10px;margin-top:7px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;white-space:nowrap;color:#566b86;font-size:8px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;background:#f7faff;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid #edf2f8;color:#5f748e;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong{display:block;font-size:11px;color:#354f70;font-weight:600}td small{display:block;color:#566b86;font-size:9px;margin-top:5px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;background:#eaf8f1;color:#1d7857;font-size:9px;white-space:nowrap}.badge.off{background:#fff0ef;color:#a34b45}.badge.expired{background:#fff5df;color:#896719}.badge.pending{background:#eef4fb;color:#416c9d}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.table-actions{display:flex;gap:5px;flex-wrap:wrap}.table-actions button{padding:7px 8px;font-size:9px;border:1px solid #dce8f5;background:#f7faff;color:#2565a8;border-radius:6px;transition:background .2s}.table-actions button:hover{background:#e5f1fd}.empty-state{padding:37px 20px;text-align:center;color:#566b86}.empty-state>span{display:block;font-size:29px;margin-bottom:12px;color:#9ac9f4}.empty-state strong{font-size:12px;color:#566b86;display:block}.empty-state p{font-size:11px;margin:9px 0 0;line-height:1.7}
.overview-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.info-card{padding:27px;background:linear-gradient(135deg,#eaf4ff,#f8fbff);border-color:#d6e7fa}.info-card .eyebrow{font-size:8px}.info-card h3{font-size:22px;line-height:1.4;font-weight:600}.info-card p{font-size:11px;color:#566b86;line-height:1.8;margin-top:12px}.info-card code{font-size:11px;color:#2565a8}.info-card .primary{margin-top:22px}.steps{margin:18px 0 0;padding:0;list-style:none}.steps li{font-size:11px;color:#566b86;padding:9px 0;display:flex;gap:9px}.steps span{font-size:10px;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#deedfd;color:#2565a8;flex-shrink:0}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.profile-form{max-width:450px}.profile-form button{margin-top:22px}.portal-footer{margin-top:auto;padding:22px 34px;display:flex;justify-content:space-between;gap:8px;color:#566b86;font-size:8px;letter-spacing:.6px}#menu-toggle{display:none}.icon-button{border:0;background:none;color:#566b86;padding:6px;font-size:23px}
dialog{border:1px solid #ccdef3;border-radius:16px;padding:27px;width:560px;max-width:calc(100vw - 28px);color:var(--ink);background:#fff;max-height:90svh;overflow:auto;box-shadow:0 35px 100px #0b192750}dialog::backdrop{background:#09182899;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.modal-heading h2{font-size:19px;letter-spacing:-.4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-grid .full{grid-column:1/-1}.modal-actions{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.notice{font-size:11px;color:#566b86;line-height:1.8;padding:15px;background:#f1f7ff;border-radius:9px;margin-top:18px}.detail-list{margin:18px 0}.detail-list div{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:18px}.detail-list dt{font-size:11px;color:#566b86;min-width:110px}.detail-list dd{font-size:11px;margin:0;overflow-wrap:anywhere;color:#496a91}.key-text{font-size:12px;word-break:break-all;white-space:pre-wrap;background:#eff6ff;color:#2565a8;padding:17px;border:1px solid #d6e7fa;border-radius:9px;margin-top:20px}details summary{font-size:11px;color:#2565a8;cursor:pointer}details p{font-size:10px;line-height:1.8;color:#566b86;margin:10px 0}#search{max-width:260px;padding:9px 12px;font-size:11px}
@media(min-width:1800px){.hero-art{object-position:50% 18%}}
@media(max-width:1200px){.workspace{padding:25px 22px}.portal-top{padding:0 22px}.metrics{gap:12px}.metric{padding:15px}.overview-grid{grid-template-columns:1fr}#sidebar{width:204px}.portal-main{margin-left:204px;width:calc(100% - 204px)}.page-heading{padding:26px}}
@media(max-width:960px){.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.auth-shell{padding:36px 20px 64px}.hero-art{object-position:48% 20%}.auth-world:before{background:linear-gradient(180deg,#07193275,#07193260 45%,#06162be8)}.auth-panel{padding:30px 32px 26px}.auth-footer{bottom:22px}#sidebar{transform:translateX(-100%);transition:transform .2s;width:226px;box-shadow:18px 0 55px #0d254260}#sidebar.open{transform:translateX(0)}.portal-main{margin-left:0;width:100%}#menu-toggle{display:block}.portal-top{height:70px;padding:0 16px}#breadcrumb{display:none}.workspace{padding:20px 16px}.metrics{gap:10px}.metric strong{font-size:25px}.card{padding:18px}.page-heading{padding:23px;min-height:155px;flex-wrap:wrap;gap:16px}.page-heading h1{font-size:29px}.page-heading>div>p:last-child{font-size:10px;line-height:1.7}.page-heading .primary{padding:10px;font-size:10px}.profile-grid{grid-template-columns:1fr}.portal-footer{padding:20px 16px;font-size:7px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.user-menu>div{max-width:140px}.user-menu strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-list div{display:block}.detail-list dd{margin-top:8px}.card-heading{align-items:flex-start}#search{max-width:165px}.metric-header{font-size:9px}.metric p{font-size:8px}}
@media(max-width:480px){.auth-shell{padding:28px 16px 60px}.auth-panel{padding:28px 25px 25px;border-radius:18px}.auth-logo{margin-bottom:24px}.auth-logo{width:280px}.auth-heading h2{font-size:24px}.auth-heading>p{font-size:11px}.auth-heading{margin-bottom:22px}.auth-tabs{font-size:10px;gap:6px}.auth-tabs button{font-size:10px}.auth-footer{font-size:8px}}
@media(max-width:390px){.auth-panel{padding-left:22px;padding-right:22px}.auth-heading h2{font-size:22px}.label-row .text-button{font-size:10px}.metrics{gap:8px}.metric{padding:12px}.metric-icon{width:25px;height:25px}.modal-actions{flex-direction:column}.page-heading{padding:20px}}
@media(max-height:700px) and (min-width:781px){.auth-shell{padding-top:28px;padding-bottom:60px}.auth-panel{padding-top:24px;padding-bottom:24px}.auth-logo{margin-bottom:22px}.auth-logo{width:270px}.auth-heading{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-atmosphere{display:none}.primary:hover{transform:none}}