:root{color-scheme:dark;--bg:#071322;--surface:#0d1d30;--surface-raised:#11253b;--line:#24374a;--text:#eaf3fc;--muted:#94a9bf;--cyan:#45dfdf;--blue:#438cff;--green:#58deb5;--amber:#ffca79;--violet:#b49aff}
body.ion-ui{background:radial-gradient(ellipse at 85% 0,#122a493d,transparent 45%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;min-height:100vh}
.ion-ui a{color:#7edcfa}.ion-ui small,.ion-ui .muted{color:var(--muted)}.ui-icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.ion-ui h1{font-size:25px;letter-spacing:-.7px}.ion-ui h2{font-size:19px;letter-spacing:-.4px}.ion-ui h3{letter-spacing:-.2px}
.ion-ui .app-sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:26px 17px 18px;background:linear-gradient(170deg,#0b1d31,#081523);border-right:1px solid #1b3043;display:flex;flex-direction:column;gap:0;z-index:80;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a4861 transparent}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 9px 28px}.brand-monogram{font-weight:900;font-size:26px;letter-spacing:-1.8px;color:#e5fbff;line-height:1}.brand-monogram>span{color:var(--cyan);font-size:15px;vertical-align:top}.sidebar-brand b{font-size:10px;letter-spacing:1.9px;color:#d8edf8;display:block}.sidebar-brand small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:7px;margin-bottom:0;color:#6d91ae}
.sidebar-section-label{font-size:8px;letter-spacing:1.7px;color:#63829e;padding:0 14px 13px}.app-sidebar nav{display:flex;flex-direction:column;gap:3px}.ion-ui .app-sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid transparent;border-radius:10px;color:#91a9be;font-size:12px;position:relative;min-height:43px}.app-sidebar nav a .ui-icon{width:18px;height:18px;opacity:.85}.ion-ui .app-sidebar nav a.selected{color:#8cf0ed;background:linear-gradient(95deg,#12434c99,#17385470);border-color:#28616b77}.app-sidebar nav a.selected i{width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-left:auto;box-shadow:0 0 9px #45dfdf77}.ion-ui .app-sidebar nav a:hover{background:#142c40;color:#d5f8ff}
.ion-ui .app-sidebar footer{margin-top:auto;padding:22px 12px 0}.sidebar-profile{display:flex;gap:10px;align-items:center;border-top:1px solid #1e354a;padding-top:18px}.sidebar-profile>.ui-icon{padding:7px;box-sizing:content-box;border-radius:10px;background:#153b4b;color:var(--cyan)}.sidebar-profile b{display:block;color:#d4e8f6;font-size:11px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis}.sidebar-profile small{display:block;font-size:9px;margin:4px 0 0}.app-sidebar footer p{font-size:9px;color:#56748e;margin-bottom:0}
.ion-ui .app-main{margin-left:250px;padding:0 36px 30px;max-width:none;min-width:0}.app-topbar{min-height:91px;border-bottom:1px solid #1b3043;margin:0 -36px 0;padding:18px 36px;background:#091828a8;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-heading{display:flex;align-items:center;gap:12px}.topbar-heading small{font-size:8px;letter-spacing:1.8px;color:#6d8aa4}.topbar-heading h1{margin:7px 0 0}.topbar-actions{display:flex;align-items:center;gap:14px}.notification-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid #254056;border-radius:10px;color:#9ab7cc!important}.notification-button:hover{border-color:#45dfdf}.topbar-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(140deg,#237f98,#21476d);color:#d7ffff;font-size:12px;font-weight:700}.ion-ui .logout-button{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid #284056;color:#94adbf;padding:8px 10px;font-weight:500;font-size:10px}.logout-button .ui-icon{width:15px;height:15px}.page-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0 23px;font-size:9px;color:#6c8aa2}.role-badge{padding:5px 9px;background:#10324466;border:1px solid #244a5e;color:#8eb8c9;border-radius:20px;font-size:8px}
.ion-ui section,.ion-ui .card{background:linear-gradient(145deg,#102236,#0c1b2d);border:1px solid #22384d;border-radius:17px;box-shadow:0 10px 25px #0000000d}.ion-ui input,.ion-ui select,.ion-ui textarea{background:#0a192b;color:#e1eef9;border:1px solid #2b4257;border-radius:10px;padding:12px;font-size:12px}.ion-ui input:focus,.ion-ui select:focus,.ion-ui textarea:focus{outline:2px solid #3ad5dc88;border-color:#3ad5dc}.ion-ui label{color:#9db6ca;font-size:10px}.ion-ui button,.ion-ui .button{background:linear-gradient(120deg,#34d5d4,#268bda);color:#052232;box-shadow:0 5px 15px #1cc5d00d;border-radius:10px;font-size:11px;min-height:39px}.ion-ui button:hover,.ion-ui .button:hover{filter:brightness(1.08)}.ion-ui button.secondary,.ion-ui .button.secondary{background:#18364d;border:1px solid #2c5066;color:#b8dfef;box-shadow:none}.ion-ui button.danger{background:#753845;color:#ffcad0}.ion-ui button .ui-icon,.ion-ui .button .ui-icon{width:16px;height:16px}.ion-ui .button{display:inline-flex;align-items:center;justify-content:center;gap:9px}.ion-ui summary{color:#75dded}.ion-ui .tag{color:#7de3e5;background:#164152;font-size:10px}.ion-ui .metric{color:#6ce4e0}
.ion-ui .warning{background:#3a2d1955;border:1px solid #66513288;color:#dfbf82;font-size:10px;line-height:1.6;padding:11px 14px}.ion-ui .notice{background:#143f36;border-color:#276b57;color:#a1e2c6;font-size:11px}.ion-ui .error{background:#472632;border:1px solid #7b394c;color:#ffb8ca;font-size:11px}.ion-ui table{white-space:normal}.ion-ui td,.ion-ui th{border-bottom-color:#23394c}.ion-ui th{color:#748fa7;font-size:9px}.ion-ui td{font-size:11px;color:#bcd0e0;overflow-wrap:anywhere}.ion-ui .table td button{font-size:10px;min-height:34px;padding:8px 11px}.ion-ui .table form.inline{flex-wrap:wrap}.ion-ui .table form.inline input{width:140px}.portal-footnote{text-align:center;margin:35px 0 10px;letter-spacing:1.6px}.portal-footnote small{font-size:8px;color:#486b87}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.dashboard-eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:700;color:#62d2dc}.dashboard-welcome h2{font-size:24px;margin:9px 0 6px;letter-spacing:-.7px}.dashboard-welcome p{font-size:11px;color:#829db4;margin:0}.welcome-dot{color:#ffc879;font-size:23px}.live-pill{font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:7px;border:1px solid #285142;border-radius:20px;padding:8px 12px;color:#91cbb6;white-space:nowrap}.live-pill i{width:5px;height:5px;background:#57ddb3;border-radius:50%}
.dashboard-feature{border-radius:19px;display:flex;align-items:center;justify-content:space-between;min-height:250px;background:radial-gradient(ellipse at 78% 30%,#217c9b80,transparent 60%),linear-gradient(115deg,#123c58,#11446a 65%,#123b61);border:1px solid #25617c;padding:29px 33px;position:relative;overflow:hidden;margin-bottom:23px}.feature-copy{max-width:60%;position:relative;z-index:1}.feature-copy .dashboard-eyebrow{color:#8be2eb}.feature-copy h2{font-size:31px;line-height:1.25;letter-spacing:-1px;margin:13px 0;color:#ebfbff}.feature-copy p{font-size:11px;color:#a4c9de;max-width:330px;line-height:1.7}.ion-ui .feature-button{margin-top:7px;background:#c7f8f2;box-shadow:0 5px 25px #06243633;color:#0b4b5a;font-size:10px}.feature-orbit{position:absolute;right:5%;top:20px;width:250px;height:220px;display:grid;place-items:center}.orbit-ring{position:absolute;width:240px;height:165px;border:1px solid #73d5ed40;border-radius:50%;transform:rotate(-30deg)}.orbit-ring.second{width:185px;height:210px;transform:rotate(30deg);border-color:#73d5ed25}.orbit-core{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:115px;height:115px;border:1px solid #78d9e977;background:linear-gradient(140deg,#2b6a8999,#0e345dcc);box-shadow:0 0 45px #43c5dc22,inset 0 0 30px #8ee6f311;border-radius:28px;transform:rotate(-7deg)}.orbit-core .ui-icon{color:#6be7ed;width:33px;height:33px}.orbit-core b{font-size:25px;letter-spacing:3px;margin-top:7px}.orbit-core span{font-size:5px;letter-spacing:1px;color:#95d0e5;margin-top:3px}.orbit-label{position:absolute;bottom:5px;font-size:6px;letter-spacing:1.6px;color:#8db7d2}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-tile{background:linear-gradient(135deg,#12273b,#0d1e30);border:1px solid #22394f;border-radius:15px;padding:19px 19px 17px;min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.stat-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#194958;color:#6ae3e2}.stat-marker{font-size:15px;color:#45637b}.stat-tile>small{display:block;font-size:10px;color:#8ca7bd}.stat-tile>strong{display:block;font-size:24px;letter-spacing:-.8px;color:#e9f5ff;margin-top:8px;line-height:1.25;overflow-wrap:anywhere}.stat-note{display:block;font-size:8px;color:#647f98;margin-top:9px}.tone-green .stat-icon{background:#184b42;color:#67dfb8}.tone-amber .stat-icon{background:#4a3c29;color:#ffcf87}.tone-violet .stat-icon{background:#342d55;color:#bea8ff}.stat-tile.tone-green{border-top:2px solid #45b998}.stat-tile.tone-cyan{border-top:2px solid #3bbac6}.stat-tile.tone-amber{border-top:2px solid #c19851}.stat-tile.tone-violet{border-top:2px solid #8971c7}
.ion-ui .quick-section{padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel-heading h2{font-size:17px;margin:7px 0 0}.panel-caption{color:#6e8aa2;font-size:9px}.quick-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:11px;padding:10px 4px}.quick-action>span{display:grid;place-items:center;width:46px;height:46px;background:#164458;border:1px solid #295a6b;color:#65e4eb;border-radius:14px;transition:transform .15s}.quick-action:hover>span{transform:translateY(-3px)}.quick-action b{font-size:9px;font-weight:500;color:#a9c2d6;text-align:center}.quick-action.tone-blue>span{background:#203d65;border-color:#2b5184;color:#8dbbff}.quick-action.tone-green>span{background:#19483e;border-color:#2b6151;color:#73e3b5}.quick-action.tone-violet>span{background:#352f56;border-color:#504477;color:#c0adff}.quick-action.tone-pink>span{background:#4a3049;border-color:#68415f;color:#eeb4df}.quick-action.tone-amber>span{background:#493b26;border-color:#645031;color:#ffd18a}
.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px}.ion-ui .finance-panel,.ion-ui .client-bill-panel{padding:24px}.chart-legend{display:flex;align-items:center;gap:5px;font-size:8px;color:#8ba5ba;flex-wrap:wrap}.chart-legend i{width:6px;height:6px;background:#39d9d6;border-radius:2px}.chart-legend i.legend-amber{background:#ffc36b;margin-left:6px}.billing-chart{margin-top:30px}.billing-chart svg{width:100%;color:#6f8aa1}.chart-labels{display:flex;justify-content:space-around;color:#6a8aa5;font-size:8px;margin-top:8px}.ion-ui .discover-panel{background:radial-gradient(ellipse at 80% 20%,#49407677,transparent 70%),linear-gradient(140deg,#182742,#14243b);border-color:#37405e;padding:24px}.discover-symbol{margin:18px 0 16px;width:49px;height:49px;display:grid;place-items:center;border:1px solid #7774bd88;border-radius:15px;color:#c2b5ff;background:#685b9922}.discover-symbol .ui-icon{width:28px;height:28px}.discover-panel h2{font-size:22px;letter-spacing:-.7px;margin-bottom:10px}.discover-panel p{color:#9caec9;font-size:10px;margin-bottom:20px}.discover-panel .button.secondary{font-size:9px;background:#322f52;border-color:#5d527b;color:#d4c8ff}.bill-total{font-size:32px;font-weight:750;letter-spacing:-1px;margin-top:22px;color:#faf0db}.client-bill-panel p{color:#8fa8bd;font-size:11px}.client-bill-panel .button{margin-top:8px}
.ion-ui .recent-panel{padding:24px}.panel-heading>a{font-size:10px;color:#6cd9e5}.recent-item{display:flex;gap:13px;align-items:center;border-bottom:1px solid #20364b;padding:15px 0}.recent-item:last-child{border-bottom:0}.recent-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#4a3926;color:#eac181}.recent-icon.paid{color:#6adeb5;background:#173f39}.recent-icon .ui-icon{width:17px;height:17px}.recent-copy{flex:1;min-width:0}.recent-copy b{display:block;font-size:11px;color:#c7d9e8;overflow-wrap:anywhere}.recent-copy small{display:block;font-size:9px;margin-top:5px;color:#6e8ba3}.recent-amount{text-align:right}.recent-amount b{display:block;font-size:12px;color:#dfedf8}.recent-amount small{display:block;font-size:8px;margin-top:5px}.text-green{color:#62d9ad!important}.text-amber{color:#e3bc7c!important}.recent-empty{text-align:center;color:#66869f;padding:25px 10px}.recent-empty .ui-icon{width:30px;height:30px}.recent-empty p{font-size:11px}
.ion-ui .entertainment-hero{border:1px solid #2d526c;background:radial-gradient(ellipse at 90% 20%,#2e6c9b55,transparent 65%),linear-gradient(120deg,#15344f,#162e50);min-height:210px}.ion-ui .catalogue-tabs a{background:#142b40;color:#90b0c6;border:1px solid #254359}.ion-ui .catalogue-tabs a.selected{background:#174c59;color:#83e8e5;border-color:#2e757c}.ion-ui .entertainment-card{background:#102239;border-color:#263e56}.ion-ui .entertainment-card h3 a{color:#dbedf9}.ion-ui .entertainment-card p{color:#8faac0}.ion-ui .queue-track{border-color:#253d53;color:#afc6db}.ion-ui .queue-track.is-playing{background:#184152;color:#8be9e9}.ion-ui .synopsis{color:#a2b7c9}.ion-ui .back-link{font-size:11px}.ion-ui .collection-heading small{font-size:10px}.ion-ui .manage-content button{min-height:30px}.ion-ui .spectrum-player{border:1px solid #2a4b65}
.ion-ui.auth-page{display:grid;place-items:center;padding:30px 18px;background:radial-gradient(ellipse at 30% 10%,#0c617036,transparent 45%),radial-gradient(ellipse at 90% 80%,#282c6d44,transparent 45%),#071322}.ion-ui .login{width:min(420px,100%);margin:4vh auto;padding:34px;background:linear-gradient(140deg,#12283d,#0a1b2e);border-color:#2a485d;border-radius:23px;box-shadow:0 25px 80px #0005}.ion-ui .login-logo{font-size:38px;letter-spacing:-2px;color:#a2f1ec}.login>p:first-of-type{font-size:9px;letter-spacing:2px;color:#7dacc3}.ion-ui .login h1{margin-top:27px;font-size:28px}.ion-ui .login>p{font-size:12px}.ion-ui .login button{margin-top:18px;min-height:45px}.drawer-close,.mobile-menu-toggle,.mobile-bottom-nav,.drawer-backdrop{display:none}
@media(min-width:1500px){.ion-ui .app-main{padding-left:50px;padding-right:50px}.app-topbar{margin-inline:-50px;padding-inline:50px}.dashboard-feature{min-height:280px}.feature-copy h2{font-size:36px}}
@media(max-width:1120px) and (min-width:801px){.ion-ui .app-sidebar{width:215px}.sidebar-brand{gap:8px}.ion-ui .app-main{margin-left:215px;padding-inline:23px}.app-topbar{margin-inline:-23px;padding-inline:23px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-orbit{right:-30px;opacity:.7}.feature-copy{max-width:75%}.dashboard-lower{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){
  body.ion-ui{padding-bottom:calc(90px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 0,#17395866,transparent 550px),#071322}
  .ion-ui .app-sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);padding:25px 18px 20px;transform:translateX(-105%);visibility:hidden;transition:transform .2s,visibility .2s;flex-wrap:nowrap;border-right:1px solid #2d526c;box-shadow:20px 0 80px #0008}.menu-open .app-sidebar{transform:translateX(0);visibility:visible}.ion-ui .app-sidebar footer{display:block}.ion-ui .app-sidebar .sidebar-brand{flex-direction:row}.ion-ui .app-sidebar nav a{font-size:12px;padding:12px 14px}.ion-ui .app-sidebar small{width:auto}
  body.menu-open{overflow:hidden}.drawer-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:70;background:#020b16bb!important;border-radius:0;backdrop-filter:blur(3px)}.ion-ui .drawer-close{display:grid;place-items:center;margin-left:auto;padding:7px;background:#183a51;border:1px solid #2c5169;color:#bad9e9;min-height:30px}.drawer-close .ui-icon{width:16px;height:16px}.ion-ui .app-sidebar strong{width:auto}
  .ion-ui .app-main{margin:0;padding:0 18px 12px;width:100%;max-width:100%;min-width:0}.app-topbar{position:sticky;top:0;z-index:40;margin:0 -18px;padding:14px 18px;min-height:73px;backdrop-filter:blur(18px);background:#081725e8;border-bottom-color:#21394e}.topbar-heading{gap:11px}.ion-ui .mobile-menu-toggle{display:grid;place-items:center;width:35px;height:35px;border:1px solid #2b485e;border-radius:11px;padding:7px;background:#112c42;color:#8ce8e8}.topbar-heading small{font-size:6px;letter-spacing:1px}.ion-ui .topbar-heading h1{font-size:19px;margin-top:5px}.topbar-actions{gap:8px}.topbar-avatar{display:none}.notification-button{width:31px;height:31px;border:0;background:#142d43}.notification-button .ui-icon{width:18px;height:18px}.ion-ui .logout-button{border:0;background:#342332;color:#de94ae;padding:8px;min-height:31px}.logout-button span{display:none}.page-meta{margin:14px 0 19px;font-size:8px}.role-badge{font-size:7px;padding:4px 8px}
  .dashboard-welcome{margin-bottom:19px}.dashboard-welcome h2{font-size:21px;margin:8px 0 6px}.dashboard-welcome p{font-size:10px;max-width:260px}.dashboard-eyebrow{font-size:7px;letter-spacing:1.5px}.live-pill{display:none}.dashboard-feature{padding:23px;min-height:204px;margin-bottom:18px;border-radius:18px}.feature-copy{max-width:76%}.feature-copy h2{font-size:24px;letter-spacing:-.7px;margin:12px 0}.feature-copy p{font-size:9px;max-width:205px}.feature-copy .dashboard-eyebrow{font-size:6px}.feature-orbit{width:150px;height:155px;right:-35px;top:25px;opacity:.55}.orbit-ring{width:160px;height:115px}.orbit-ring.second{width:125px;height:145px}.orbit-core{width:75px;height:75px;border-radius:20px}.orbit-core .ui-icon{width:22px;height:22px}.orbit-core b{font-size:17px;letter-spacing:2px;margin-top:3px}.orbit-core span,.orbit-label{display:none}.ion-ui .feature-button{font-size:9px;padding:10px 12px;min-height:35px;margin-top:3px}
  .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:18px}.stat-tile{padding:15px;border-radius:14px}.stat-top{margin-bottom:13px}.stat-icon{width:32px;height:32px;border-radius:10px}.stat-icon .ui-icon{width:18px;height:18px}.stat-tile>small{font-size:9px}.stat-tile>strong{font-size:21px;letter-spacing:-.7px;margin-top:7px}.stat-note{font-size:7px;margin-top:7px;line-height:1.5}.stat-marker{font-size:12px}.ion-ui .quick-section{padding:19px 15px;margin-bottom:18px}.panel-heading{margin-bottom:17px}.panel-heading h2{font-size:16px}.panel-caption{font-size:8px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 5px}.quick-action{gap:8px;padding:8px 3px}.quick-action>span{width:43px;height:43px;border-radius:14px}.quick-action b{font-size:9px}.dashboard-lower{grid-template-columns:1fr;gap:0}.ion-ui .finance-panel,.ion-ui .client-bill-panel,.ion-ui .discover-panel,.ion-ui .recent-panel{padding:20px;margin-bottom:18px}.chart-legend{font-size:7px;max-width:130px;justify-content:flex-end;line-height:1.5}.billing-chart{margin-top:15px}.chart-labels{font-size:8px}.bill-total{font-size:29px}.discover-symbol{float:right;margin:15px 0 0}.discover-panel h2{margin-top:17px}.discover-panel p{max-width:245px}.recent-item{gap:10px;padding:13px 0}.recent-copy b{font-size:10px}.recent-copy small{font-size:8px}.recent-amount b{font-size:11px}.recent-amount small{font-size:8px}.portal-footnote{margin-top:25px}
  .ion-ui .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));inset:auto 12px calc(12px + env(safe-area-inset-bottom));z-index:55;max-width:500px;margin:auto;padding:10px 5px 8px;border:1px solid #2e475d;border-radius:19px;background:#0c1d30f5;backdrop-filter:blur(20px);box-shadow:0 12px 45px #0009}.mobile-bottom-nav>a,.ion-ui .mobile-bottom-nav>button{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:1px 2px;color:#7994ae;box-shadow:none;min-width:0;min-height:43px;border-radius:10px;justify-content:center}.mobile-bottom-nav span{display:grid;place-items:center;min-height:23px}.mobile-bottom-nav .ui-icon{width:20px;height:20px}.mobile-bottom-nav b{font-size:8px;font-weight:500;line-height:1.3}.mobile-bottom-nav>a.active{color:#6ce6e4}.mobile-bottom-nav .bottom-primary>span{width:38px;height:34px;margin-top:-18px;background:linear-gradient(140deg,#54e2d4,#378de2);color:#052838;border-radius:12px;box-shadow:0 5px 20px #2bb7d333}.mobile-bottom-nav .bottom-primary>b{margin-top:2px}
  .ion-ui section,.ion-ui .card{padding:18px;border-radius:15px}.ion-ui form.fields{grid-template-columns:1fr;gap:14px}.ion-ui input,.ion-ui select,.ion-ui textarea{font-size:16px;min-height:44px}.ion-ui button,.ion-ui .button{min-height:42px;font-size:11px}.ion-ui .table{overflow:visible}.ion-ui .table table,.ion-ui .table tbody{display:block;width:100%}.ion-ui .table tr:has(th){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ion-ui .table tr:not(:has(th)){display:block;background:#0a192b;border:1px solid #294056;border-radius:13px;padding:8px 13px;margin:12px 0}.ion-ui .table td{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #1b3246;font-size:11px;white-space:normal;overflow-wrap:anywhere}.ion-ui .table td::before{content:attr(data-label);font-size:9px;color:#7393ad;min-width:66px;max-width:90px;flex-shrink:0;padding-top:2px}.ion-ui .table td:last-child{border-bottom:0}.ion-ui .table form.inline{justify-content:flex-end;max-width:100%;min-width:0}.ion-ui .table form.inline input{width:100%;min-width:0;font-size:14px}.ion-ui .table td form{flex:1}.ion-ui .warning{font-size:9px}.ion-ui .stack h2{font-size:17px}.ion-ui .metric{font-size:27px}
  .ion-ui .watch-main{padding:13px}.ion-ui .spectrum-player{padding:15px}.ion-ui .entertainment-hero{padding:24px;min-height:220px}.ion-ui .entertainment-hero h2{font-size:28px}.ion-ui .entertainment-hero p{font-size:11px}.ion-ui .catalogue-search{padding:16px}.ion-ui .catalogue-tabs{gap:6px}.ion-ui .catalogue-tabs a{font-size:10px;padding:10px 11px;white-space:nowrap}.ion-ui .catalogue-grid{gap:12px}.ion-ui .entertainment-card-body{padding:12px}.ion-ui .entertainment-card h3{font-size:13px}.ion-ui .entertainment-card small,.ion-ui .entertainment-card p{font-size:10px}.ion-ui .watch-side{padding:18px}.ion-ui .back-link{font-size:10px}.ion-ui .content-form label{min-width:0}
  .ion-ui.auth-page{display:grid;padding:30px 18px}.ion-ui .login{margin:4vh 0;padding:28px 23px}.ion-ui .login h1{font-size:27px}.ion-ui .login button{min-height:46px}
}
@media(max-width:360px){.ion-ui .app-main{padding-inline:13px}.app-topbar{margin-inline:-13px;padding-inline:13px}.feature-copy h2{font-size:22px}.stat-tile{padding:12px}.stat-tile>strong{font-size:19px}.topbar-heading small{font-size:5px}.mobile-bottom-nav b{font-size:7px}}
@media(prefers-reduced-motion:reduce){.ion-ui *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:800px){.ion-ui details:not([open]){margin:0}.ion-ui details:not([open])>summary{margin-bottom:0}}
.record-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.record-actions .button,.record-actions button{min-height:32px;padding:8px 12px;font-size:10px}.glow-options{display:flex;align-items:end;gap:12px;margin:18px 0}.glow-options label{flex:1;color:#91b1c9;font-size:9px}.glow-options select{font-size:11px;padding:9px}.glow-options button{font-size:9px;background:#153b54;color:#a9e5ef;border:1px solid #2c5f78}.glow-stage{position:relative;background:radial-gradient(ellipse at 50% 40%,#30205c55,transparent 60%),radial-gradient(ellipse at 15% 80%,#00677c44,transparent 60%),#030912;border:1px solid #3a427c55;border-radius:13px;overflow:hidden}.glow-stage #music-spectrum{height:320px;width:100%}.glow-track-overlay{position:absolute;inset:20px 22px auto;text-align:center;pointer-events:none;text-shadow:0 0 20px #7bdcff99,0 3px 15px #000}.glow-track-overlay strong{display:block;color:#d5f9ff;font-size:21px;letter-spacing:1px;overflow-wrap:anywhere}.glow-track-overlay span{display:block;color:#b7a5e6;font-size:11px;margin-top:8px}.spectrum-player:has(.glow-stage) .spectrum-artwork{display:none}.glow-transport{display:flex;justify-content:center;align-items:center;gap:20px;margin:15px 0}.glow-transport button{border:1px solid #396b8a;background:#183d5e;color:#b6edff}.glow-transport [data-glow-play]{background:linear-gradient(100deg,#46dce3,#9a6cf5);color:#071829;min-width:90px}.spectrum-player:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;padding:25px;box-sizing:border-box;background:#030912;overflow:auto}.spectrum-player:fullscreen .glow-stage{flex:1;min-height:180px}.spectrum-player:fullscreen #music-spectrum{height:100%}.spectrum-player:fullscreen .glow-track-overlay strong{font-size:clamp(22px,4vw,50px)}@media(max-width:600px){.glow-options{gap:7px;flex-wrap:wrap}.glow-options label{min-width:90px}.glow-options button{padding:9px;font-size:9px}.glow-stage #music-spectrum{height:260px}.glow-track-overlay{inset:20px 12px auto}.glow-track-overlay strong{font-size:17px}.record-actions{justify-content:flex-end}.glow-transport{gap:14px}}