@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--bg:#07111f;--bg-soft:#0a1728;--panel:#0d1c30d1;--panel-2:#122640b8;--border:#94a3b824;--border-strong:#60a5fa3d;--text:#edf5ff;--muted:#91a3bb;--blue:#3b82f6;--cyan:#22d3ee;--purple:#8b5cf6;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--shadow:0 22px 60px #00000047;--radius:18px;--sidebar:260px;--topbar:72px;background:#07111f;color:#eaf2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#3b82f629,#0000 28%),radial-gradient(circle at 15% 75%,#8b5cf61a,#0000 25%),#f4f7fb;background:radial-gradient(circle at 90% 0,#3b82f629,#0000 28%),radial-gradient(circle at 15% 75%,#8b5cf61a,#0000 25%),var(--bg);margin:0;min-height:100vh;min-width:320px}button,input,select,textarea{font:inherit}a,button{color:inherit}a{text-decoration:none}img,video{max-width:100%}code{background:#3b82f61a;border-radius:6px;color:#bfdbfe;padding:2px 6px}.app-shell{min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#050e1aed;border-right:1px solid #dce5f0;border-right:1px solid var(--border);display:flex;flex-direction:column;inset:0 auto 0 0;position:fixed;transition:width .25s ease,transform .25s ease;width:260px;width:var(--sidebar);z-index:50}.sidebar-collapsed .sidebar{width:84px}.sidebar-collapsed .main-shell{margin-left:84px}.sidebar-collapsed .nav-item span,.sidebar-collapsed .sidebar-brand>div:not(.brand-mark),.sidebar-collapsed .sidebar-collapse span{display:none}.sidebar-collapsed .nav-item{justify-content:center}.sidebar-brand{align-items:center;border-bottom:1px solid #dce5f0;border-bottom:1px solid var(--border);display:flex;gap:12px;min-height:76px;padding:18px}.sidebar-brand strong{display:block;letter-spacing:-.02em}.sidebar-brand small{color:#65758b;color:var(--muted);font-size:11px}.brand-mark{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;box-shadow:0 10px 28px #3b82f647;color:#fff;display:grid;font-weight:800;height:38px;min-width:38px;place-items:center;width:38px}.tenant-chip{background:linear-gradient(145deg,#3b82f617,#8b5cf60d);border:1px solid #dce5f0;border:1px solid var(--border);border-radius:15px;margin:14px;padding:14px}.tenant-chip-top{align-items:center;display:flex;font-size:12px;font-weight:700;gap:8px;justify-content:space-between}.tenant-chip small{color:#65758b;color:var(--muted);display:block;font-size:10px;margin-top:7px}.big-meter,.tenant-meter{background:#94a3b81f;border-radius:999px;height:7px;overflow:hidden}.tenant-meter{height:5px;margin-top:10px}.big-meter span,.tenant-meter span{background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:inherit;display:block;height:100%}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:3px;overflow-y:auto;padding:8px 12px 16px}.nav-item{align-items:center;background:#0000;border:0;border-radius:12px;color:#91a3bb;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:12px;min-height:44px;padding:0 13px;transition:.18s ease}.nav-item:hover{background:#94a3b814;color:#fff}.nav-item.active{background:linear-gradient(135deg,#3b82f633,#8b5cf624);box-shadow:inset 0 0 0 1px #60a5fa2e;color:#fff}.nav-item.active svg{color:#60a5fa}.sidebar-bottom{border-top:1px solid #dce5f0;border-top:1px solid var(--border);padding:12px}.sidebar-collapse{width:100%}.mobile-menu,.sidebar-mobile-close{display:none}.main-shell{margin-left:260px;margin-left:var(--sidebar);min-height:100vh;transition:margin .25s ease}.topbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#07111fb8;border-bottom:1px solid #dce5f0;border-bottom:1px solid var(--border);display:flex;height:72px;height:var(--topbar);justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.topbar-health,.topbar-left,.topbar-right,.user-menu{align-items:center;display:flex;gap:12px}.live-pill{align-items:center;color:#65758b;color:var(--muted);display:flex;font-size:12px;gap:7px}.live-dot{background:#16a34a;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #22c55e1a;height:7px;width:7px}.topbar-health{background:#22d3ee0f;border:1px solid #22d3ee1f;border-radius:10px;color:#7dd3fc;font-size:12px;padding:8px 10px}.avatar,.mini-avatar{background:linear-gradient(135deg,#1d4ed8,#7c3aed);border-radius:11px;color:#fff;display:grid;font-weight:800;place-items:center}.avatar{font-size:12px;height:38px;width:38px}.user-copy small,.user-copy strong{display:block}.user-copy strong{font-size:12px}.user-copy small{color:#65758b;color:var(--muted);font-size:10px;margin-top:2px;text-transform:capitalize}.page-container{margin:0 auto;max-width:1540px;padding:30px 30px 56px}.page-header{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.04em;line-height:1.08;margin:5px 0 7px}.page-header p{color:var(--muted);font-size:13px;line-height:1.65;margin:0;max-width:760px}.eyebrow{color:#60a5fa;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.page-actions{display:flex;flex-wrap:wrap;gap:9px}.section-title{align-items:center;display:flex;gap:12px;justify-content:space-between}.card-head h3,.section-title h3{font-size:17px;letter-spacing:-.02em;margin:3px 0 0}.page-section{margin:28px 0 14px}.card-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.card-head.compact{margin-bottom:9px}.card-head p{font-size:12px;margin:4px 0 0}.block-small,.card-head p{color:#65758b;color:var(--muted)}.block-small{display:block;font-size:10px;margin-top:3px}.grow{flex:1 1;min-width:0}.align-right{text-align:right}.card{background:linear-gradient(155deg,#122640cc,#091728de);border:1px solid #dce5f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 12px 40px #0000001f;padding:20px;position:relative}.stats-grid{grid-gap:14px;display:grid;gap:14px;margin-bottom:18px}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{align-items:flex-start;background:#0e1f34c7;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:17px;display:flex;gap:14px;min-height:118px;padding:18px}.stat-icon{background:#3b82f61a;border-radius:13px;color:#60a5fa;display:grid;height:42px;min-width:42px;place-items:center;width:42px}.stat-green .stat-icon{background:#22c55e1a;color:#4ade80}.stat-purple .stat-icon{background:#8b5cf61f;color:#a78bfa}.stat-amber .stat-icon{background:#f59e0b1c;color:#fbbf24}.stat-copy small,.stat-copy span,.stat-copy strong{display:block}.stat-copy span{color:#65758b;color:var(--muted);font-size:11px;font-weight:600}.stat-copy strong{font-size:25px;letter-spacing:-.04em;margin:5px 0 4px}.stat-copy small{color:#6f849e;font-size:10px}.dashboard-grid{grid-template-columns:1.45fr 1fr}.content-grid,.dashboard-grid{grid-gap:16px;display:grid;gap:16px;margin-bottom:16px}.content-grid.two-one{grid-template-columns:1.55fr .85fr}.hero-card{background:radial-gradient(circle at 85% 0,#3b82f62e,#0000 38%),linear-gradient(145deg,#132b48e6,#0a182ae6);overflow:hidden}.hero-metric{align-items:baseline;display:flex;gap:10px;margin:22px 0 10px}.hero-metric strong{font-size:43px;letter-spacing:-.06em}.hero-card p,.hero-metric span{color:#65758b;color:var(--muted);font-size:12px}.hero-card p{line-height:1.6}.text-link{color:#60a5fa;font-size:12px;font-weight:700}.readiness-list{grid-gap:10px;display:grid;gap:10px;margin:15px 0 18px}.readiness-list>div{border-bottom:1px solid #dce5f0;border-bottom:1px solid var(--border);display:flex;font-size:12px;justify-content:space-between;padding:10px 0}.readiness-list span{color:#65758b;color:var(--muted)}.quick-card{display:flex;flex-direction:column;gap:9px}.quick-card>a{align-items:center;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:13px;color:#c9d8eb;display:flex;font-size:12px;font-weight:600;gap:10px;padding:12px;transition:.18s}.quick-card>a:hover{background:#3b82f612;border-color:var(--border-strong);transform:translateY(-1px)}.list-stack{display:grid}.list-row{align-items:center;border-bottom:1px solid #dce5f0;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 0}.list-row:last-child{border-bottom:0}.list-row small,.list-row strong{display:block}.list-row strong{font-size:12px}.list-row small{color:#65758b;color:var(--muted);font-size:10px;margin-top:3px}.device-dot{border-radius:12px;display:grid;height:38px;place-items:center;width:38px}.device-dot.online{background:#22c55e1a;color:#4ade80}.device-dot.offline{background:#94a3b814;color:#94a3b8}.btn,.icon-btn,.link-btn{border:0;cursor:pointer;transition:.18s ease}.btn{align-items:center;display:inline-flex;font-size:11px;font-weight:750;gap:8px;justify-content:center;min-height:39px;padding:0 14px}.btn:disabled{cursor:not-allowed;opacity:.48}.btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 24px #2563eb33;color:#fff}.btn-soft{background:#94a3b812;border:1px solid #dce5f0;border:1px solid var(--border);color:#d7e5f7}.btn-danger{background:#ef44441c;border:1px solid #ef444429;color:#fecaca}.btn-success{background:#22c55e21;border:1px solid #22c55e2b;color:#bbf7d0}.btn-wide{width:100%}.btn-sm{border-radius:9px;font-size:10px;min-height:31px;padding:0 10px}.icon-btn{background:#94a3b812;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:10px;color:#c9d8eb;display:inline-grid;height:35px;place-items:center;width:35px}.icon-btn:hover{background:#3b82f61f;border-color:#bfd3ee;border-color:var(--border-strong);color:#fff}.icon-btn.danger,.icon-btn.danger:hover{background:#ef444414;border-color:#ef444424;color:#fca5a5}.icon-btn.success{color:#86efac}.link-btn{background:#0000;color:#60a5fa;font-size:11px;font-weight:650;padding:0}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:9px;font-weight:800;gap:5px;justify-content:center;min-height:22px;padding:0 8px;text-transform:capitalize;white-space:nowrap}.badge-neutral{background:#94a3b817;color:#cbd5e1}.badge-success{background:#22c55e1c;color:#86efac}.badge-warning{background:#f59e0b1f;color:#fde68a}.badge-danger{background:#ef44441c;color:#fca5a5}.badge-info{background:#3b82f61f;color:#93c5fd}.card-actions,.table-actions{align-items:center;display:flex;gap:7px}.card-actions.vertical{flex-direction:column}.toolbar-card{gap:12px;margin-bottom:15px;padding:12px}.search-box,.toolbar-card{align-items:center;display:flex}.search-box{background:#060f1b73;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:11px;color:#65758b;color:var(--muted);flex:1 1;gap:8px;min-height:38px;padding:0 12px}.search-box input{background:#0000;border:0;color:#142033;color:var(--text);font-size:11px;outline:none;width:100%}.toolbar-select{align-items:center;background:#060f1b73;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:11px;color:#65758b;color:var(--muted);display:flex;gap:7px;min-height:38px;padding:0 10px}.toolbar-select select{background:#0000;border:0;color:#cbd5e1;font-size:11px;outline:none}.toolbar-select option,select option{background:#0c1b2e;color:#edf5ff}.toolbar-count{color:#65758b;color:var(--muted);font-size:10px;margin-left:auto;padding:0 6px;white-space:nowrap}.form-grid{grid-gap:14px;display:grid;gap:14px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.form-full{grid-column:1/-1}.field{grid-gap:7px;display:grid;gap:7px}.field>span{color:#a9bbcf;font-size:10px;font-weight:700}.field input,.field select,.field textarea{background:#050e1a94;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:10px;color:#142033;color:var(--text);font-size:11px;min-height:40px;outline:none;padding:9px 11px;resize:vertical;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:#60a5fa6b;box-shadow:0 0 0 3px #3b82f612}.field input:disabled{background:#94a3b80a;color:#71849c}.input-icon{align-items:center;background:#050e1a8a;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:11px;color:#65758b;color:var(--muted);display:flex;gap:9px;padding:0 11px}.input-icon input{background:#0000;border:0;color:#142033;color:var(--text);min-height:42px;outline:none;width:100%}.check,.field-check{align-items:center;color:#65758b;color:var(--muted);display:flex;font-size:10px;gap:8px}.field-check{align-self:end;min-height:40px;padding:0 4px}.toggle-row{align-items:center;border-bottom:1px solid #dce5f0;border-bottom:1px solid var(--border);display:flex;gap:18px;justify-content:space-between;padding:14px 0}.toggle-row small,.toggle-row strong{display:block}.toggle-row strong{font-size:12px}.toggle-row small{color:#65758b;color:var(--muted);font-size:10px;margin-top:3px;max-width:560px}.toggle-row input[type=checkbox]{accent-color:#2563eb;accent-color:var(--blue);height:17px;width:17px}.form-row-between{align-items:center;display:flex;gap:10px;justify-content:space-between}hr{border:0;border-top:1px solid #dce5f0;border-top:1px solid var(--border);margin:25px 0}.table-wrap{overflow-x:auto;width:100%}table{border-collapse:collapse;min-width:680px;width:100%}th{border-bottom:1px solid #dce5f0;border-bottom:1px solid var(--border);color:#7890aa;font-size:9px;letter-spacing:.08em;padding:11px 12px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #94a3b814;color:#cbd9ea;font-size:11px;padding:13px 12px;vertical-align:middle}tbody tr:hover td{background:rgba(59,130,246,.025)}.table-empty{color:#65758b;color:var(--muted);padding:30px;text-align:center}.cell-person{align-items:center;display:flex;gap:9px}.cell-person small,.cell-person strong{display:block}.cell-person small{color:#65758b;color:var(--muted);font-size:9px;margin-top:2px}.mini-avatar{font-size:10px;height:31px;width:31px}.mini-avatar.company{background:#3b82f61f;color:#60a5fa}.screen-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.screen-card-react{padding:17px}.screen-card-top{align-items:center;display:flex;justify-content:space-between}.screen-device-icon{background:#94a3b814;border-radius:13px;color:#94a3b8;display:grid;height:43px;place-items:center;width:43px}.screen-device-icon.online{background:#22c55e17;color:#4ade80}.screen-device-icon.pending{background:#f59e0b17;color:#fbbf24}.screen-card-react h3{font-size:16px;margin:14px 0 4px}.screen-card-react>p{color:#65758b;color:var(--muted);font-size:10px;margin:0 0 14px}.pair-code{align-items:center;background:#3b82f60f;border:1px dashed #60a5fa59;border-radius:11px;color:#bfdbfe;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;width:100%}.pair-code span{font-size:19px;font-weight:800;letter-spacing:.16em}.screen-meta{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}.screen-meta>div{background:#060f1b61;border-radius:10px;padding:9px}.screen-meta span,.screen-meta strong{display:block}.screen-meta span{color:#65758b;color:var(--muted);font-size:8px;letter-spacing:.06em;text-transform:uppercase}.screen-meta strong{font-size:9px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-alert{align-items:center;background:#3b82f612;border:1px solid #3b82f61f;border-radius:10px;color:#93c5fd;display:flex;font-size:10px;gap:8px;margin-top:12px;padding:10px 12px}.inline-alert.danger{background:#ef444412;border-color:#ef44441f;color:#fca5a5}.media-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.media-card{overflow:hidden;padding:0}.media-preview{aspect-ratio:16/10;background:linear-gradient(145deg,#3b82f617,#8b5cf614);color:#7dd3fc;display:grid;overflow:hidden;place-items:center}.media-preview img,.media-preview video{height:100%;object-fit:cover;width:100%}.media-preview svg{height:34px;width:34px}.media-card-copy{align-items:flex-end;display:flex;gap:9px;justify-content:space-between;padding:14px}.media-card-copy h3{font-size:12px;margin:7px 0 3px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card-copy p{color:#65758b;color:var(--muted);font-size:9px;margin:0}.upload-progress{margin-bottom:14px}.upload-progress>div:first-child{display:flex;font-size:10px;justify-content:space-between;margin-bottom:8px}.playlist-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.playlist-card{grid-gap:14px;display:grid;gap:14px;grid-template-columns:76px 1fr}.playlist-art{grid-gap:8px;align-content:center;background:linear-gradient(145deg,#3b82f621,#8b5cf617);border-radius:14px;color:#93c5fd;display:grid;gap:8px;min-height:128px;place-items:center}.playlist-art span{color:#65758b;color:var(--muted);font-size:9px}.playlist-copy h3{font-size:14px;margin:7px 0 4px}.playlist-copy p{color:#65758b;color:var(--muted);font-size:9px;line-height:1.5;margin:0;min-height:28px}.meta-pills{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.meta-pills>span{align-items:center;background:#94a3b80f;border-radius:8px;color:#91a3bb;display:inline-flex;font-size:8px;gap:5px;padding:5px 7px}.builder-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.35fr .85fr;margin-top:18px}.asset-picker,.sequence-list{grid-gap:7px;display:grid;gap:7px;max-height:320px;overflow-y:auto}.sequence-row{align-items:center;background:#060f1b59;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:10px;display:flex;gap:8px;padding:9px}.sequence-row small,.sequence-row strong{display:block}.sequence-row strong{font-size:10px}.sequence-row small{color:#65758b;color:var(--muted);font-size:8px}.sequence-index{background:#3b82f61c;border-radius:7px;color:#93c5fd;display:grid;font-size:9px;height:22px;place-items:center;width:22px}.duration-input{align-items:center;color:#65758b;color:var(--muted);display:flex;font-size:8px;gap:4px}.duration-input input{background:#060f1b80;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:8px;color:#fff;min-height:31px;padding:0 7px;width:54px}.asset-picker button{background:#060f1b59;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:10px;color:#142033;color:var(--text);cursor:pointer;padding:9px 10px;text-align:left}.asset-picker button:disabled{cursor:not-allowed;opacity:.35}.asset-picker button small,.asset-picker button span{display:block}.asset-picker button span{font-size:10px;font-weight:700}.asset-picker button small{color:#65758b;color:var(--muted);font-size:8px;margin-top:2px}.layout-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.layout-mini-preview{aspect-ratio:16/9;background:#050c16;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden;position:relative}.builder-canvas .zone,.layout-mini-preview>div{background:#3b82f61c;border:1px solid #60a5fa59;overflow:hidden;position:absolute}.layout-mini-preview span{color:#bfdbfe;display:block;font-size:7px;padding:5px}.layout-builder{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1.4fr .8fr;margin-top:18px}.builder-canvas{aspect-ratio:16/9;background:#050c16;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:14px;overflow:hidden;position:relative}.builder-canvas .zone{color:#dbeafe;cursor:pointer;padding:7px;text-align:left}.builder-canvas .zone small,.builder-canvas .zone span{display:block;font-size:8px}.builder-canvas .zone small{color:#93c5fd;margin-top:2px}.zone-widget{background:#8b5cf621!important;border-color:#a78bfa52!important}.zone-ticker{background:#f59e0b1f!important;border-color:#fbbf244d!important}.zones-panel{grid-gap:7px;align-content:start;display:grid;gap:7px}.zone-row{align-items:center;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:10px;display:flex;gap:6px;padding:8px}.zone-row>div:first-child{flex:1 1;min-width:0}.zone-row small,.zone-row strong{display:block}.zone-row strong{font-size:9px}.zone-row small{color:#65758b;color:var(--muted);font-size:7px;margin-top:2px}.schedule-list{grid-gap:10px;display:grid;gap:10px}.schedule-card{align-items:center;display:flex;gap:15px}.schedule-date{background:#3b82f612;border-radius:12px;min-width:118px;padding:10px;text-align:center;width:118px}.schedule-date span,.schedule-date strong{display:block}.schedule-date strong{font-size:9px}.schedule-date span{color:#65758b;color:var(--muted);font-size:7px;margin:3px 0}.schedule-card h3{font-size:13px;margin:0}.schedule-card p{color:#65758b;color:var(--muted);font-size:9px;margin:3px 0 0}.widget-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.widget-card{align-items:center;display:flex;gap:12px}.widget-icon{background:#8b5cf61a;border-radius:13px;color:#c4b5fd;display:grid;height:45px;min-width:45px;place-items:center;width:45px}.widget-card h3{font-size:12px;margin:0}.widget-card p,.widget-card small{color:#65758b;color:var(--muted);font-size:9px;margin:2px 0 0}.fleet-bars{grid-gap:10px;display:grid;gap:10px}.fleet-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:150px 1fr 42px}.fleet-name{align-items:center;display:flex;font-size:9px;gap:7px}.fleet-meter{background:#94a3b814;border-radius:999px;height:7px;overflow:hidden}.fleet-meter span{background:linear-gradient(90deg,#2563eb,#22c55e);display:block;height:100%}.fleet-row strong{font-size:9px;text-align:right}.rank-list{display:grid}.rank-list>div{align-items:center;border-bottom:1px solid #dce5f0;border-bottom:1px solid var(--border);display:flex;gap:9px;padding:9px 0}.rank-list>div>span:first-child{background:#3b82f614;border-radius:8px;color:#93c5fd;display:grid;font-size:9px;height:24px;place-items:center;width:24px}.rank-list small,.rank-list strong{display:block}.rank-list strong{font-size:9px}.rank-list small{color:#65758b;color:var(--muted);font-size:8px;margin-top:2px}.subscription-banner{align-items:center;display:flex;gap:14px;margin-bottom:15px}.subscription-banner.active{background:linear-gradient(145deg,#22c55e0f,#0a182ae0);border-color:#22c55e2e}.subscription-banner.expired{border-color:#ef44442e}.subscription-icon{background:#3b82f61c;border-radius:14px;color:#93c5fd;display:grid;height:48px;place-items:center;width:48px}.subscription-banner h2{font-size:18px;margin:4px 0}.inline-request p,.subscription-banner p{color:#65758b;color:var(--muted);font-size:10px;margin:0}.inline-request{align-items:center;color:#fbbf24;display:flex;gap:12px;margin-bottom:15px}.inline-request>div{color:#142033;color:var(--text);flex:1 1}.plans-grid-react{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.plan-card-react{overflow:hidden}.plan-card-react.popular{border-color:#8b5cf659;box-shadow:0 18px 50px #7c3aed1f}.plan-card-react.current{border-color:#22c55e47}.popular-tag{background:linear-gradient(90deg,#7c3aed47,#2563eb38);color:#ddd6fe;display:inline-block;font-size:9px;font-weight:800;letter-spacing:.08em;margin:-20px -20px 15px;padding:7px 20px;text-align:center;text-transform:uppercase;width:calc(100% + 40px)}.plan-card-react h3{font-size:17px;margin:0}.plan-price{align-items:baseline;display:flex;gap:5px;margin:15px 0}.plan-price strong{font-size:27px;letter-spacing:-.04em}.plan-price span{color:#65758b;color:var(--muted);font-size:9px}.plan-feature{align-items:center;color:#b7c8dc;display:flex;font-size:10px;gap:8px;margin:9px 0}.plan-feature svg{color:#4ade80;width:15px}.admin-plans{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-layout{grid-gap:15px;display:grid;gap:15px;grid-template-columns:200px 1fr}.settings-tabs{grid-gap:4px;align-self:start;display:grid;gap:4px;padding:10px}.settings-tabs button{align-items:center;background:#0000;border:0;border-radius:10px;color:#65758b;color:var(--muted);cursor:pointer;display:flex;font-size:10px;font-weight:650;gap:9px;min-height:40px;padding:0 10px;width:100%}.settings-tabs button.active{background:#3b82f61c;color:#fff}.settings-content{min-height:430px}.settings-section{grid-gap:17px;display:grid;gap:17px}.brand-upload{align-items:center;display:flex;gap:14px}.brand-placeholder,.brand-upload img{background:#060f1b66;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:18px;height:82px;object-fit:contain;padding:8px;width:82px}.brand-placeholder{color:#93c5fd;display:grid;font-size:20px;font-weight:800;place-items:center}.key-list{grid-gap:8px;display:grid;gap:8px}.key-list>div{align-items:center;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:10px;display:flex;gap:9px;padding:10px}.key-list>div>div:first-child{flex:1 1}.key-list small,.key-list strong{display:block}.key-list strong{font-size:10px}.key-list small{color:#65758b;color:var(--muted);font-size:8px;margin-top:2px}.distribution-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.distribution-grid>div{background:#060f1b59;border-radius:12px;padding:12px}.distribution-grid span,.distribution-grid strong{display:block}.distribution-grid span{color:#65758b;color:var(--muted);font-size:9px;text-transform:capitalize}.distribution-grid strong{font-size:20px;margin:5px 0 8px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#01060cb8;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:100}.modal-card{animation:modalIn .18s ease;background:#0b1a2d;border:1px solid #94a3b82b;border-radius:20px;box-shadow:0 16px 45px #0f172a14;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;width:min(600px,100%)}.modal-lg{width:min(980px,100%)}.modal-head{border-bottom:1px solid #dce5f0;border-bottom:1px solid var(--border);display:flex;gap:15px;justify-content:space-between;padding:18px 20px}.modal-head h3{font-size:16px;margin:0}.modal-head p{color:#65758b;color:var(--muted);font-size:9px;line-height:1.5;margin:4px 0 0}.modal-body{overflow-y:auto;padding:20px}.modal-footer{background:#060f1b73;border-top:1px solid #dce5f0;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.pairing-display{grid-gap:14px;display:grid;gap:14px;justify-items:center;padding:20px 0;text-align:center}.pairing-display>span{color:#bfdbfe;font-size:42px;font-weight:800;letter-spacing:.18em}.pairing-display small{color:#65758b;color:var(--muted);font-size:9px;line-height:1.6;max-width:420px}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.toast-stack{grid-gap:8px;display:grid;gap:8px;position:fixed;right:18px;top:18px;width:min(360px,calc(100vw - 36px));z-index:200}.toast{align-items:center;animation:toastIn .22s ease;background:#0a182af5;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 45px #0f172a14;box-shadow:var(--shadow);display:flex;font-size:10px;gap:9px;min-height:47px;padding:10px 12px}.toast span{flex:1 1}.toast button{background:#0000;border:0;color:#65758b;color:var(--muted);cursor:pointer;display:grid;height:25px;place-items:center;width:25px}.toast-success{border-color:#22c55e33;color:#bbf7d0}.toast-error{border-color:#ef444438;color:#fecaca}.toast-info{border-color:#3b82f633;color:#bfdbfe}@keyframes toastIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}.empty-state{align-content:center;display:grid;min-height:250px;padding:30px;place-items:center;text-align:center}.empty-icon{background:#3b82f617;border-radius:18px;color:#93c5fd;display:grid;height:58px;place-items:center;width:58px}.empty-state h3{font-size:15px;margin:12px 0 5px}.empty-state p{line-height:1.6;margin:0 0 14px;max-width:440px}.empty-state p,.mini-empty{color:#65758b;color:var(--muted);font-size:10px}.mini-empty{padding:26px 12px;text-align:center}.gate-card{align-items:center;background:#f59e0b0f;border:1px solid #f59e0b2e;border-radius:12px;display:flex;gap:12px;padding:10px 12px}.gate-icon{color:#fbbf24}.gate-card h3{font-size:11px;margin:0 0 2px}.gate-card p{color:#65758b;color:var(--muted);font-size:9px;margin:0}.auth-page{background:#06101d;display:grid;grid-template-columns:1.15fr .85fr}.auth-visual{background:radial-gradient(circle at 20% 25%,#3b82f630,#0000 32%),radial-gradient(circle at 75% 75%,#8b5cf626,#0000 30%),#071525;border-right:1px solid #dce5f0;border-right:1px solid var(--border);padding:42px 56px}.auth-brand{align-items:center;display:flex;font-size:13px;font-weight:800;gap:10px}.auth-brand.center{justify-content:center;margin-bottom:24px}.auth-hero{margin:18vh 0 0;max-width:680px}.auth-hero h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.06em;line-height:.98;margin:10px 0 15px;max-width:650px}.auth-hero>p{color:#9eb0c6;font-size:13px;line-height:1.75;max-width:560px}.auth-feature-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;max-width:560px}.auth-feature-grid>div{background:hsla(0,0%,100%,.035);border:1px solid #dce5f0;border:1px solid var(--border);border-radius:15px;padding:15px}.auth-feature-grid svg{color:#60a5fa}.auth-feature-grid span,.auth-feature-grid strong{display:block}.auth-feature-grid strong{font-size:11px;margin:9px 0 4px}.auth-feature-grid span{color:#65758b;color:var(--muted);font-size:9px}.auth-glow{border-radius:50%;filter:blur(80px);opacity:.18;position:absolute}.auth-glow-a{background:#3b82f6;height:300px;right:-80px;top:15%;width:300px}.auth-glow-b{background:#8b5cf6;bottom:-100px;height:260px;left:20%;width:260px}.auth-form-wrap{display:grid;padding:30px;place-items:center}.auth-card,.register-card{width:min(430px,100%)}.auth-card-head{margin-bottom:22px}.auth-card-head h2{font-size:25px;letter-spacing:-.04em;margin:6px 0 7px}.auth-card-head p{color:#65758b;color:var(--muted);font-size:10px;line-height:1.6;margin:0}.auth-card{grid-gap:14px;display:grid;gap:14px}.auth-divider{align-items:center;color:#5f748e;display:flex;font-size:9px;gap:10px}.auth-divider:after,.auth-divider:before{background:#dce5f0;background:var(--border);content:"";flex:1 1;height:1px}.register-page{background:radial-gradient(circle at 50% 0,#3b82f629,#0000 35%),#f4f7fb;background:radial-gradient(circle at 50% 0,#3b82f629,#0000 35%),var(--bg);display:grid;min-height:100vh;padding:40px 20px;place-items:center}.register-card{background:#0a182ae0;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:22px;padding:28px;width:min(720px,100%)}.auth-bottom{color:#65758b;color:var(--muted);font-size:10px;margin:17px 0 0;text-align:center}.auth-bottom a{color:#60a5fa;font-weight:700}.loading-screen{grid-gap:15px;align-content:center;background:#f4f7fb;background:var(--bg);display:grid;gap:15px;min-height:100vh;place-items:center}.brand-orb{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:20px;box-shadow:0 20px 50px #3b82f638;display:grid;font-weight:800;height:62px;place-items:center;width:62px}.loading-screen p{color:#65758b;color:var(--muted);font-size:10px}.loading-bar{background:#94a3b81a;border-radius:999px;height:4px;overflow:hidden;width:170px}.loading-bar span{animation:loadSlide 1.1s ease-in-out infinite alternate;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:inherit;display:block;height:100%;width:45%}@keyframes loadSlide{to{transform:translateX(120%)}}@media (max-width:1180px){.layout-grid,.plans-grid-react,.playlist-grid,.screen-grid,.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-plans,.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.sidebar{box-shadow:0 16px 45px #0f172a14;box-shadow:var(--shadow);transform:translateX(-100%);width:min(285px,86vw)!important}.sidebar.sidebar-mobile-open{transform:translateX(0)}.sidebar-mobile-close{background:#94a3b814;border:0;border-radius:9px;display:grid;height:32px;margin-left:auto;place-items:center;width:32px}.mobile-overlay{background:#0000008c;inset:0;position:fixed;z-index:40}.main-shell,.sidebar-collapsed .main-shell{margin-left:0}.mobile-menu{background:#94a3b80f;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:10px;display:grid;height:36px;place-items:center;width:36px}.topbar{padding:0 16px}.topbar-health,.user-copy{display:none}.page-container{padding:24px 16px 46px}.page-header{align-items:flex-start;flex-direction:column}.builder-grid,.content-grid.two-one,.dashboard-grid,.layout-builder,.settings-layout{grid-template-columns:1fr}.settings-tabs{grid-template-columns:repeat(3,1fr)}.settings-tabs button{justify-content:center}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}}@media (max-width:640px){.admin-plans,.distribution-grid,.form-grid.three-col,.form-grid.two-col,.layout-grid,.media-grid,.plans-grid-react,.playlist-grid,.screen-grid,.stats-grid.four,.stats-grid.three,.widget-grid{grid-template-columns:1fr}.toolbar-card{flex-wrap:wrap}.search-box{flex-basis:100%}.toolbar-select{flex:1 1}.screen-meta{grid-template-columns:1fr 1fr}.playlist-card{grid-template-columns:58px 1fr}.playlist-art{min-height:110px}.schedule-card{align-items:flex-start;flex-wrap:wrap}.schedule-date{min-width:100px;width:auto}.schedule-card .card-actions.vertical{flex-direction:row;width:100%}.settings-tabs{grid-template-columns:repeat(2,1fr)}.fleet-row{grid-template-columns:110px 1fr 35px}.subscription-banner{align-items:flex-start;flex-wrap:wrap}.auth-form-wrap{padding:22px}.register-card{padding:20px}.pairing-display>span{font-size:32px}}.super-auth-visual{background:radial-gradient(circle at 20% 25%,#7c3aed33,#0000 34%),radial-gradient(circle at 80% 75%,#0ea5e921,#0000 32%),#071525}.auth-secondary-link{color:#93c5fd;display:block;font-size:10px;font-weight:700;text-align:center;text-decoration:none}.auth-secondary-link:hover{color:#dbeafe}.subscription-lock-page{display:grid;min-height:calc(100vh - 150px);padding:24px;place-items:center}.subscription-lock-card{background:radial-gradient(circle at 50% 0,#f59e0b17,#0000 42%),#0a182adb;border:1px solid #f59e0b2e;border-radius:24px;box-shadow:0 16px 45px #0f172a14;box-shadow:var(--shadow);padding:34px;text-align:center;width:min(620px,100%)}.subscription-lock-icon{background:#f59e0b1a;border:1px solid #f59e0b2e;border-radius:22px;color:#fbbf24;display:grid;height:74px;margin:0 auto 18px;place-items:center;width:74px}.subscription-lock-card h2{font-size:28px;letter-spacing:-.04em;margin:7px 0 10px}.subscription-lock-card>p{color:#65758b;color:var(--muted);font-size:11px;line-height:1.7;margin:0 auto;max-width:500px}.subscription-lock-card>small{color:#6f839c;display:block;font-size:9px;line-height:1.6;margin-top:18px}.lock-plan{background:#94a3b814;border-radius:999px;color:#65758b;color:var(--muted);font-size:10px;margin:18px auto 0;padding:8px 12px;width:fit-content}.lock-plan strong{color:#142033;color:var(--text)}.lock-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:24px}.toolbar-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px}.compact-select{background:#94a3b80d;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:10px;color:#142033;color:var(--text);min-height:36px;min-width:170px;outline:none;padding:0 10px}.cell-person,.table-primary{align-items:center;display:flex;gap:10px}.cell-person small,.cell-person strong,.table-primary small,.table-primary strong{display:block}.block-muted,.table-primary small{color:#65758b;color:var(--muted);font-size:9px;margin-top:3px}.company-avatar{background:#3b82f617;border:1px solid #3b82f621;border-radius:10px;color:#93c5fd;display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.field textarea{min-height:84px;resize:vertical}@media (max-width:640px){.toolbar-row{align-items:stretch;flex-direction:column}.compact-select{width:100%}.subscription-lock-card{padding:25px 18px}}:root{--bg:#f6f8fc;--bg-soft:#eef3f9;--panel-2:#f8fafc;--border:#e2e8f0;--border-strong:#bfdbfe;--text:#172033;--muted:#64748b;--shadow:0 16px 45px #0f172a14;color:#172033}:root,body{background:#f6f8fc}code{background:#eff6ff;color:#1d4ed8}.sidebar{background:#fff;border-right-color:#dce5f0;border-right-color:var(--border);box-shadow:8px 0 28px #0f172a08}.sidebar-brand{border-bottom-color:#dce5f0;border-bottom-color:var(--border)}.brand-mark{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 8px 22px #2563eb2e;overflow:hidden}.brand-mark.has-logo{border:1px solid #dce5f0;border:1px solid var(--border);box-shadow:0 6px 18px #0f172a12;padding:4px}.brand-mark.has-logo img{border-radius:8px;height:100%;object-fit:contain;width:100%}.tenant-chip{background:linear-gradient(145deg,#f8fbff,#f7f5ff)}.big-meter,.tenant-meter{background:#e8edf5}.nav-item{color:#64748b}.nav-item:hover{background:#f1f5f9;color:#1e293b}.nav-item.active{background:#eff6ff;box-shadow:inset 0 0 0 1px #dbeafe}.nav-item.active svg{color:#2563eb}.sidebar-bottom{border-top-color:#dce5f0;border-top-color:var(--border)}.topbar{background:#ffffffeb;border-bottom-color:#dce5f0;border-bottom-color:var(--border);box-shadow:0 5px 20px rgba(15,23,42,.025)}.topbar-health{background:#f0f9ff;border-color:#e0f2fe;color:#0369a1}.live-pill{color:#64748b}.avatar,.mini-avatar{background:linear-gradient(135deg,#2563eb,#4f46e5)}.card-head h3,.page-header h1,.section-title h3,.user-copy strong{color:#172033}.eyebrow{color:#2563eb}.card{box-shadow:0 8px 30px rgba(15,23,42,.045)}.card,.stat-card{background:#fff;border-color:#dce5f0;border-color:var(--border)}.stat-card{box-shadow:0 6px 22px rgba(15,23,42,.035)}.stat-icon{background:#eff6ff;color:#2563eb}.stat-green .stat-icon{background:#f0fdf4;color:#16a34a}.stat-purple .stat-icon{background:#f5f3ff;color:#7c3aed}.stat-amber .stat-icon{background:#fffbeb;color:#d97706}.stat-copy strong{color:#172033}.stat-copy small{color:#94a3b8}.hero-card{background:radial-gradient(circle at 88% 0,#eff6ff 0,#0000 38%),linear-gradient(145deg,#fff,#f8fafc)}.quick-card>a{background:#fff;color:#334155}.quick-card>a:hover{background:#f8fbff}.list-row strong{color:#1e293b}.btn-soft{background:#f8fafc;border-color:#dce5f0;border-color:var(--border);color:#334155}.btn-soft:hover:not(:disabled){background:#f1f5f9}.btn-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.btn-success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.icon-btn{background:#fff;border-color:#dce5f0;border-color:var(--border);color:#475569}.icon-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.icon-btn.danger,.icon-btn.danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.icon-btn.success{color:#16a34a}.link-btn,.text-link{color:#2563eb}.badge-neutral{background:#f1f5f9;color:#475569}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef3c7;color:#a16207}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-info{background:#dbeafe;color:#1d4ed8}.compact-select,.input-icon,.search-box,.toolbar-select{background:#fff;border-color:#dce5f0;border-color:var(--border);color:#64748b}.compact-select,.input-icon input,.search-box input,.toolbar-select select{color:#172033}.toolbar-select option,select option{background:#fff;color:#172033}.field>span{color:#475569}.field input,.field select,.field textarea{background:#fff;border-color:#dbe3ed;color:#172033}.field input:focus,.field select:focus,.field textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #eff6ff}.field input:disabled{background:#f8fafc;color:#94a3b8}.toggle-row strong{color:#1e293b}th{background:#f8fafc;color:#64748b}td{border-bottom-color:#eef2f7;color:#334155}tbody tr:hover td{background:#f8fbff}.company-avatar,.mini-avatar.company{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.screen-device-icon{background:#f1f5f9;color:#64748b}.screen-device-icon.online{background:#f0fdf4;color:#16a34a}.screen-device-icon.pending{background:#fffbeb;color:#d97706}.pair-code{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.screen-meta>div{background:#f8fafc}.inline-alert{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.inline-alert.danger{background:#fef2f2;border-color:#fee2e2;color:#b91c1c}.media-preview,.playlist-art{background:linear-gradient(145deg,#eff6ff,#f5f3ff);color:#2563eb}.rank-list>div>span:first-child,.sequence-index{background:#eff6ff;color:#2563eb}.schedule-date{background:#eff6ff}.subscription-banner.active{background:linear-gradient(145deg,#f0fdf4,#fff);border-color:#bbf7d0}.subscription-icon{background:#eff6ff;color:#2563eb}.settings-tabs button.active{background:#eff6ff;color:#1d4ed8}.brand-placeholder,.brand-upload img{background:#fff}.brand-placeholder{color:#2563eb}.brand-upload{flex-wrap:wrap;margin-bottom:20px}.brand-upload-actions{grid-gap:7px;align-items:start;display:grid;gap:7px}.logo-help{color:#64748b;display:block;font-size:9px;line-height:1.55;max-width:360px}.btn.disabled{opacity:.6;pointer-events:none}.modal-backdrop{background:#0f172a47}.modal-card{box-shadow:0 24px 70px #0f172a29}.modal-card,.toast{background:#fff;border-color:#dce5f0;border-color:var(--border)}.toast{box-shadow:0 14px 36px #0f172a1f;color:#172033}.toast-info{border-color:#bfdbfe;color:#1d4ed8}.empty-icon{background:#eff6ff;color:#2563eb}.gate-card{background:#fffbeb;border-color:#fde68a}.auth-page{background:#f8fafc}.auth-visual{background:radial-gradient(circle at 20% 25%,#dbeafe,#0000 34%),radial-gradient(circle at 80% 80%,#ede9fe,#0000 34%),#f8fbff;border-right-color:#dce5f0;border-right-color:var(--border)}.super-auth-visual{background:radial-gradient(circle at 20% 25%,#ede9fe,#0000 34%),radial-gradient(circle at 80% 75%,#e0f2fe,#0000 32%),#fafaff}.auth-brand,.auth-feature-grid strong,.auth-hero h1{color:#172033}.auth-hero>p{color:#64748b}.auth-feature-grid>div{background:#ffffffb8;border-color:#e2e8f0}.auth-feature-grid svg{color:#2563eb}.auth-glow{opacity:.08}.auth-form-wrap{background:#fff}.auth-card-head h2{color:#172033}.auth-divider{color:#94a3b8}.register-page{background:linear-gradient(180deg,#f8fbff,#f6f8fc)}.register-card{border-color:#dce5f0;border-color:var(--border);box-shadow:0 16px 45px #0f172a14;box-shadow:var(--shadow)}.loading-screen,.register-card{background:#fff}.loading-bar{background:#e2e8f0}.auth-secondary-link{color:#2563eb}.auth-secondary-link:hover{color:#1d4ed8}.subscription-lock-card{background:radial-gradient(circle at 50% 0,#fffbeb,#0000 42%),#fff;border-color:#fde68a}.lock-plan{background:#f1f5f9}.subscription-lock-card>small{color:#94a3b8}.builder-canvas,.layout-mini-preview{background:#0f172a}@media (max-width:900px){.mobile-overlay{background:#0f172a47}.mobile-menu,.sidebar-mobile-close{background:#fff;color:#334155}}:root{--bg:#f4f7fb;--bg-soft:#eef4fb;--panel:#fff;--panel-2:#f8fbff;--border:#dce5f0;--border-strong:#bfd3ee;--text:#142033;--muted:#65758b;--blue:#2563eb;--cyan:#0891b2;--purple:#7c3aed;--green:#16a34a;--amber:#d97706;--red:#dc2626;--shadow-xs:0 2px 7px rgba(15,23,42,.045);--shadow-sm:0 7px 20px rgba(15,23,42,.065);--shadow-md:0 16px 38px rgba(15,23,42,.085);--shadow-lg:0 28px 70px #0f172a21;--shadow-blue:0 18px 44px #2563eb24;--radius:20px}#root,body,html{min-height:100%}html{background:#f4f7fb;background:var(--bg)}body{background:radial-gradient(circle at 7% 3%,rgba(37,99,235,.095),#0000 24rem),radial-gradient(circle at 91% 11%,rgba(124,58,237,.075),#0000 24rem),linear-gradient(180deg,#f8fbff,#f4f7fb 34rem,#f5f8fc);color:#142033;color:var(--text);position:relative}body:before{background-image:linear-gradient(#94a3b81f 1px,#0000 0),linear-gradient(90deg,#94a3b81f 1px,#0000 0);background-size:44px 44px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#000 0,#0000 42rem);mask-image:linear-gradient(180deg,#000 0,#0000 42rem);opacity:.34;pointer-events:none;position:fixed;z-index:0}#root{position:relative;z-index:1}.sidebar{background:radial-gradient(circle at 18% 0,rgba(37,99,235,.075),#0000 14rem),#fff;border-right:1px solid #dbe5f0;box-shadow:12px 0 34px rgba(15,23,42,.045)}.sidebar:after{border:30px solid rgba(37,99,235,.035);border-radius:50%;bottom:10%;content:"";height:150px;pointer-events:none;position:absolute;right:-75px;width:150px}.sidebar-brand{background:#ffffffd1;border-bottom:1px solid #e4ebf3;min-height:82px}.sidebar-brand strong{color:#142033;font-size:15px}.sidebar-brand small{color:#8190a4}.brand-mark{border:1px solid #2563eb1f;box-shadow:0 10px 25px #2563eb38,inset 0 1px 0 #ffffff40}.brand-mark.has-logo{background:#fff;border:1px solid #d7e2ee;box-shadow:0 8px 22px #0f172a1a;height:44px;min-width:44px;padding:5px;width:44px}.tenant-chip{background:linear-gradient(145deg,#fff,#f5f9ff);border:1px solid #dce7f4;box-shadow:0 8px 22px rgba(15,23,42,.055);overflow:hidden;position:relative}.tenant-chip:after{background:#2563eb0f;border-radius:50%;content:"";height:80px;position:absolute;right:-28px;top:-36px;width:80px}.nav-item{border:1px solid #0000;position:relative;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.nav-item:hover{background:#f8fbff;border-color:#e5ecf4;box-shadow:0 2px 7px rgba(15,23,42,.045);box-shadow:var(--shadow-xs);transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#eff6ff,#f4f2ff);border-color:#d6e5fb;box-shadow:0 7px 18px #2563eb17,inset 3px 0 0 #2563eb;color:#1d4ed8}.topbar{-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);background:#ffffffe0;border-bottom:1px solid #dbe5f0eb;box-shadow:0 8px 26px rgba(15,23,42,.035);height:76px}.topbar-health{box-shadow:inset 0 0 0 1px #d9edf7}.user-menu{background:#fff;border:1px solid #e1e8f1;border-radius:15px;padding:7px 10px 7px 8px}.icon-btn,.user-menu{box-shadow:0 2px 7px rgba(15,23,42,.045);box-shadow:var(--shadow-xs)}.page-container{padding-top:28px}.page-container:before{border:70px solid rgba(37,99,235,.025);border-radius:50%;content:"";height:420px;pointer-events:none;position:fixed;right:-220px;top:170px;width:420px}.page-header{align-items:center;background:radial-gradient(circle at 88% -10%,#2563eb1c,#0000 15rem),radial-gradient(circle at 69% 130%,rgba(124,58,237,.065),#0000 17rem),#fff;border:1px solid #dce6f1;border-radius:22px;box-shadow:0 7px 20px rgba(15,23,42,.065);box-shadow:var(--shadow-sm);margin-bottom:22px;overflow:hidden;padding:22px 24px;position:relative}.page-header:before{background-image:radial-gradient(#93b4df 1.2px,#0000 0);background-size:13px 13px;content:"";height:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000);opacity:.36;pointer-events:none;position:absolute;right:22px;top:0;width:168px}.page-header>*{position:relative;z-index:1}.page-header h1{color:#101c2d;text-shadow:0 1px 0 #fff}.page-header p{color:#65758b}.eyebrow{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;color:#1d4ed8;display:inline-flex;gap:6px;line-height:1;padding:5px 9px;width:fit-content}.card{background:linear-gradient(180deg,#fff,#fefeff);border:1px solid #dce5ef;box-shadow:0 7px 20px rgba(15,23,42,.065);box-shadow:var(--shadow-sm);isolation:isolate;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:after{background:rgba(37,99,235,.035);border:22px solid rgba(37,99,235,.025);border-radius:50%;content:"";height:150px;pointer-events:none;position:absolute;right:-92px;top:-92px;width:150px;z-index:-1}.card:hover{border-color:#cddceb;box-shadow:0 16px 38px rgba(15,23,42,.085);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-head{border-bottom:1px solid #eef2f7;padding-bottom:14px}.card-head.compact{padding-bottom:8px}.card-head>svg{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;box-sizing:initial;color:#2563eb;padding:9px}.stat-card{background:linear-gradient(145deg,#fff,#fbfdff);border:1px solid #dce5ef;box-shadow:0 7px 20px rgba(15,23,42,.065);box-shadow:var(--shadow-sm);min-height:124px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.stat-card:before{background:#2563eb;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.stat-card:after{background:#2563eb0d;border:18px solid rgba(37,99,235,.028);border-radius:50%;bottom:-54px;content:"";height:105px;position:absolute;right:-47px;width:105px}.stat-card:hover{box-shadow:0 16px 38px rgba(15,23,42,.085);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-green:before{background:#16a34a}.stat-purple:before{background:#7c3aed}.stat-amber:before{background:#d97706}.stat-green:after{background:rgba(22,163,74,.045);border-color:rgba(22,163,74,.025)}.stat-purple:after{background:rgba(124,58,237,.045);border-color:rgba(124,58,237,.025)}.stat-amber:after{background:rgba(217,119,6,.045);border-color:rgba(217,119,6,.025)}.stat-icon{border:1px solid #dbeafe;box-shadow:inset 0 1px 0 #ffffffb3,0 7px 16px #2563eb17;height:47px;min-width:47px;width:47px}.stat-copy strong{color:#0f1b2d;font-size:28px}.hero-card{background:radial-gradient(circle at 89% 11%,#2563eb1f,#0000 15rem),radial-gradient(circle at 73% 120%,#7c3aed12,#0000 18rem),linear-gradient(145deg,#fff,#f7faff);border-color:#cfdef0;box-shadow:0 16px 38px rgba(15,23,42,.085);box-shadow:var(--shadow-md)}.hero-card:before{border:28px solid #2563eb0d;border-radius:50%;bottom:-74px;content:"";height:130px;position:absolute;right:18px;width:130px}.big-meter{border:1px solid #e3eaf3;box-shadow:inset 0 1px 3px #0f172a0f;height:9px}.big-meter span{box-shadow:0 0 16px #2563eb40}.quick-card>a{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e0e8f1;box-shadow:0 2px 7px rgba(15,23,42,.045);box-shadow:var(--shadow-xs);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.quick-card>a:hover{border-color:#bfd3ee;box-shadow:0 7px 20px rgba(15,23,42,.065);box-shadow:var(--shadow-sm);transform:translateX(3px)}.list-row{border:1px solid #0000;border-radius:14px;padding:11px 10px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.list-row:hover{background:#f8fbff;border-color:#e1e9f2;transform:translateX(2px)}.table-wrap{border:1px solid #dce5ef;border-radius:16px;box-shadow:inset 0 1px 0 #fffc;overflow:auto}table{border-collapse:initial;border-spacing:0}th{background:linear-gradient(180deg,#f9fbfe,#f4f7fb);border-bottom:1px solid #dfe7f0}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#f7faff}.compact-select,.field input,.field select,.field textarea,.input-icon,.search-box,.toolbar-select{border:1px solid #d7e1ec;box-shadow:inset 0 1px 2px rgba(15,23,42,.025),0 1px 0 #fffc}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8db6f4;box-shadow:0 0 0 4px #2563eb17,0 5px 16px #2563eb12}.btn{border-radius:11px;box-shadow:0 2px 7px rgba(15,23,42,.045);box-shadow:var(--shadow-xs);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover:not(:disabled){box-shadow:0 7px 20px rgba(15,23,42,.065);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#2563eb,#4f46e5);border-color:#2458d7;box-shadow:0 8px 20px #2563eb33}.btn-primary:hover:not(:disabled){box-shadow:0 18px 44px #2563eb24;box-shadow:var(--shadow-blue)}.layout-card,.media-card,.plan-card,.playlist-card,.schedule-card,.widget-card{background:#fff!important;border-color:#dce5ef!important;box-shadow:0 7px 20px rgba(15,23,42,.065)!important;box-shadow:var(--shadow-sm)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.layout-card:hover,.media-card:hover,.plan-card:hover,.playlist-card:hover,.schedule-card:hover,.widget-card:hover{border-color:#c6d8ee!important;box-shadow:0 16px 38px rgba(15,23,42,.085)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-3px)}.subscription-banner{border-width:1px;box-shadow:0 7px 20px rgba(15,23,42,.065);box-shadow:var(--shadow-sm)}.brand-upload{background:radial-gradient(circle at 100% 0,#2563eb0f,#0000 12rem),#f9fbfe;border:1px dashed #bcd0e8;border-radius:17px;box-shadow:inset 0 1px 0 #fff;padding:16px}.brand-placeholder,.brand-upload img{border:1px solid #d6e1ed;box-shadow:0 9px 24px #0f172a17}.auth-page{background:#f5f8fc;isolation:isolate;min-height:100vh;position:relative}.auth-page:before{background:radial-gradient(circle at 8% 8%,#2563eb21,#0000 24rem),radial-gradient(circle at 94% 88%,#7c3aed17,#0000 25rem),#f7faff;z-index:-2}.auth-page:after,.auth-page:before{content:"";inset:0;position:absolute}.auth-page:after{background-image:radial-gradient(#51709a40 1px,#0000 0);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,#000,#0000 62%);mask-image:linear-gradient(90deg,#000,#0000 62%);opacity:.42;z-index:-1}.auth-visual{background:linear-gradient(135deg,#ffffffd6,#f4f8ffc2),radial-gradient(circle at 28% 22%,#2563eb21,#0000 17rem);border-right:1px solid #d9e4ef;overflow:hidden;position:relative}.auth-visual:before{border:78px solid rgba(37,99,235,.055);border-radius:50%;bottom:-190px;content:"";height:390px;left:-220px;position:absolute;width:390px}.auth-visual:after{background:linear-gradient(145deg,#fff3,rgba(37,99,235,.025));border:1px solid #2563eb17;border-radius:42px;content:"";height:180px;position:absolute;right:8%;top:12%;transform:rotate(17deg);width:180px}.super-auth-visual{background:linear-gradient(135deg,#ffffffdb,#f8f6ffc7),radial-gradient(circle at 25% 20%,#7c3aed1f,#0000 17rem)}.auth-brand{gap:12px;position:relative;z-index:3}.auth-brand-logo{border-radius:15px;height:48px;min-width:48px;width:48px}.auth-brand-logo.has-logo{background:#fff;border:1px solid #d9e3ee;padding:5px}.auth-brand-logo img{border-radius:10px;height:100%;object-fit:contain;width:100%}.auth-brand-copy{grid-gap:3px;display:grid;gap:3px}.auth-brand-copy>span{font-weight:800;letter-spacing:-.02em}.auth-brand-copy>small{color:#74849a;font-size:10px;font-weight:600}.auth-hero{position:relative;z-index:2}.auth-hero h1{font-size:clamp(38px,4.1vw,66px);letter-spacing:-.055em;line-height:1.02;max-width:660px}.auth-hero>p{font-size:14px;line-height:1.8;max-width:610px}.auth-feature-grid{position:relative;z-index:3}.auth-feature-grid>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #dbe5f0;box-shadow:0 7px 20px rgba(15,23,42,.065);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.auth-feature-grid>div:after{background:#2563eb0d;border-radius:50%;bottom:-36px;content:"";height:80px;position:absolute;right:-35px;width:80px}.auth-form-wrap{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffde;position:relative}.auth-card{background:#fff;border:1px solid #d8e3ef;border-radius:24px;box-shadow:0 28px 75px #0f172a24;overflow:hidden;padding:30px;position:relative}.auth-card:before{background:linear-gradient(90deg,#2563eb,#7c3aed,#06b6d4);content:"";height:4px;inset:0 0 auto 0;position:absolute}.auth-card:after{background:rgba(37,99,235,.045);border-radius:50%;content:"";height:150px;pointer-events:none;position:absolute;right:-80px;top:-75px;width:150px}.login-logo-panel{align-items:center;background:linear-gradient(135deg,#f9fbff,#f7f5ff);border:1px solid #e0e8f1;border-radius:16px;display:flex;gap:12px;margin:0 0 24px;padding:12px;position:relative;z-index:2}.login-logo{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:15px;box-shadow:0 9px 23px #2563eb33;color:#fff;display:grid;height:52px;min-width:52px;place-items:center;width:52px}.login-logo.has-image{background:#fff;border:1px solid #d8e2ed;box-shadow:0 8px 22px #0f172a17;padding:5px}.login-logo img{border-radius:10px;height:100%;object-fit:contain;width:100%}.login-logo-panel span,.login-logo-panel strong{display:block}.login-logo-panel strong{color:#142033;font-size:14px}.login-logo-panel span{color:#75869c;font-size:10px;font-weight:600;margin-top:3px}.auth-card .auth-divider,.auth-card .auth-secondary-link,.auth-card .btn,.auth-card .field,.auth-card .form-row-between,.auth-card-head{position:relative;z-index:2}.register-page{background:radial-gradient(circle at 10% 5%,#2563eb1a,#0000 24rem),radial-gradient(circle at 93% 87%,#7c3aed12,#0000 24rem),#f5f8fc}.register-card{border:1px solid #d8e3ef;border-radius:25px}.modal-card,.register-card{box-shadow:0 28px 70px #0f172a21;box-shadow:var(--shadow-lg)}.modal-card{border:1px solid #d8e2ee}@media (max-width:1100px){.page-header{padding:20px}.auth-card{padding:26px}}@media (max-width:900px){.page-header{border-radius:18px}.sidebar{box-shadow:18px 0 45px #0f172a1f}.auth-page:after{-webkit-mask-image:linear-gradient(#000,#0000 65%);mask-image:linear-gradient(#000,#0000 65%)}}@media (max-width:640px){.page-container{padding-left:14px;padding-right:14px}.page-header{padding:18px}.page-header:before{opacity:.22}.card{border-radius:17px}.stat-card{min-height:112px}.auth-card{border-radius:20px;padding:22px 18px}.login-logo-panel{margin-bottom:20px}}:root{--ws-blue:#2563eb;--ws-indigo:#4f46e5;--ws-purple:#7c3aed;--ws-pink:#db2777;--ws-cyan:#0891b2;--ws-green:#16a34a;--ws-amber:#d97706;--ws-orange:#ea580c;--ws-red:#dc2626;--ws-ink:#172033;--ws-muted:#6b7a90;--ws-line:#dbe5f1;--ws-shadow:0 10px 30px #33415514,0 2px 7px #3341550d;--ws-shadow-hover:0 22px 48px #33415524,0 7px 18px #33415514}body{background:radial-gradient(circle at 4% 6%,#2563eb1f,#0000 23rem),radial-gradient(circle at 96% 10%,#db277714,#0000 22rem),radial-gradient(circle at 88% 88%,#0891b214,#0000 25rem),linear-gradient(180deg,#f8fbff,#f3f7fc 48%,#f7f9fd)!important;color:#172033!important;color:var(--ws-ink)!important}body:before{background-image:radial-gradient(#2563eb21 1px,#0000 0),linear-gradient(#94a3b812 1px,#0000 0),linear-gradient(90deg,#94a3b812 1px,#0000 0)!important;background-size:22px 22px,54px 54px,54px 54px!important;opacity:.48!important}.sidebar{background:linear-gradient(180deg,#fffffffa,#fafcfffa)!important;border-right:1px solid #dbe6f2!important;box-shadow:12px 0 40px rgba(30,64,175,.055)!important}.sidebar-brand{background:linear-gradient(135deg,#fff,#f7faff)!important}.brand-mark:not(.has-logo){background:linear-gradient(135deg,#2563eb,#7c3aed 55%,#db2777)!important;box-shadow:0 12px 28px #4f46e547!important}.nav-item{border-radius:14px!important;color:#586a82!important;min-height:47px!important}.nav-item svg{border-radius:11px!important;flex:0 0 auto;height:34px!important;padding:8px!important;transition:.2s ease!important;width:34px!important}.nav-tone-0 svg{background:#eaf2ff!important;box-shadow:0 5px 13px #2563eb1a;color:#2563eb!important}.nav-tone-1 svg{background:#eafaf0!important;box-shadow:0 5px 13px #16a34a1a;color:#16a34a!important}.nav-tone-2 svg{background:#f2ebff!important;box-shadow:0 5px 13px #7c3aed1a;color:#7c3aed!important}.nav-tone-3 svg{background:#fff0f7!important;box-shadow:0 5px 13px #db27771a;color:#db2777!important}.nav-tone-4 svg{background:#fff6e7!important;box-shadow:0 5px 13px #d977061a;color:#d97706!important}.nav-tone-5 svg{background:#e9fbff!important;box-shadow:0 5px 13px #0891b21a;color:#0891b2!important}.nav-tone-6 svg{background:#fff1e9!important;box-shadow:0 5px 13px #ea580c1a;color:#ea580c!important}.nav-item:hover{background:#f7faff!important;box-shadow:0 6px 16px #3341550f!important;color:#1e293b!important;transform:translateX(4px)!important}.nav-item.active{background:linear-gradient(135deg,#f5f9ff,#f9f6ff)!important;border-color:#d8e4f4!important;box-shadow:0 10px 24px #33415514,inset 3px 0 0 #4f46e5!important;color:#15223a!important}.nav-item.active svg{transform:scale(1.05)}.topbar{background:#ffffffeb!important;box-shadow:0 9px 28px rgba(30,64,175,.045)!important}.live-pill{background:#ecfdf3;border:1px solid #ccefd9;border-radius:999px;color:#177a45!important;font-weight:700;padding:8px 12px}.topbar-health{background:linear-gradient(135deg,#ecfeff,#eef8ff)!important;border-color:#cbeff5!important;color:#0e7490!important}.avatar{background:linear-gradient(135deg,#2563eb,#7c3aed 62%,#db2777)!important;box-shadow:0 8px 18px #4f46e538}.page-header{background:radial-gradient(circle at 88% 18%,#2563eb26,#0000 12rem),radial-gradient(circle at 75% 110%,#db277717,#0000 15rem),linear-gradient(135deg,#fff,#f8fbff 58%,#fbf8ff)!important;border:1px solid #d7e4f3!important;box-shadow:0 14px 34px rgba(30,64,175,.075),0 3px 9px rgba(51,65,85,.045)!important}.page-header:after{border:18px solid rgba(124,58,237,.035);border-radius:44px;content:"";height:150px;pointer-events:none;position:absolute;right:82px;top:-58px;transform:rotate(28deg);width:150px}.eyebrow{background:linear-gradient(135deg,#eef2ff,#f5f3ff)!important;border-color:#dcdcfb!important;box-shadow:0 3px 8px #4f46e50f;color:#3730a3!important}.stat-card{border-radius:20px!important;border-width:1px!important;box-shadow:0 10px 30px #33415514,0 2px 7px #3341550d!important;box-shadow:var(--ws-shadow)!important;min-height:132px!important;transform:translateZ(0)}.stat-card:hover{box-shadow:0 22px 48px #33415524,0 7px 18px #33415514!important;box-shadow:var(--ws-shadow-hover)!important;transform:translateY(-6px)!important}.stat-card:before{width:5px!important}.stat-card:after{border-width:24px!important;bottom:-72px!important;height:138px!important;right:-58px!important;width:138px!important}.stat-blue{background:linear-gradient(135deg,#f4f8ff,#eaf3ff)!important;border-color:#cfe0fa!important}.stat-blue:before{background:linear-gradient(#2563eb,#4f46e5)!important}.stat-blue:after{background:#2563eb14!important;border-color:rgba(79,70,229,.035)!important}.stat-blue .stat-icon{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border:0!important;box-shadow:0 11px 25px #2563eb47!important;color:#fff!important}.stat-green{background:linear-gradient(135deg,#f3fff8,#e8fbef)!important;border-color:#cdeed8!important}.stat-green:before{background:linear-gradient(#16a34a,#059669)!important}.stat-green .stat-icon{background:linear-gradient(135deg,#16a34a,#059669)!important;border:0!important;box-shadow:0 11px 25px #16a34a40!important;color:#fff!important}.stat-purple{background:linear-gradient(135deg,#fbf8ff,#f1eaff)!important;border-color:#dfd2fa!important}.stat-purple:before{background:linear-gradient(#7c3aed,#a21caf)!important}.stat-purple .stat-icon{background:linear-gradient(135deg,#7c3aed,#a21caf)!important;border:0!important;box-shadow:0 11px 25px #7c3aed42!important;color:#fff!important}.stat-amber{background:linear-gradient(135deg,#fffaf0,#fff1d8)!important;border-color:#f3dfbb!important}.stat-amber:before{background:linear-gradient(#f59e0b,#ea580c)!important}.stat-amber .stat-icon{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;border:0!important;box-shadow:0 11px 25px #ea580c3b!important;color:#fff!important}.stat-copy span{color:#607087!important;font-weight:700!important}.stat-copy strong{color:#152238!important;font-size:30px!important}.stat-copy small{color:#738399!important;font-weight:600}.card{background:linear-gradient(180deg,#fff,#fcfdff)!important;border:1px solid #dbe5f1!important;border-radius:20px!important;box-shadow:0 10px 30px #33415514,0 2px 7px #3341550d!important;box-shadow:var(--ws-shadow)!important}.card:hover{border-color:#cddced!important;box-shadow:0 22px 48px #33415524,0 7px 18px #33415514!important;box-shadow:var(--ws-shadow-hover)!important}.card-head>svg{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border:0!important;box-shadow:0 8px 18px #2563eb33!important;box-sizing:border-box!important;color:#fff!important;height:38px!important;padding:9px!important;width:38px!important}.content-grid>.card:nth-child(2) .card-head>svg,.dashboard-grid>.card:nth-child(2) .card-head>svg{background:linear-gradient(135deg,#7c3aed,#db2777)!important;box-shadow:0 8px 18px #7c3aed33!important}.content-grid>.card:first-child .card-head>svg{background:linear-gradient(135deg,#0891b2,#2563eb)!important;box-shadow:0 8px 18px #0891b233!important}.hero-card{background:radial-gradient(circle at 88% 12%,#2563eb29,#0000 15rem),radial-gradient(circle at 69% 118%,rgba(219,39,119,.085),#0000 17rem),linear-gradient(135deg,#fff,#f4f8ff 65%,#fbf7ff)!important;border-color:#cadbf0!important;box-shadow:0 18px 42px #2563eb1a!important}.quick-card>a{color:#36475f!important;font-weight:700!important;min-height:53px}.quick-card>a svg{border-radius:11px;flex:0 0 auto;height:34px;padding:8px;width:34px}.quick-card>a:first-of-type svg{background:#eaf2ff;color:#2563eb}.quick-card>a:nth-of-type(2) svg{background:#f2ebff;color:#7c3aed}.quick-card>a:nth-of-type(3) svg{background:#fff5e3;color:#d97706}.quick-card>a:first-of-type:hover{background:#f6f9ff!important;border-color:#cbdcf6!important}.quick-card>a:nth-of-type(2):hover{background:#fbf8ff!important;border-color:#ded2f7!important}.quick-card>a:nth-of-type(3):hover{background:#fffbf3!important;border-color:#f0dcba!important}.search-box>svg{color:#2563eb!important}.toolbar-select>svg{color:#7c3aed!important}.compact-select,.search-box,.toolbar-select{background:#fff!important;border-color:#d9e4f0!important;box-shadow:0 4px 13px #3341550a!important}.screen-card-react{border-top:3px solid #bfdbfe!important}.screen-grid>.screen-card-react:nth-child(6n+1){border-top-color:#60a5fa!important}.screen-grid>.screen-card-react:nth-child(6n+2){border-top-color:#34d399!important}.screen-grid>.screen-card-react:nth-child(6n+3){border-top-color:#a78bfa!important}.screen-grid>.screen-card-react:nth-child(6n+4){border-top-color:#f472b6!important}.screen-grid>.screen-card-react:nth-child(6n+5){border-top-color:#fbbf24!important}.screen-grid>.screen-card-react:nth-child(6n+6){border-top-color:#22d3ee!important}.screen-device-icon{border-radius:15px!important;box-shadow:0 8px 18px #33415514;height:48px!important;width:48px!important}.screen-device-icon.online{background:linear-gradient(135deg,#22c55e,#059669)!important;color:#fff!important}.screen-device-icon.pending{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;color:#fff!important}.screen-device-icon.offline{background:linear-gradient(135deg,#64748b,#475569)!important;color:#fff!important}.icon-btn{background:#fff!important;border-color:#dbe4ee!important;box-shadow:0 5px 12px rgba(51,65,85,.055)!important;color:#475569!important}.card-actions .icon-btn:first-child,.table-actions .icon-btn:first-child{background:#eef5ff!important;border-color:#d8e7fb!important;color:#2563eb!important}.card-actions .icon-btn:nth-child(2),.table-actions .icon-btn:nth-child(2){background:#f5f0ff!important;border-color:#e5dafb!important;color:#7c3aed!important}.card-actions .icon-btn:nth-child(3),.table-actions .icon-btn:nth-child(3){background:#edfcff!important;border-color:#d3f0f5!important;color:#0891b2!important}.icon-btn.danger,.table-actions .icon-btn.danger{background:#fff1f2!important;border-color:#fecdd3!important;color:#dc2626!important}.icon-btn.success{background:#ecfdf3!important;border-color:#ccefd9!important;color:#16a34a!important}.icon-btn:hover{box-shadow:0 9px 18px #3341551a!important;transform:translateY(-2px)}.company-avatar,.empty-icon,.mini-avatar.company,.subscription-icon,.widget-icon{border-width:1px!important;box-shadow:0 8px 18px #33415512!important}.widget-grid>.widget-card:nth-child(6n+1) .widget-icon{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border-color:#0000!important;color:#fff!important}.widget-grid>.widget-card:nth-child(6n+2) .widget-icon{background:linear-gradient(135deg,#7c3aed,#a21caf)!important;border-color:#0000!important;color:#fff!important}.widget-grid>.widget-card:nth-child(6n+3) .widget-icon{background:linear-gradient(135deg,#0891b2,#06b6d4)!important;border-color:#0000!important;color:#fff!important}.widget-grid>.widget-card:nth-child(6n+4) .widget-icon{background:linear-gradient(135deg,#16a34a,#059669)!important;border-color:#0000!important;color:#fff!important}.widget-grid>.widget-card:nth-child(6n+5) .widget-icon{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;border-color:#0000!important;color:#fff!important}.widget-grid>.widget-card:nth-child(6n+6) .widget-icon{background:linear-gradient(135deg,#db2777,#e11d48)!important;border-color:#0000!important;color:#fff!important}.company-avatar{border-color:#0000!important}.company-avatar,.empty-icon{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important}.empty-icon{border:0!important}.subscription-icon{background:linear-gradient(135deg,#4f46e5,#db2777)!important;border:0!important;color:#fff!important}.layout-card,.media-card,.plan-card-react,.playlist-card,.schedule-card,.widget-card{border:1px solid #dbe5ef!important;box-shadow:0 10px 30px #33415514,0 2px 7px #3341550d!important;box-shadow:var(--ws-shadow)!important;overflow:hidden;position:relative}.layout-card:before,.media-card:before,.plan-card-react:before,.playlist-card:before,.schedule-card:before,.widget-card:before{background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777,#f59e0b,#16a34a,#06b6d4);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:4}.layout-card:hover,.media-card:hover,.plan-card-react:hover,.playlist-card:hover,.schedule-card:hover,.widget-card:hover{box-shadow:0 22px 48px #33415524,0 7px 18px #33415514!important;box-shadow:var(--ws-shadow-hover)!important;transform:translateY(-6px)!important}.playlist-grid>.playlist-card:nth-child(4n+1) .playlist-art{background:linear-gradient(135deg,#eaf2ff,#e4ecff)!important;color:#2563eb!important}.playlist-grid>.playlist-card:nth-child(4n+2) .playlist-art{background:linear-gradient(135deg,#f4edff,#fdebf7)!important;color:#7c3aed!important}.playlist-grid>.playlist-card:nth-child(4n+3) .playlist-art{background:linear-gradient(135deg,#e9fbff,#eafaf0)!important;color:#0891b2!important}.playlist-grid>.playlist-card:nth-child(4n+4) .playlist-art{background:linear-gradient(135deg,#fff6e8,#fff0f1)!important;color:#ea580c!important}.table-wrap{border-color:#d9e4ef!important;box-shadow:0 7px 20px #3341550d!important}th{background:linear-gradient(180deg,#fbfdff,#f4f8fc)!important;color:#607087!important}tbody tr:hover td{background:#f6f9ff!important}.table-primary .company-avatar{border-radius:12px!important;height:38px!important;width:38px!important}.plans-grid-react>.plan-card-react:nth-child(4n+1){background:linear-gradient(180deg,#fff,#f5f9ff)!important;border-color:#cfe0f7!important}.plans-grid-react>.plan-card-react:nth-child(4n+2){background:linear-gradient(180deg,#fff,#f8f4ff)!important;border-color:#dfd4f5!important}.plans-grid-react>.plan-card-react:nth-child(4n+3){background:linear-gradient(180deg,#fff,#f2fcf7)!important;border-color:#d2ebdc!important}.plans-grid-react>.plan-card-react:nth-child(4n+4){background:linear-gradient(180deg,#fff,#fff9ef)!important;border-color:#efdfc1!important}.popular-tag{background:linear-gradient(90deg,#4f46e5,#7c3aed,#db2777)!important;color:#fff!important}.plan-feature svg{background:#eaf9f0;border-radius:50%;color:#16a34a!important;padding:2px}.settings-tabs button svg{border-radius:10px;height:31px;padding:7px;width:31px}.settings-tabs button:nth-child(6n+1) svg{background:#eaf2ff;color:#2563eb}.settings-tabs button:nth-child(6n+2) svg{background:#f2ebff;color:#7c3aed}.settings-tabs button:nth-child(6n+3) svg{background:#eafaf0;color:#16a34a}.settings-tabs button:nth-child(6n+4) svg{background:#fff5e3;color:#d97706}.settings-tabs button:nth-child(6n+5) svg{background:#e9fbff;color:#0891b2}.settings-tabs button:nth-child(6n+6) svg{background:#fff0f7;color:#db2777}.settings-tabs button.active{background:#f7f9ff!important;box-shadow:inset 3px 0 0 #4f46e5,0 5px 14px rgba(51,65,85,.055);color:#1e293b!important}.btn-primary{background:linear-gradient(135deg,#2563eb,#4f46e5 58%,#7c3aed)!important;border-color:#0000!important;box-shadow:0 9px 20px #4f46e53d!important}.btn-success{background:linear-gradient(135deg,#16a34a,#059669)!important;box-shadow:0 9px 20px #16a34a33!important;color:#fff!important}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 9px 20px #dc26262e!important;color:#fff!important}.btn-soft{background:linear-gradient(180deg,#fff,#f7f9fc)!important;border:1px solid #d9e3ee!important;color:#43546c!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7da8ef!important;box-shadow:0 0 0 4px #2563eb17,0 7px 18px #2563eb12!important}.input-icon>svg{color:#4f46e5!important}.badge-success{background:#eafaf1!important;border-color:#c7edd7!important;color:#087443!important}.badge-warning{background:#fff6e8!important;border-color:#f1dfbd!important;color:#a95708!important}.badge-danger{background:#fff0f1!important;border-color:#f5cbd0!important;color:#b42318!important}.badge-neutral{background:#f3f6fa!important;border-color:#dde5ee!important;color:#526179!important}.subscription-banner{background:linear-gradient(135deg,#f4f7ff,#fbf6ff)!important;border-color:#dcdcf7!important;box-shadow:0 12px 28px #4f46e514!important}.subscription-lock-icon{background:linear-gradient(135deg,#f59e0b,#ef4444)!important;box-shadow:0 12px 26px #ef444433!important;color:#fff!important}.auth-page{background:radial-gradient(circle at 6% 8%,#2563eb26,#0000 25rem),radial-gradient(circle at 90% 86%,#db27771a,#0000 24rem),#f6f9fd!important}.auth-visual{background:radial-gradient(circle at 18% 20%,#2563eb29,#0000 18rem),radial-gradient(circle at 82% 78%,#7c3aed1f,#0000 19rem),linear-gradient(145deg,#f8fbff,#f8f5ff)!important}.super-auth-visual{background:radial-gradient(circle at 22% 18%,#7c3aed2b,#0000 18rem),radial-gradient(circle at 82% 78%,#db27771a,#0000 19rem),linear-gradient(145deg,#fbf9ff,#f7faff)!important}.auth-feature-grid>div{box-shadow:0 13px 28px rgba(51,65,85,.075)!important}.auth-feature-grid>div:first-child svg{background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:12px;color:#fff!important;height:38px;padding:9px;width:38px}.auth-feature-grid>div:nth-child(2) svg{background:linear-gradient(135deg,#7c3aed,#db2777);border-radius:12px;color:#fff!important;height:38px;padding:9px;width:38px}.auth-card{box-shadow:0 32px 80px #33415529!important}.auth-card:before{background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777,#f59e0b,#16a34a,#06b6d4)!important;height:5px!important}.login-logo:not(.has-image){background:linear-gradient(135deg,#2563eb,#7c3aed 62%,#db2777)!important}.login-logo-panel{background:linear-gradient(135deg,#f5f9ff,#fbf6ff)!important;border-color:#dce3f1!important}.distribution-grid>div{background:#fff!important;border:1px solid #dfe7f0;box-shadow:0 7px 18px #3341550d}.distribution-grid>div:first-child{background:linear-gradient(135deg,#f0fff6,#f7fffb)!important;border-color:#d3eddd}.distribution-grid>div:nth-child(2){background:linear-gradient(135deg,#fff8ec,#fffcf5)!important;border-color:#f0dfbd}.distribution-grid>div:nth-child(3){background:linear-gradient(135deg,#fff1f3,#fff8f9)!important;border-color:#f2d3d8}.modal-card{background:#fff!important;border-color:#d8e3ef!important;box-shadow:0 34px 90px #33415538!important}.modal-footer{background:#f8fafc!important}.toast{background:#fff!important;border-color:#d9e4ef!important;box-shadow:0 16px 38px #33415521!important;color:#334155!important}.toast-success{border-left:4px solid #16a34a!important}.toast-error{border-left:4px solid #dc2626!important}.toast-info{border-left:4px solid #2563eb!important}@media (max-width:760px){.stat-card{min-height:118px!important}.nav-item svg{height:32px!important;width:32px!important}.page-header{background:linear-gradient(135deg,#fff,#f7faff)!important}}.gateway-stats .card{overflow:hidden}.payment-status-card{align-items:center;border-width:1px;display:flex;gap:14px;min-height:116px}.payment-status-card .gateway-icon{border-radius:15px;box-shadow:0 12px 24px #0f172a29;color:#fff;display:grid;height:46px;place-items:center;width:46px}.payment-status-card small,.payment-status-card span,.payment-status-card strong{display:block}.payment-status-card span{color:#65758b;color:var(--muted);font-size:11px}.payment-status-card strong{font-size:18px;margin:4px 0}.payment-status-card small{color:#65758b;color:var(--muted);font-size:10px}.gateway-blue .gateway-icon{background:linear-gradient(135deg,#2563eb,#06b6d4)}.gateway-green .gateway-icon{background:linear-gradient(135deg,#059669,#22c55e)}.gateway-purple .gateway-icon{background:linear-gradient(135deg,#7c3aed,#ec4899)}.gateway-config-card{border-top:4px solid #2563eb}.webhook-card{border-top:4px solid #8b5cf6}.secret-input{align-items:center;display:flex;position:relative}.secret-input input{padding-right:44px;width:100%}.secret-input button{background:#0000;border:0;color:#65758b;color:var(--muted);cursor:pointer;display:grid;padding:8px;place-items:center;position:absolute;right:5px}.gateway-enable{margin-top:18px}.gateway-security-note{background:#3b82f60f;border:1px solid #3b82f62e;border-radius:14px;display:flex;gap:12px;margin-top:18px;padding:14px}.gateway-security-note p{color:#65758b;color:var(--muted);font-size:11px;line-height:1.5;margin:4px 0 0}.webhook-card>p{color:#65758b;color:var(--muted);font-size:12px;line-height:1.6}.webhook-url{align-items:center;border:1px solid #dce5f0;border:1px solid var(--border);border-radius:12px;display:flex;gap:8px;overflow:hidden;padding:10px 12px}.webhook-url code{flex:1 1;overflow:auto;white-space:nowrap}.gateway-check-list{grid-gap:10px;display:grid;gap:10px;margin-top:16px}.gateway-check-list>div{align-items:center;display:flex;font-size:12px;gap:9px}.gateway-check-list svg{color:#22c55e;min-width:17px}.checkout-progress-card,.gateway-availability{align-items:center;display:flex;gap:14px;margin:16px 0}.gateway-availability-icon{border-radius:14px;display:grid;height:44px;min-width:44px;place-items:center;width:44px}.gateway-online{border-color:#22c55e42}.gateway-online .gateway-availability-icon{background:#22c55e1f;color:#22c55e}.gateway-offline{border-color:#f59e0b4d}.gateway-offline .gateway-availability-icon{background:#f59e0b1f;color:#f59e0b}.checkout-progress-card p,.gateway-availability p{color:#65758b;color:var(--muted);font-size:11px;margin:4px 0 0}.checkout-progress-card{border-color:#3b82f642}.checkout-spinner{animation:gatewaySpin .8s linear infinite;border:3px solid #3b82f629;border-radius:50%;border-top-color:#3b82f6;height:30px;width:30px}@keyframes gatewaySpin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.2d7fc45e.css.map*/