:root{--navy:#132e52;--blue:#2258cd;--ink:#182c45;--muted:#56677d;--paper:#f2f6fc;--line:#d5dfed;--white:#fff;--green:#176348;--red:#a52e35;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:330px 1fr;min-height:100vh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:var(--blue)}button,a{transition:background-color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e3aa25;outline-offset:3px}.rail{background:var(--navy);color:white;padding:38px 32px;display:flex;flex-direction:column;gap:48px}.brand{display:flex;align-items:center;gap:13px;color:white;text-decoration:none;font-size:25px;font-weight:650;direction:ltr;justify-content:flex-end}.brand-mark{width:46px;height:46px;background:white;color:var(--navy);border-radius:12px 12px 3px 12px;display:grid;place-items:center;font-size:33px;font-weight:800}.rail-copy p{color:#c7d8ee;font-size:15px;line-height:1.9;max-width:26ch}.rail-copy h1{font-size:37px;line-height:1.55;letter-spacing:-1px;margin:12px 0 20px;font-weight:650}.rail-workspace{border-inline-start:2px solid #829fc8;padding-inline-start:20px;display:grid;gap:17px;margin-top:auto}.rail-workspace>span{font-size:20px}.rail-workspace div{display:flex;gap:13px;align-items:center;color:#cbdaee}.rail-workspace i{height:9px;width:9px;background:#7dabe8;display:block;border-radius:2px}.rail-workspace b{font-size:14px;font-weight:400}.rail footer{font-size:13px;color:#adc4e3;text-align:start}main{display:flex;flex-direction:column;min-width:0}.topbar{height:88px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--white)}.topbar>span{font-weight:600}.topbar nav{display:flex;gap:16px;align-items:center}.link-button{border:0;background:transparent;color:var(--blue);padding:8px 0;cursor:pointer}.content{padding:48px;max-width:1080px;width:100%;margin:auto}#app{max-width:760px;margin:auto}h2{font-size:32px;margin:0 0 12px;line-height:1.5;font-weight:650}h3{font-size:20px;margin:0 0 18px}p{line-height:1.8}.intro{color:var(--muted);margin:0 0 30px;max-width:60ch}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:8px;align-content:start;margin:0 0 20px}.form-grid .field{margin:0}.full{grid-column:1/-1}label{font-size:14px;font-weight:600}input,select{width:100%;min-height:47px;border:1px solid #a4b4c9;border-radius:6px;padding:10px 12px;color:var(--ink);background:white}input[type=email],input[type=password],input[name=slug],input[name=code]{direction:ltr;text-align:left}small,.help{font-size:13px;color:var(--muted);line-height:1.7}.primary{background:var(--blue);border:1px solid var(--blue);color:white;min-height:46px;padding:10px 24px;border-radius:7px;cursor:pointer;font-weight:600}.primary:hover{background:#1948af}.primary:disabled{opacity:.65;cursor:wait}.secondary{background:white;border:1px solid var(--line);color:var(--blue);min-height:44px;padding:10px 18px;border-radius:7px;cursor:pointer}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}.price{padding:20px;background:#eaf1ff;border-radius:8px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.price strong{font-size:25px;direction:ltr}.main-footer{padding:24px 48px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}#notice{padding:16px 20px;border:1px solid #b7cdec;background:#e8f1ff;border-radius:8px;margin:0 auto 24px;max-width:760px;line-height:1.7}#notice[data-error=true]{background:#fff0ef;color:var(--red);border-color:#e3bfc1}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.summary>div{border-inline-start:3px solid #9bb5df;padding:3px 15px}.summary span{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}.summary strong{font-size:22px;font-weight:600}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.detail-list dt{color:var(--muted);font-size:14px}.detail-list dd{margin:5px 0 0;overflow-wrap:anywhere}.tag{display:inline-block;background:#e6f2ec;color:var(--green);padding:5px 12px;border-radius:20px;font-size:13px}.secret{direction:ltr;text-align:left;overflow-wrap:anywhere;background:var(--paper);padding:16px;border:1px solid var(--line);border-radius:6px;user-select:all;font-family:monospace;line-height:1.8;font-size:15px}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;direction:ltr}.recovery li{font-family:monospace;font-size:12px;background:var(--paper);padding:10px;overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:start;padding:15px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-weight:600;color:var(--muted)}.empty{padding:28px 0;color:var(--muted)}[hidden]{display:none!important}
.billing-panel{margin-top:24px}
@media(max-width:1100px){body{grid-template-columns:260px 1fr}.rail{padding:30px 24px}.rail-copy h1{font-size:30px}.content{padding:32px}.topbar{padding:0 32px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}
@media(max-width:720px){body{display:block}.rail{padding:18px 22px;display:block}.brand{justify-content:flex-start;font-size:22px}.brand-mark{width:36px;height:36px;font-size:28px}.rail-copy,.rail-workspace,.rail footer{display:none}.topbar{height:70px;padding:0 22px}.topbar nav{gap:14px}.content{padding:30px 20px;min-height:65vh}.panel{padding:22px}h2{font-size:27px}.summary{gap:12px;grid-template-columns:1fr}.summary>div{padding:0 12px}.summary strong{font-size:20px}.detail-list{grid-template-columns:1fr}.main-footer{padding:22px 20px}.price{align-items:flex-start;flex-direction:column}.recovery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.role-choices{border:1px solid var(--line);border-radius:8px;padding:16px;margin:20px 0;display:grid;gap:12px}.role-choices label{display:flex;align-items:center;gap:10px;min-height:36px}.role-choices input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;accent-color:var(--blue)}

.brand{justify-content:flex-start}.brand-logo{display:block;position:relative;overflow:hidden;width:100%;height:72px;background:white;border-radius:8px}.brand-logo img{position:absolute;width:100%;height:auto;top:50%;left:0;transform:translateY(-50%)}
.header-actions{display:flex;align-items:center;gap:20px}.language-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#language{width:auto;min-height:38px;padding:6px 10px;font-size:14px}
@media(max-width:720px){.brand-logo{width:225px;height:56px}.topbar{height:auto;min-height:80px;padding-block:12px;flex-wrap:wrap}.header-actions{gap:12px;flex-wrap:wrap}.topbar nav{flex-wrap:wrap}}

/* Approved editable UI adaptation; real portal forms remain intact. */
:root{--navy:#101f3c;--blue:#135efa;--ink:#142345;--muted:#71819f;--paper:#f3f7ff;--line:#e1e9f5;font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}body{grid-template-columns:240px 1fr}.rail{background:linear-gradient(154deg,#101e39,#152b50 80%,#0e2347);padding:30px 22px}.approved-logo{background:transparent;border-radius:0;height:64px}.approved-logo img{position:static;transform:none;height:100%;width:100%;object-fit:contain}.rail-copy h1{font-weight:750;font-size:34px;line-height:1.2}.topbar{height:74px;background:#f9fbff}.panel{border-radius:16px;box-shadow:0 10px 32px #224a8e0b}.primary{background:linear-gradient(100deg,#155af4,#28a9f4);border:0;border-radius:10px}.summary>div{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.summary strong{font-size:26px}.portal-auth{grid-template-columns:47% 53%}.portal-auth .rail{padding:60px 10%;background:radial-gradient(ellipse at 90% 25%,#164b87,transparent 65%),linear-gradient(145deg,#0d1d3d,#072d59)}.portal-auth .rail-copy h1{font-size:clamp(34px,3.8vw,58px);max-width:13ch}.portal-auth .rail-copy p{font-size:16px;line-height:1.8}.portal-auth main{background:radial-gradient(ellipse at top left,#dcecff,transparent 65%),#f3f7ff}.portal-auth .content{max-width:600px;padding:35px 30px}.portal-auth #app{padding:35px;background:white;border:1px solid #fff;border-radius:25px;box-shadow:0 20px 65px #3b6da318}.portal-auth #app:before{content:"";display:block;height:70px;max-width:235px;margin:0 auto 22px;background:url('/brand/logo-original-transparent.png') center/contain no-repeat}.portal-auth #app h2,.portal-auth #app>.intro{text-align:center}.portal-auth #app h2{font-size:26px}.portal-auth .panel{border:0;box-shadow:none;padding:0}.portal-auth input{border-radius:10px;height:49px}.portal-auth .primary{width:100%}.portal-auth .topbar{background:transparent;border:0}.portal-auth .main-footer{border:0}.portal-auth .rail-workspace{border:0;padding:0;gap:24px;margin-top:0}.portal-auth .rail-workspace div{padding:12px;background:#2879bd25;border-radius:12px}.portal-auth .rail-workspace>span{display:none}
@media(max-width:900px){body,.portal-auth{grid-template-columns:1fr}.portal-auth .rail,.rail{padding:24px 30px;display:block}.rail-copy,.rail-workspace,.rail footer{display:none}.brand-logo{width:225px;height:56px}.portal-auth .rail-copy{display:block}.portal-auth .rail-copy h1{max-width:30ch;font-size:32px}.portal-auth .rail-copy p{display:none}.portal-auth .content{padding:24px 16px}.portal-auth #app{padding:28px 22px}.topbar{padding:12px 22px;min-height:74px;height:auto;flex-wrap:wrap}.header-actions{flex-wrap:wrap}}
/* Operator administration: approved brand palette with real, scoped platform navigation. */
.workspace-navigation{display:flex;flex-direction:column;gap:10px}.workspace-navigation .link-button{color:#d6e4fb;text-align:start;padding:13px 15px;border-radius:9px}.workspace-navigation .link-button:hover,.workspace-navigation .link-button:focus-visible{background:#ffffff16;color:#fff}.portal-signed-in .rail-copy,.portal-signed-in .rail-workspace{display:none}.portal-signed-in .content{max-width:1500px;margin:0 auto;padding:30px}.portal-signed-in #app{max-width:none}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 14px}.metric-card{border:1px solid var(--line);border-radius:15px;background:#fff;text-align:start;padding:22px;cursor:pointer;color:var(--ink);min-height:130px}.metric-card:hover{border-color:#9ebdf8;box-shadow:0 8px 25px #224a8e10}.metric-card span{display:block;font-size:13px;color:var(--muted);line-height:1.7}.metric-card strong{display:block;font-size:32px;font-weight:700;margin-top:16px}.attention-row{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.attention-row strong{font-size:21px}.revenue-row{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line)}.revenue-row strong{font-size:23px}.report-range{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.report-range input{width:auto;max-width:100%}.registration-chart{display:grid;gap:13px;margin-top:24px}.chart-row{display:grid;grid-template-columns:110px minmax(100px,1fr) 45px;gap:14px;align-items:center}.chart-row meter{width:100%;height:21px;accent-color:var(--blue)}.directory-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.directory-filters .field{margin:0}.identifier{font-family:monospace;direction:ltr;font-size:11px}.portal-signed-in td{vertical-align:top}.portal-signed-in .table-wrap{padding:16px}.portal-signed-in .table-wrap td:first-child{min-width:250px;max-width:350px;white-space:normal}
@media(max-width:1150px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.portal-signed-in .rail{padding:18px 22px}.workspace-navigation{flex-direction:row;overflow-x:auto;gap:4px;margin-top:10px}.workspace-navigation .link-button{white-space:nowrap;padding:10px}.portal-signed-in .content{padding:25px 18px}.directory-filters{grid-template-columns:1fr}.admin-metrics{gap:10px}.metric-card{padding:17px;min-height:115px}.metric-card strong{font-size:27px}.revenue-row strong{font-size:19px}}