/* PrinaVision: playback-inspired control room. Layout and behavior stay in the base styles. */
:root {
 --accent:#862947;
 --on-accent:#fff;
 --signal:#71e4ed;
 --accent-light:color-mix(in srgb,var(--accent) 38%,#ffbbd9);
 --ink:#e9f0f9;
 --muted:#a7b7ca;
 --line:#374b65;
 --bg:#151f2f;
 --panel:#213147;
 --mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
 color-scheme:dark;
 font-family:'Avenir Next',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
body {
 background:radial-gradient(ellipse at 80% 0%,#2c426170,transparent 55%),var(--bg);
 color:var(--ink);
}
body::before {
 content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
 background-image:linear-gradient(#6388a407 1px,transparent 1px),linear-gradient(90deg,#6388a407 1px,transparent 1px);
 background-size:56px 56px;
}
::selection{background:#315264;color:#fff}
button,a,input,select,textarea,summary{outline-offset:4px}
:focus-visible{outline:2px solid var(--signal)}
button,a{touch-action:manipulation}
.eyebrow,.nav-caption{font-family:var(--mono);font-weight:500;letter-spacing:2px}
.eyebrow{color:var(--signal)}
h1,h2,h3{color:var(--ink)}
h1{font-weight:650;letter-spacing:-1.2px}
.muted,small{color:var(--muted)}
aside {
 width:232px;padding:27px 18px 20px;background:linear-gradient(180deg,#1b2a3d,#142034 75%);
 border-right:1px solid #3a4e69;overflow:auto;scrollbar-width:thin;scrollbar-color:#33425b transparent;
}
.brand.brand-logo{display:flex;align-items:center;gap:10px;width:auto;max-width:100%;text-decoration:none}
.brand-logo .logo-window{width:42px;height:42px;flex-shrink:0;border-radius:9px;background:#fff;box-shadow:0 0 0 1px #ffffff20,0 0 25px #af396024}
.brand-logo .logo-window img{width:105px;height:105px;left:-27px;top:-33px}
.brand .brand-wordmark{font-size:20px;color:#f3f6fb;font-weight:700;letter-spacing:-.7px;line-height:1.1}
.brand .brand-wordmark>span{font-size:20px;font-weight:400;color:#becbdf;letter-spacing:-.7px}
.brand .brand-wordmark small{display:block;margin-top:7px;font:8px var(--mono);letter-spacing:1.6px;color:#8299b4}
.operator-card{margin:30px 0 25px;padding:13px 10px;background:#293b5380;border:1px solid #3b506c;border-radius:7px;position:relative}
.operator-card::after{content:'';position:absolute;right:-1px;top:10px;width:2px;height:18px;background:var(--accent-light)}
.operator-card strong{color:#d9e5f4;overflow-wrap:anywhere}
.operator-card small{font:8px var(--mono);letter-spacing:1px;color:#8fa2bd}
.avatar{background:#25324b;color:var(--signal);border:1px solid #3a5067;border-radius:6px}
.nav-caption{font-size:8px;color:#8294ad;margin:0 10px 13px;letter-spacing:1.4px}
#navigation{display:flex;flex-direction:column;gap:3px;margin:0}
#navigation a{gap:12px;margin:0;padding:11px 12px;font-size:13px;color:#b0bed1;border:1px solid transparent;border-radius:6px;position:relative;transition:background .16s,border-color .16s,color .16s}
#navigation a span{font-size:12px}
#navigation a:hover{background:#19283a;color:#f3f7fc}
#navigation a.active{color:#d6fbff;background:linear-gradient(90deg,#1e3b4a99,#19263880);border-color:#3c5c71;font-weight:600}
#navigation a.active::before{content:'';width:2px;position:absolute;left:-1px;top:9px;bottom:9px;background:var(--signal);box-shadow:0 0 12px #69e8ff88}
.nav-icon{width:17px;height:17px;flex-shrink:0;color:#90a5bf}
#navigation a.active .nav-icon{color:var(--signal)}
.sidebar-bottom{padding:28px 10px 0;font-family:var(--mono);color:#b5c5dc;font-size:9px;letter-spacing:1px}
.sidebar-bottom strong{font-size:9px;font-weight:500}
.sidebar-bottom small{margin:13px 0 0;font-family:inherit;font-size:8px;letter-spacing:0;color:#9aabc0}
.sidebar-bottom .dot{background:#d8ad74;width:5px;height:5px}
.console-version{display:block;margin-top:12px;font-size:7px;color:#8395af;letter-spacing:1.1px}
.signal-decoration{height:21px;display:flex;align-items:center;gap:3px;margin-bottom:12px}
.signal-decoration i{width:2px;height:5px;background:#4c7b8c}
.signal-decoration i:nth-child(2),.signal-decoration i:nth-child(6){height:11px}
.signal-decoration i:nth-child(3),.signal-decoration i:nth-child(5){height:17px;background:#67acb9}
.signal-decoration i:nth-child(4){height:21px;background:var(--signal)}
header{height:70px;padding:0 30px;background:#1a293ce8;border-bottom:1px solid #354b67;gap:16px;font-size:11px}
header>div:first-child{display:flex;align-items:center;min-width:0}
.workspace-label{display:inline-flex;gap:10px;align-items:center;color:#93a6be;white-space:nowrap;font-size:10px}
.header-mark{color:var(--signal);font-size:17px}
.separator{color:#48617c;margin:0 16px}
#breadcrumb{font-weight:500;overflow-wrap:anywhere}
.account{gap:10px;flex-shrink:0}.account span{color:#a0b2c9;font-size:10px}
.account .ghost{padding:8px 11px;font-size:10px}
#staff-role{font-size:9px;color:#b6cde4}
main{padding:32px;max-width:1540px}
.page-heading{padding-bottom:23px;border-bottom:1px solid #394e68;margin-bottom:25px}
.page-heading .eyebrow{font-size:9px;color:var(--signal);margin-bottom:10px}
.page-heading p{color:#a9bdd5;font-size:12px}
.page-heading h1{font-size:32px}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 60%,#ffd4e6);color:var(--on-accent);font-size:12px;font-weight:650;line-height:1.5;border-radius:6px;padding:11px 17px;box-shadow:0 3px 14px #0003;transition:filter .16s,box-shadow .16s}
.primary:hover{filter:brightness(1.16);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 28%,transparent)}
.ghost{background:#23364b90;border:1px solid #34475e;color:#b8cbe1;border-radius:5px;line-height:1.5;transition:background .16s,border-color .16s}
.ghost:hover:not(:disabled){background:#23354b;border-color:#63829d;color:#f2f7ff}
button:disabled{opacity:.42;cursor:default;filter:none;box-shadow:none}
.card,.stat{background:linear-gradient(145deg,#293c55e6,#213147f5);border:1px solid #3c526e;border-radius:9px;box-shadow:0 8px 28px #00000014}
.card-head{padding:18px 22px;background:#293d5575;border-bottom:1px solid #3b516d;gap:12px}
.card-head h3{font-size:14px;font-weight:600}
.card-head>a{color:var(--signal);font-size:11px}
.card-body{padding:22px}.card-body>p{font-size:13px}
.stats{gap:15px;margin-bottom:24px}
.stat{padding:19px;position:relative;overflow:hidden;border-top:1px solid #537185}
.stat::after{content:'';position:absolute;width:29px;height:3px;bottom:0;right:18px;background:var(--signal);opacity:.45}
.stat:nth-child(2)::after{background:#dca2e9}.stat:nth-child(3)::after{background:#a6a9ff}.stat:nth-child(4)::after{background:var(--accent-light)}
.stat-top{font-size:11px;color:#b2c2d7;gap:7px;align-items:center}
.stat-icon{background:#1b3445;border:1px solid #355469;color:var(--signal);font-size:15px;padding:5px 8px;border-radius:6px}
.stat strong{font-family:var(--mono);font-size:34px;font-weight:500;letter-spacing:-1.5px;margin:17px 0 10px;color:#edf7ff}
.stat small{font-size:10px;line-height:1.6;display:block;color:#a0b3cd}
.notice{background:linear-gradient(100deg,#263d55,#24344b);border:1px solid #36516c;border-left:2px solid #75c0d9;border-radius:7px}
.notice strong{color:#c5d9ee;font-size:12px;font-weight:600}.notice p{color:#99acc5;font-size:11px}.notice-icon{color:var(--signal)}
.step{border-color:#26394e;padding:17px 0;gap:14px}.step .number{background:#172b40;border:1px solid #39516b;color:var(--signal);font:10px var(--mono);border-radius:6px;width:29px;height:29px}
.step strong{color:#d9e6f6}.step p{color:#a0b5cf;font-size:11px}.step a:hover strong{color:var(--signal)}
.activity{border-color:#25364c;padding:17px 0}.activity .activity-mark{background:#223047;border:1px solid #3a4760;color:var(--accent-light);border-radius:6px}
.activity strong{color:#d6e3f4;font-size:12px}.activity p{color:#90a3be;font-size:10px;line-height:1.7}
.toolbar{background:#203249;border-color:#3c526e;padding:18px 20px}
.list-filters label{font-size:10px;letter-spacing:.1px;color:#b3c3d9}.list-summary{font:10px var(--mono);color:#9bb1cc;padding:0 22px;margin:17px 0}
table{font-size:12px}th{background:#1a2b40;color:#90a7c3;border-bottom:1px solid #31445d;font:9px var(--mono);padding:15px 21px;letter-spacing:1px}
td{border-color:#24354b;color:#b8c9df;padding:18px 21px}td strong{color:#e0eaf7}td small{color:#a0b5cf;font-size:10px}
tbody tr:hover{background:#1d30443d}
.badge{display:inline-block;background:#223248;color:#a9c0da;border:1px solid #39506b;font:9px var(--mono);border-radius:4px;padding:5px 8px;line-height:1.4}
.badge.good{background:#153b354f;border-color:#30675d;color:#8de2c0}
.badge.warn{background:#503c2140;border-color:#77603c;color:#efd29b}
.empty{color:#91a4bf;font-size:12px}.empty strong{color:#cbdcf2}
.pagination,.profile-pagination{background:#1b2a3e;border-color:#3c526e}.pagination span{font:10px var(--mono)}
label{color:#c4d3e7;font-size:12px}
input,select,textarea{background:#18283c;border:1px solid #506782;color:#e5edf8;border-radius:6px;box-shadow:inset 0 1px 5px #0003;font-size:13px}
input::placeholder,textarea::placeholder{color:#8093ae;opacity:1}
input:focus,select:focus,textarea:focus{border-color:var(--signal);outline:2px solid #71e4ed2b;outline-offset:0}
input[type=checkbox]{accent-color:var(--signal);box-shadow:none}
input[type=color]{background:#162336;padding:5px}
input:disabled,select:disabled{opacity:.55}
.checks,.role-permission-editor{background:#1c2e44;border-color:#33455e}
.error{color:#ffa3b4}
dialog{background:linear-gradient(150deg,#2a3d55,#1c2e44);color:var(--ink);border:1px solid #506784;border-radius:10px;padding:26px;box-shadow:0 30px 120px #000a,0 0 50px #19394833}
dialog::backdrop{background:#030916b5;backdrop-filter:blur(8px)}
.dialog-heading{border-bottom:1px solid #455f7c;padding-bottom:19px;margin-bottom:24px}.dialog-heading h2{font-size:20px;font-weight:600}
.dialog-actions{border-top:1px solid #455f7c;padding-top:20px}.dialog-heading #close-dialog{padding:5px 10px}
dialog h3{font-size:14px;color:var(--signal)}dialog p.muted{font-size:12px;color:#9eb1ca}
#toast{background:#1a3344;color:#d8fbff;border:1px solid #528da1;box-shadow:0 8px 40px #0006;border-radius:6px;max-width:calc(100vw - 40px)}
footer{padding:12px 32px 24px;color:#8194ae;font:8px var(--mono);letter-spacing:1.5px;gap:15px}
.footer-wordmark{color:#b5c7df}
.case-evidence,.package-preview{background:#1b2d43;border:1px solid #30475f;color:#b6cde4}
summary{color:var(--signal);line-height:1.6}hr{border-color:#31425a}
.role-card{background:#203249;border-color:#30435d}.role-heading{flex-wrap:wrap}.role-card h3{font-size:14px}
.permission-list{color:#afc1db}.role-permission-editor small{color:#92a8c5}
/* Playback geometry is decorative; operational numbers always come from the API. */
.console-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.8fr);align-items:center;gap:20px;min-height:275px;padding:29px 32px;margin-bottom:24px;border:1px solid #516782;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 77% 40%,#224f6b30,transparent 60%),linear-gradient(115deg,#293b54,#203249)}
.console-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.7%,#6e97ae08 50%,transparent 50.3%);background-size:38px 38px}
.console-hero::after{content:'';position:absolute;bottom:0;left:32px;height:2px;width:75px;background:linear-gradient(90deg,var(--signal),var(--accent-light))}
.console-hero-copy{position:relative;z-index:1}.console-hero .eyebrow{color:var(--signal);font-size:9px;margin-bottom:13px}
.console-hero h1{font-size:42px;line-height:1.12;letter-spacing:-1.8px;margin-bottom:13px;font-weight:600}
.console-hero h1 span{color:#a3bbd9}.console-hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#afc2dd;max-width:390px;margin-bottom:20px}
.console-hero .primary{font-size:11px;padding:10px 14px}
.console-hero-art{position:relative;text-align:center;min-width:0}.console-hero-art img{display:block;width:100%;max-width:350px;height:auto;margin:-25px auto -21px}
.console-hero-art>p{font:8px var(--mono);letter-spacing:2px;color:#8fb3c9;margin:0}
.console-hero-art>p span{color:#f0b9d4}
/* Subscriber workspace uses the same surfaces, status palette, and readable type. */
.back-link{color:#a5bad5;font:11px var(--mono);margin-bottom:21px}.back-link:hover{color:var(--signal)}
.subscriber-link{color:var(--signal)}
.subscriber-heading{padding:22px 24px;border:1px solid #506983;border-left:2px solid var(--signal);background:linear-gradient(110deg,#29415b,#21344c);border-radius:8px;margin-bottom:23px;position:relative}
.subscriber-heading::after{content:'';position:absolute;right:22px;bottom:0;width:46px;height:2px;background:var(--accent-light)}
.subscriber-avatar{background:#24364c;border:1px solid #4c6c88;color:var(--signal);border-radius:9px;font:20px var(--mono);box-shadow:0 0 25px #5bd3de0d}
.subscriber-title .eyebrow{color:var(--signal);font-size:8px;letter-spacing:2px}.subscriber-title h1{font-size:28px;font-weight:600}.subscriber-title>p:last-child,.subscriber-title>p>span{color:#9eb3cf;font-size:11px}
.subscriber-heading>.badge{font-size:10px}
.subscriber-grid h2{font-size:15px;font-weight:600}.subscriber-grid .card-head{min-height:66px}.subscriber-grid .ghost{color:#b8cbe1;font-size:11px}
.subscriber-grid .ghost:hover:not(:disabled){background:#25374f;border-color:#62839e;color:#eff8ff}
.subscriber-grid .card-body{padding:21px 22px}
.profile-facts dt{color:#94abc8;font-size:11px}.profile-facts dd{font-size:12px;color:#dce7f7}.profile-facts .badge{font-size:9px}
.profile-subheading{border-color:#2c4059;margin-top:20px;padding-top:19px}.profile-subheading h3{color:#bed4ef;font-size:13px}
.section-note,.last-activity,.restricted-section{color:#a1b7d3;font-size:11px}.restricted-section{border-color:#30425b}
.subscriber-package{border-top:2px solid var(--accent-light)}
.package-name{font-size:23px;color:#ecf5ff}.package-price{color:var(--accent-light);font-family:var(--mono);font-size:19px}.package-price span{color:#96abc7;font:10px 'Avenir Next',sans-serif}
.package-limits{border-color:#2b405c}.package-limits strong{font-family:var(--mono);font-weight:500;font-size:23px;color:#c4e7fa}.package-limits span{color:#9ab0ce;font-size:10px}
.device-capacity strong{font:11px var(--mono);color:#d8e8fb}.device-capacity span{color:#93a8c2;font-size:10px}
meter{height:10px;accent-color:var(--signal)}meter::-webkit-meter-bar{background:#24364c}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#5289bd,var(--signal))}
.section-count{color:var(--signal);background:#193848;border:1px solid #385c70;font:10px var(--mono);border-radius:4px}
.device-block{color:#e0c08e;font-size:11px}.subscriber-notice{background:#302b216e;border-color:#6f5c3d;color:#e9ce9f;font-size:12px}
.subscriber-device-list li{border-color:#2a3d55}.device-row-heading strong{color:#dfebfa;font-size:12px}.device-row-details span{color:#afc5df;font-size:11px}.device-row-details small{color:#8fa6c3;font-size:10px}
.subscriber-timeline strong{color:#d6e7f9;font-size:12px}.subscriber-timeline p,.subscriber-timeline time{color:#94abc7;font-size:10px}.subscriber-timeline .event-device{color:#b7cee6;font-size:11px}
.timeline-dot{background:var(--signal);box-shadow:0 0 9px #6de7ed30}.subscriber-timeline li:not(:last-child)::before{background:#35516c}
.profile-pagination span{font-family:var(--mono);color:#9eb6d1;font-size:9px}
/* Light task surfaces inside the dark operator shell. */
:is(.subscriber-grid>.card,dialog,.settings){
 --ink:#233448;
 --muted:#5f7187;
 --line:#d6dfe9;
 --signal:#146e7d;
 --accent-light:#862947;
 color-scheme:light;
 background:#f4f7fb;
 color:var(--ink);
 border-color:#cdd8e5;
 box-shadow:0 10px 30px #07112024;
}
.subscriber-grid>.subscriber-package{border-top-color:#862947}
:is(.subscriber-grid>.card,.settings) .card-head{
 background:#fff;
 border-bottom-color:#d6dfe9;
}
:is(.subscriber-grid>.card,dialog,.settings) :is(h2,h3,label){color:#233448}
:is(.subscriber-grid>.card,dialog,.settings) :is(.muted,small,.section-note){color:#5f7187}
:is(.subscriber-account,.subscriber-package) .profile-facts dt{color:#5f7187}
:is(.subscriber-account,.subscriber-package) .profile-facts dd{color:#233448}
.subscriber-account .profile-subheading{border-color:#d6dfe9}
.subscriber-account .profile-subheading h3{color:#334d68}
:is(.subscriber-grid>.card,dialog,.settings) .ghost{
 background:#fff;
 border-color:#bacadb;
 color:#344d67;
}
:is(.subscriber-grid>.card,dialog,.settings) .ghost:hover:not(:disabled){
 background:#e7f0f5;
 border-color:#7a9eb0;
 color:#1d475a;
}
:is(.subscriber-grid>.card,dialog,.settings) .badge{
 background:#e9eff6;
 border-color:#c5d3e3;
 color:#526780;
}
:is(.subscriber-grid>.card,dialog,.settings) .badge.good{
 background:#e7f4ee;
 border-color:#afcfbf;
 color:#21634d;
}
:is(.subscriber-grid>.card,dialog,.settings) .badge.warn{
 background:#fff3de;
 border-color:#dbc193;
 color:#80581d;
}
.subscriber-package .package-name{color:#233448}
.subscriber-package .package-price{color:#862947}
.subscriber-package :is(.package-price span,.package-limits span,.device-capacity span){color:#5f7187}
.subscriber-package .package-limits{border-color:#d6dfe9}
.subscriber-package .package-limits strong{color:#285267}
.subscriber-package .device-capacity strong{color:#344d67}
.subscriber-package meter{accent-color:#298493}
.subscriber-package meter::-webkit-meter-bar{background:#dce7ee}
.subscriber-package meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#397b9b,#45a7ac)}
dialog{border-color:#bfcede;box-shadow:0 30px 120px #0008}
dialog :is(.dialog-heading,.dialog-actions,hr){border-color:#cfdae6}
:is(dialog,.settings) :is(input,select,textarea){
 background:#fff;
 border-color:#b4c4d6;
 color:#233448;
 box-shadow:inset 0 1px 2px #152b4510;
}
:is(dialog,.settings) :is(input,textarea)::placeholder{color:#6b7d93}
:is(dialog,.settings) :is(input,select,textarea):focus{
 border-color:#298493;
 outline:2px solid #29849326;
}
:is(dialog,.settings) input[type=checkbox]{accent-color:#862947;box-shadow:none}
:is(dialog,.settings) input[type=color]{background:#fff}
dialog :is(.checks,.role-permission-editor,.case-evidence,.package-preview){
 background:#eaf0f7;
 border-color:#c6d4e3;
 color:#344d67;
}
dialog :is(.permission-list,.role-permission-editor small,.activity p){color:#526981}
dialog .activity{border-color:#cfdae6}
dialog .activity strong{color:#233448}
:is(dialog,.settings) .error{color:#b52d46}
:is(dialog,.settings) summary{color:#146e7d}
/* Devices and activity share the subscriber workspace's light surfaces. */
.subscriber-lower-grid :is(.device-row-heading strong,.subscriber-timeline strong,.empty strong){color:#233448}
.subscriber-lower-grid :is(.device-row-details span,.subscriber-timeline .event-device){color:#526981}
.subscriber-lower-grid :is(.device-row-details small,.subscriber-timeline p,.subscriber-timeline time,.last-activity,.restricted-section,.empty){color:#5f7187}
.subscriber-lower-grid :is(.subscriber-device-list li,.restricted-section){border-color:#d6dfe9}
.subscriber-lower-grid .section-count{background:#e5f0f3;border-color:#aecbd3;color:#146e7d}
.subscriber-lower-grid .device-block{color:#80581d}
.subscriber-lower-grid .timeline-dot{background:#298493;box-shadow:0 0 0 3px #29849312}
.subscriber-lower-grid .subscriber-timeline li:not(:last-child)::before{background:#c4d8e1}
.subscriber-lower-grid .profile-pagination{background:#edf2f8;border-color:#d6dfe9}
.subscriber-lower-grid .profile-pagination span{color:#5f7187}
.subscriber-lower-grid .error{color:#b52d46}
/* Login / operator access. */
.login-shell{grid-template-columns:1.2fr 1fr;background:radial-gradient(ellipse at 75% 35%,#23314f3d,transparent 55%),#151f2f}
.login-story{padding:35px 48px;min-height:100vh;background:radial-gradient(ellipse at 65% 55%,#24466340,transparent 65%),linear-gradient(140deg,#25374f,#18283b);border-right:1px solid #2a3d57;position:relative;overflow:hidden}
.login-story::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#6799b909 1px,transparent 1px),linear-gradient(90deg,#6799b909 1px,transparent 1px);background-size:55px 55px}
.login-story .brand-logo{background:transparent;border-radius:0;position:relative}
.login-presentation{padding-top:36px;position:relative}
.login-story .eyebrow{color:var(--signal);font-size:8px;margin-bottom:15px}
.login-story h1{font-size:58px;font-weight:550;line-height:1.06;letter-spacing:-2.5px;position:relative;z-index:1;margin-bottom:15px}
.login-story h1 em{font-style:normal;color:#b6cde9}
.login-story p:not(.eyebrow){color:#afc3dd;font-size:13px;line-height:1.8;max-width:none;position:relative}
.login-orbit{max-width:440px;width:100%;margin:-45px -22px -10px auto;pointer-events:none}
.login-orbit img{display:block;width:100%;height:auto}
.login-story .platforms{display:flex;flex-wrap:wrap;gap:19px;padding-top:17px;margin-top:0;border-color:#2b405d;color:#a6c3dc;font:9px var(--mono);letter-spacing:1.5px}
.login-story .platform-note{font:9px var(--mono)!important;margin:12px 0 30px;color:#899db9!important}
.login-signature{display:flex;justify-content:space-between;gap:18px;font:8px var(--mono);letter-spacing:1.3px;color:#8aa0bd;position:relative}
.login-signature span{color:#7791ad;font-size:7px}
.login-form{padding:50px;max-width:490px}
.login-form .eyebrow{color:var(--signal);font-size:9px;margin-bottom:16px}
.login-form h2{font-size:34px;font-weight:550;letter-spacing:-1px;margin-bottom:12px}
.login-form>p.muted{font-size:13px;color:#9eb1cb}
.login-access-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #41627c;color:var(--signal);background:#19324570;border-radius:10px;font-size:23px;margin-bottom:30px;box-shadow:0 0 25px #71e4ed0a}
.login-form form{margin-top:31px}.login-form label{font-size:11px;color:#bdcfe6;margin-bottom:22px}
.login-form input{min-height:48px;margin-top:10px;background:#1d3048;border-color:#3a4d69}
.login-form .primary{min-height:47px;margin-top:7px;justify-content:space-between;padding-inline:19px}
.access-note{border-top:1px solid #2b3e58;padding-top:23px;margin:26px 0 15px;font-size:10px;color:#96adc8;line-height:1.8}.access-note span{color:var(--signal);margin-right:5px}
.setup-note{margin-top:16px;font-size:10px}.setup-note summary{color:#95acc8;font-size:10px}.setup-note p{font-size:11px;color:#a1b6d2;margin-top:12px}
@media(min-width:1600px){main{padding:40px}.console-hero{min-height:300px;padding:35px 40px}.console-hero h1{font-size:48px}.console-hero-art img{max-width:400px}.login-story{padding:45px 70px}.login-story h1{font-size:72px}.login-orbit{max-width:520px}.login-form{max-width:540px}}
@media(max-width:1150px){aside{width:212px;padding-inline:14px}.brand .brand-wordmark,.brand .brand-wordmark>span{font-size:18px}header{padding-inline:24px}.account #admin-email{display:none}main{padding:26px}.console-hero{padding:25px;grid-template-columns:minmax(0,1fr) minmax(200px,.8fr);min-height:270px}.console-hero h1{font-size:35px}.subscriber-heading{grid-template-columns:58px minmax(0,1fr)}.subscriber-heading>.badge{margin-left:0}.login-story{padding:34px}.login-story h1{font-size:49px}.login-form{padding:36px}.login-orbit{margin-top:-20px}}
@media(max-width:850px) and (min-width:701px){aside{width:186px;padding-inline:10px}.brand .brand-wordmark,.brand .brand-wordmark>span{font-size:15px}.brand-logo .logo-window{width:36px;height:38px}.brand .brand-wordmark small{font-size:6px}.workspace-label{display:none}.account #staff-role{display:none}.console-hero{grid-template-columns:1fr}.console-hero-art{display:none}.list-filters label{min-width:130px}.login-story{padding:28px}.login-story h1{font-size:40px}.login-signature span{display:none}}
@media(max-width:700px){
 .workspace{display:block}aside{height:auto;position:static;width:100%;padding:19px 16px 11px;overflow:visible;border-right:0;border-bottom:1px solid #2e435c;background:#203148}
 .brand.brand-logo{gap:9px}.brand .brand-wordmark,.brand .brand-wordmark>span{font-size:20px}.brand .brand-wordmark small{font-size:7px}
 .brand-logo .logo-window{width:38px;height:39px}.brand-logo .logo-window img{width:100px;height:100px;left:-26px;top:-32px}
 #navigation{flex-direction:row;gap:4px;overflow:auto;margin-top:18px;padding:0 0 6px;scrollbar-width:thin}#navigation a{padding:9px 12px;gap:8px}#navigation a span{font-size:11px}.nav-icon{width:15px;height:15px}
 .operator-card,.nav-caption,.sidebar-bottom{display:none}header{padding:13px 16px;gap:13px;min-height:60px;height:auto;flex-wrap:wrap}.workspace-label{display:none}.separator{display:none}#breadcrumb{font-size:11px}.account{gap:7px}.account span{display:none}.account .ghost{padding:6px 9px;font-size:9px}
 main{padding:23px 16px}.page-heading{flex-wrap:wrap;gap:17px;padding-bottom:20px}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:11px}.page-heading .primary{font-size:11px;padding:9px 13px}
 .console-hero{grid-template-columns:1fr;min-height:auto;padding:24px;gap:10px}.console-hero h1{font-size:36px}.console-hero-copy>p:not(.eyebrow){font-size:12px}.console-hero-art{display:none}.console-hero .eyebrow{font-size:8px}
 .stats{gap:11px}.stat{padding:15px}.stat-top{font-size:10px;line-height:1.5}.stat-icon{display:none}.stat strong{font-size:29px;margin:14px 0 9px}.stat small{font-size:9px}
 .notice{padding:16px}.notice strong{font-size:11px}.notice p{font-size:10px}
 .toolbar{padding:17px}.card-head{padding:17px;flex-wrap:wrap}.card-body{padding:18px}.list-summary{padding-inline:17px}.pagination{padding:14px}.pagination .ghost{font-size:10px}.pagination span{font-size:9px}
 dialog{padding:21px;max-width:94vw}.dialog-heading{gap:15px}.dialog-heading h2{font-size:18px}
 .subscriber-heading{padding:20px 17px;grid-template-columns:44px minmax(0,1fr);gap:13px}.subscriber-title h1{font-size:25px}.subscriber-title .eyebrow{font-size:7px}.subscriber-heading>.badge{font-size:9px;margin-left:0}.subscriber-avatar{font-size:16px}
 .subscriber-grid .card-head,.subscriber-grid .card-body{padding:18px}.profile-facts>div{grid-template-columns:105px minmax(0,1fr)}.profile-facts dd{font-size:11px}.profile-facts dt{font-size:10px}.subscriber-grid .ghost{font-size:10px}.profile-subheading{gap:8px}
 .profile-pagination{padding:12px;gap:7px}.profile-pagination span{font-size:8px}.profile-pagination .ghost{font-size:9px}.package-name{font-size:22px}
 footer{padding:5px 16px 23px}.footer-wordmark{display:block}footer>span:last-child{display:none}
 .login-shell{display:block}.login-story{min-height:auto;padding:24px;border-right:0;border-bottom:1px solid #2b405c}.login-presentation{padding-top:28px}.login-story .eyebrow{display:block;font-size:7px}.login-story h1{font-size:43px;margin:0 0 12px;letter-spacing:-1.8px}.login-story p:not(.eyebrow){display:block;font-size:11px;max-width:220px}.login-orbit{position:absolute;width:200px;right:-58px;bottom:-15px;opacity:.45;margin:0}.login-story .platforms,.login-story .platform-note,.login-signature{display:none!important}.login-story .brand-wordmark small{display:block}
 .login-form{padding:32px 26px;max-width:480px;margin:auto}.login-access-mark{display:none}.login-form .eyebrow{font-size:8px}.login-form h2{font-size:29px}.login-form form{margin-top:27px}.login-form>p.muted{font-size:12px}.access-note{font-size:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.card,.stat,.console-hero,.subscriber-heading{border:1px solid CanvasText}.nav-icon{stroke:CanvasText}.console-hero::before,body::before{display:none}.primary,.ghost{border:1px solid ButtonText}}