:root{color:#eaf2ff;--blue:#2f6bff;--cyan:#22b8ff;--panel:#081426;--line:#6791d238;--muted:#8292aa;background:#030914;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{color:#eaf2ff;background:radial-gradient(circle at 65% 0,#2f6bff21,#0000 32rem),linear-gradient(145deg,#06101e,#030914 70%);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.login{grid-template-columns:1.15fr .85fr;align-items:center;gap:8vw;min-height:100vh;padding:7vw;display:grid}.login-brand>img{object-fit:contain;width:160px;height:108px}.kicker{color:#5ca7ff;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:900}.login h1{letter-spacing:-.06em;margin:20px 0;font-size:clamp(46px,7vw,84px);line-height:.95}.login h1 em{color:#0000;background:linear-gradient(90deg,#5ba0ff,#20c4ff);-webkit-background-clip:text;background-clip:text;font-style:normal}.login-brand>p{color:var(--muted);max-width:680px;font-size:18px;line-height:1.7}.feature-row{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.feature-row span{border:1px solid var(--line);color:#aab9cf;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;display:flex}.feature-row svg{color:#4f93ff;width:16px}.login-card,.panel,.tenant-card,.device-card{border:1px solid var(--line);background:linear-gradient(145deg,#0a192ef7,#040c18fa);box-shadow:0 24px 70px #00000040}.login-card{border-radius:20px;gap:15px;width:100%;max-width:480px;padding:34px;display:grid}.login-card>img{object-fit:contain;width:70px;height:52px}.login-card h2{margin:0;font-size:30px}.login-card>p{color:var(--muted);margin:0 0 8px}.login-card label,.form-stack label,.form-grid label{color:#9fb0c8;gap:7px;font-size:12px;font-weight:700;display:grid}input,select{border:1px solid var(--line);color:#ecf4ff;background-color:#071527;border-radius:9px;outline:none;min-height:44px;padding:0 12px}select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#73a7eb 50%),linear-gradient(135deg,#73a7eb 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:44px;transition:border-color .18s,box-shadow .18s,background-color .18s}select:hover{background-color:#091a2f;border-color:#5391ee8c}input:focus,select:focus{border-color:#3f83ff;box-shadow:0 0 0 3px #2f6bff1f}select:focus{background-image:linear-gradient(45deg,#0000 50%,#32b9ff 50%),linear-gradient(135deg,#32b9ff 50%,#0000 50%)}.password-field{position:relative}.password-field input{width:100%;padding-right:52px}.password-toggle{color:#8fb4e8;background:0 0;border:0;place-items:center;width:42px;min-width:42px;min-height:42px;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-toggle svg{width:20px;height:20px}.password-toggle:focus-visible{outline-offset:-2px;outline:2px solid #4f8cff}.password-toggle:hover{color:#fff;background:#4381e01a}button{border:1px solid var(--line);color:#dce8f8;background:#0a192d;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:13px;font-weight:800;display:inline-flex}button svg{width:17px}.primary{color:#fff;background:linear-gradient(135deg,#2f6bff,#168fe8);border:0;box-shadow:0 10px 25px #2869ff3d}.shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:10;background:linear-gradient(#071425,#030a14);flex-direction:column;width:245px;padding:20px 15px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 8px 22px;display:flex}.brand img{object-fit:contain;width:47px;height:38px}.brand div{display:grid}.brand strong{letter-spacing:.12em}.brand span{color:#5f95df;letter-spacing:.1em;font-size:8px}.sidebar nav{gap:16px;padding-right:2px;display:grid;overflow-y:auto}.nav-section{gap:5px;display:grid}.nav-section h3{color:#526985;letter-spacing:.14em;text-transform:uppercase;margin:0 10px 3px;font-size:10px;font-weight:700}.nav-section>div{gap:4px;display:grid}.sidebar nav button{color:#8496ae;background:0 0;border-color:#0000;justify-content:flex-start}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#2f6bff42,#188fe814);border-color:#457dff3d}.sidebar-user{border-top:1px solid var(--line);margin-top:auto;padding:16px 7px 0;display:grid}.sidebar-user span{font-size:12px}.sidebar-user small{color:var(--muted);margin:4px 0 10px}.sidebar-user button{background:0 0;justify-content:flex-start}.workspace{min-height:100vh;margin-left:245px;padding:0 28px 36px}.topbar{border-bottom:1px solid #537bb421;justify-content:space-between;align-items:center;height:90px;margin-bottom:28px;display:flex}.topbar h2{margin:5px 0 0;font-size:21px}.topbar select{min-width:190px}.page{gap:20px;max-width:1500px;margin:auto;display:grid}.page-title{justify-content:space-between;align-items:end;gap:20px;display:flex}.page-title h1{letter-spacing:-.035em;margin:0;font-size:34px}.page-title p{color:var(--muted);margin:7px 0 0}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{border:1px solid var(--line);background:#071426;border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex}.metric>svg{color:#4f8eff;background:#2f6bff1f;border-radius:10px;width:42px;height:42px;padding:10px}.metric.good>svg{color:#31da98;background:#31da981a}.metric div{display:grid}.metric strong{font-size:25px}.metric span{color:var(--muted);font-size:11px}.overview-grid,.split{grid-template-columns:1.35fr .65fr;gap:14px;display:grid}.panel{border-radius:14px;overflow:hidden}.padded{padding:17px}.panel-head{border-bottom:1px solid #5781bc24;margin:-17px -17px 16px;padding:15px 17px}.panel-head h3{margin:0;font-size:14px}.fleet-visual .panel-head,.readiness .panel-head{margin:0}.radar{background:radial-gradient(circle,#265bb842,#0000 55%);place-items:center;height:280px;display:grid;position:relative;overflow:hidden}.radar:before,.radar:after{content:"";border:1px solid #3e78dc21;border-radius:50%;width:180px;height:180px;position:absolute}.radar:after{width:320px;height:320px}.radar i{background:#3f87ff;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 20px #2f6bff}.radar i:first-child{top:32%;left:28%}.radar i:nth-child(2){top:47%;left:62%}.radar i:nth-child(3){top:27%;left:74%}.radar span{z-index:2;border:1px solid var(--line);color:var(--muted);background:#050e1ce6;border-radius:10px;padding:13px 18px}.radar strong{color:#fff;margin-right:6px;font-size:25px}.readiness{padding-bottom:10px}.status-row{border-top:1px solid #5781bc1c;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:grid}.status-row>svg{color:#31d793;width:17px}.cards{grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px;display:grid}.tenant-card,.device-card{border-radius:14px;padding:18px;position:relative}.tenant-card{grid-template-columns:48px 1fr auto;gap:12px;display:grid}.tenant-icon,.device-mark{color:#4a8cff;background:#2f6bff1f;border-radius:11px;place-items:center;width:45px;height:45px;display:grid}.tenant-card h3,.device-card h3{margin:2px 0 4px}.tenant-card span,.device-card span{color:var(--muted);font-size:11px}.tenant-card dl{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 0;padding-top:14px;display:grid}.tenant-card dl div{display:grid}.tenant-card dt{color:var(--muted);text-transform:uppercase;font-size:9px}.tenant-card dd{margin:4px 0 0;font-size:12px}.device-card{grid-template-columns:50px 1fr auto;align-items:center;display:grid}.device-card .chips{flex-wrap:wrap;grid-column:2/4;gap:5px;margin:10px 0;display:flex}.chips i{color:#6da2ff;background:#2f6bff1a;border-radius:99px;padding:4px 7px;font-size:9px;font-style:normal}.table-panel{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;border-bottom:1px solid #5580bb1f;padding:13px 15px;font-size:12px}th{color:#71839d;text-transform:uppercase;letter-spacing:.08em;font-size:9px}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.badge{text-transform:uppercase;color:#93a4ba;background:#62759126;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:900}.badge.online,.badge.active,.badge.ready{color:#3de09b;background:#28cf8b1c}.badge.trial,.badge.next,.badge.unclaimed{color:#ffae46;background:#ffac3b1a}.badge.suspended,.badge.offline{color:#ff7c7c;background:#ef53531a}.device-mobile-list{gap:12px;display:none}.device-mobile-card{border:1px solid var(--line);background:linear-gradient(145deg,#0a192ef7,#040c18fa);border-radius:14px;padding:15px}.device-mobile-card header{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;display:grid}.device-mobile-card h3{margin:0 0 3px;font-size:15px}.device-mobile-card header span{color:var(--muted);font-size:10px}.device-mobile-card dl{border-top:1px solid #5781bc24;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 0;padding-top:14px;display:grid}.device-mobile-card dl div{min-width:0;display:grid}.device-mobile-card dt{color:#71839d;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.device-mobile-card dd{color:#e3ecf8;overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.device-mobile-card .wide-stat{grid-column:1/-1}.billing-grid{grid-template-columns:repeat(2,minmax(300px,1fr));gap:16px;display:grid}.billing-card{background:radial-gradient(circle at 100% 0,#22b8ff1f,#0000 15rem),linear-gradient(145deg,#0a1b33fa,#040c18fc);border:1px solid #457edb52;border-radius:18px;padding:22px;position:relative;overflow:hidden;box-shadow:0 22px 55px #00000038}.billing-card:after{content:"";border:1px solid #2f6bff1f;border-radius:50%;width:150px;height:150px;position:absolute;inset:auto -45px -65px auto}.billing-card header,.billing-brand{justify-content:space-between;align-items:center;gap:12px;display:flex}.billing-brand{justify-content:flex-start}.billing-icon{color:#6ca7ff;background:linear-gradient(145deg,#2f6bff3d,#22b8ff14);border:1px solid #4a87ff38;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.billing-icon svg{width:23px}.billing-card .eyebrow{color:#6697d6;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.billing-card h3{margin:4px 0 0;font-size:19px}.billing-plan{background:#030b1773;border:1px solid #518ade2e;border-radius:13px;justify-content:space-between;align-items:end;gap:12px;margin-top:22px;padding:18px;display:flex}.billing-plan>div{gap:5px;display:grid}.billing-plan span{color:var(--muted);font-size:10px}.billing-plan strong{text-transform:capitalize;letter-spacing:-.03em;font-size:25px}.billing-plan .plan-state{color:#54a2ff;white-space:nowrap;background:#2f6bff1a;border-radius:99px;padding:6px 9px}.billing-card dl{grid-template-columns:.7fr 1.3fr;gap:12px;margin:18px 0 0;display:grid}.billing-card dl div{min-width:0}.billing-card dt{color:#71839d;text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800}.billing-card dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:12px}.billing-notice{color:#a8c8ff;background:linear-gradient(90deg,#2f6bff17,#22b8ff09);border:1px solid #3c85ff3d;border-radius:13px;align-items:flex-start;gap:12px;padding:15px 17px;display:flex}.billing-notice>svg{color:#54a2ff;flex:none;width:20px}.billing-notice div{gap:4px;display:grid}.billing-notice strong{color:#d9e8ff;font-size:12px}.billing-notice span{font-size:11px;line-height:1.45}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-stack{gap:13px;display:grid}.wide{grid-column:1/-1}.list-row{border-bottom:1px solid #5781bc1c;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.list-row>svg{color:#4f8cff;width:18px}.list-row div{display:grid}.list-row strong{font-size:12px}.list-row span{color:var(--muted);margin-top:3px;font-size:10px}.row-actions{gap:6px;display:flex!important}.row-actions button{width:34px;height:34px;padding:0}.row-actions svg,.delete-confirm button svg{width:15px}.danger-button{color:#ff9292;background:#ff46460f;border-color:#ff5c5c4d}.danger-button.solid{color:#fff;background:linear-gradient(135deg,#d43c4c,#a92335);border-color:#e55a68}.delete-confirm{text-align:center;justify-items:center;gap:12px;display:grid}.delete-confirm>svg{color:#ff9292;background:#ff464614;border-radius:50%;width:46px;height:46px;padding:11px}.delete-confirm p{margin:0;font-size:16px}.delete-confirm>span{color:var(--muted);font-size:12px}.delete-confirm>div{gap:10px;margin-top:8px;display:flex}.page-filter{width:250px}.tabs{gap:8px;display:flex}.tabs button.active{color:#fff;background:#2f6bff2e;border-color:#4a84ff59}.upload-button{border:1px solid var(--line);color:#dce8f8;cursor:pointer;border-radius:9px;align-items:center;gap:7px;width:max-content;padding:10px 13px;font-size:12px;font-weight:800;display:inline-flex}.upload-button.disabled{opacity:.55;pointer-events:none}.upload-button svg{width:17px}.upload-button input{display:none}.media-feedback{margin-top:12px}.publish-prompt{background:#36d79512;border:1px solid #36d7954d;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:14px;display:flex}.publish-prompt div{gap:3px;display:grid}.publish-prompt strong{font-size:13px}.publish-prompt span{color:var(--muted);font-size:11px}.media-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.media-grid article{border:1px solid #5781bc24;border-radius:10px;grid-template-columns:35px 1fr;align-items:center;gap:9px;padding:11px;display:grid}.media-grid article>svg{color:#4f8cff}.media-grid article div{display:grid}.media-grid strong{font-size:11px}.media-grid span{color:var(--muted);margin-top:3px;font-size:9px}.content-actions{grid-column:1/-1;gap:7px;margin-top:4px;display:flex!important}.content-actions button{flex:1;justify-content:center}.content-actions svg{width:15px}.media-picker{border:1px solid #5781bc2e;border-radius:10px;gap:7px;padding:12px;display:grid}.media-picker legend{color:#9fb0c8;padding:0 6px;font-size:11px;font-weight:800}.muted-help{color:var(--muted);font-size:11px}.playlist-row{border-bottom:1px solid #5781bc24;gap:10px;padding:14px 0;display:grid}.playlist-summary{grid-template-columns:30px 1fr auto;align-items:center;gap:10px;display:grid}.playlist-summary>svg{color:#4f8cff;width:18px}.playlist-summary>div{display:grid}.playlist-summary strong{font-size:12px}.playlist-summary span{color:var(--muted);margin-top:3px;font-size:10px}.playlist-items-preview{flex-wrap:wrap;gap:5px;display:flex}.playlist-items-preview span{color:#9fc3ff;background:#437bd91a;border-radius:6px;padding:4px 7px;font-size:9px}@media (width<=600px){.publish-prompt{flex-direction:column;align-items:stretch}.publish-prompt button{width:100%}.content-actions{flex-direction:column}.content-actions button{width:100%}}.modal-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#01050dc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#071425;border-radius:17px;width:min(540px,100%);padding:22px;box-shadow:0 35px 100px #000}.modal header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{margin:0}.modal header button{width:38px;padding:0}.notice,.error{color:#ff9b9b;background:#ee585812;border:1px solid #ee585840;border-radius:9px;padding:11px 13px;font-size:12px}.notice.info{color:#91b5ff;background:#2f6bff12;border-color:#2f6bff40}.loading,.empty{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.empty{flex-direction:column}.empty svg{color:#36d795;width:34px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.metrics,.cards,.media-grid,.billing-grid{grid-template-columns:1fr 1fr}.overview-grid,.split{grid-template-columns:1fr}.login{grid-template-columns:1fr;justify-items:center}.login-brand,.device-table{display:none}.device-mobile-list{display:grid}}@media (width<=720px){.sidebar{width:72px}.brand div,.sidebar nav span,.nav-section h3,.sidebar-user span,.sidebar-user small,.sidebar-user button{display:none}.sidebar nav{gap:11px}.nav-section{border-top:1px solid #4160823d;padding-top:10px}.nav-section:first-child{border-top:0;padding-top:0}.workspace{margin-left:72px;padding:0 13px 25px}.topbar{height:76px}.topbar .kicker{display:none}.topbar h2{font-size:18px}.topbar select{width:125px;min-width:125px}.page-title{align-items:stretch;display:grid}.page-title button{width:100%}.metrics,.cards,.media-grid,.billing-grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.page-title h1{font-size:28px}.device-mobile-card header{grid-template-columns:40px 1fr auto}.device-mobile-card .device-mark{width:40px;height:40px}.billing-card{padding:16px}.billing-icon{width:42px;height:42px}.billing-card h3{font-size:16px}.billing-plan{padding:14px}.billing-plan strong{font-size:21px}.billing-card dl{grid-template-columns:1fr}.billing-notice{padding:13px}}.billing-action{z-index:1;width:100%;margin-top:18px;position:relative}.topbar-actions{align-items:center;gap:10px;display:flex}.language-switch,.login-language{border:1px solid var(--line);background:#071527;border-radius:9px;gap:3px;padding:3px;display:flex}.language-switch button,.login-language button{color:#71839d;background:0 0;border:0;min-height:34px;padding:0 10px}.language-switch button.active,.login-language button.active{color:#fff;background:#2f6bff33}.login-language{width:max-content;margin-left:auto}@media (width<=720px){.topbar-actions{gap:5px}.language-switch button{min-height:32px;padding:0 7px}.topbar-actions select{width:105px;min-width:105px}}.check-row{border:1px solid #5781bc24;border-radius:9px;align-items:center;padding:10px 12px;grid-template-columns:none!important;gap:10px!important;display:flex!important}.check-row input{width:17px;height:17px;min-height:0;accent-color:var(--blue);margin:0}.check-row span{color:#dce8f8}.notification-row{border-bottom:1px solid #5781bc1c;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.notification-row>svg{color:#4f8cff;width:18px}.notification-row div{display:grid}.notification-row strong{font-size:12px}.notification-row span{color:var(--muted);margin-top:3px;font-size:10px}.notification-layout .form-stack{margin-top:14px}.login-divider{color:#60748f;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:9px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.demo-button{color:#8fc0ff;background:#2f6bff0f;border-color:#4984eb59}.demo-banner{color:#8fc0ff;background:#2f6bff14;border:1px solid #4582eb4d;border-radius:11px;align-items:center;gap:11px;max-width:1500px;margin:-12px auto 20px;padding:11px 14px;display:flex}.demo-banner>svg{flex:none;width:20px}.demo-banner div{gap:2px;display:grid}.demo-banner strong{color:#dceaff;font-size:12px}.demo-banner span{font-size:10px}.demo-mode .page:not(.billing-page) .primary,.demo-mode .page .upload-button,.demo-mode .page form{display:none!important}.sync-state{gap:6px;min-width:145px;display:grid}.sync-state>span{align-items:center;gap:7px;display:flex}.sync-state small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--muted);overflow:hidden}.sync-state progress{width:100%;height:5px;accent-color:var(--blue)}.badge.applied{color:#3de09b;background:#28cf8b1c}.badge.downloading,.badge.pending{color:#78a8ff;background:#2f6bff21}.badge.failed{color:#ff7c7c;background:#ef53531a}.device-sync-button{width:100%;margin-top:13px}.purchase-mode{gap:10px;display:grid}.section-label{color:#71839d;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.purchase-mode>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.purchase-mode button{background:#071426b8;justify-content:flex-start;min-height:76px;padding:13px}.purchase-mode button>svg{color:#6da2ff;background:#2f6bff1a;border-radius:8px;width:28px;height:28px;padding:5px}.purchase-mode button span{text-align:left;gap:3px;display:grid}.purchase-mode button strong{font-size:12px}.purchase-mode button small{color:var(--muted);font-size:9px}.purchase-mode button.active{background:linear-gradient(135deg,#2f6bff33,#22b8ff12);border-color:#3478ee;box-shadow:0 0 0 2px #2f6bff14}.offer-toolbar{justify-content:space-between;align-items:end;gap:12px;display:flex}.offer-toolbar>label{color:#8496ae;gap:6px;font-size:10px;font-weight:800;display:grid}.offer-toolbar select{min-width:240px}.hardware-note{background:#2f6bff0f;border:1px solid #3687ff40;border-radius:11px;align-items:center;gap:10px;padding:10px 13px;display:flex}.hardware-note>svg{color:#5ca0ff;width:22px}.hardware-note span{gap:2px;display:grid}.hardware-note strong{font-size:11px}.hardware-note small{color:var(--muted);font-size:9px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pricing-card{border:1px solid var(--line);background:linear-gradient(150deg,#0a1a30fa,#040c18fa);border-radius:17px;align-content:start;gap:17px;padding:21px;display:grid;position:relative;overflow:hidden}.pricing-card.featured{border-color:#3982ffa6;box-shadow:0 18px 55px #195dd224}.popular-tag{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#176ee8;border-radius:0 16px 0 10px;padding:7px 10px;font-size:8px;font-weight:900;position:absolute;top:0;right:0}.pricing-card header h3{margin:4px 0 0;font-size:24px}.offer-price{align-items:center;gap:8px;min-height:58px;display:flex}.offer-price>strong{letter-spacing:-.05em;font-size:38px}.offer-price>span{color:#d9e8ff;font-size:13px;font-weight:800;line-height:1.05}.offer-price small{color:var(--muted);font-size:8px;font-weight:600}.quote-price{font-size:26px!important}.hardware-extra{color:#77a9f7;margin:-10px 0 0;font-size:10px}.pricing-card dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:13px 0;display:grid}.pricing-card dl div{gap:4px;display:grid}.pricing-card dt{color:var(--muted);text-transform:uppercase;font-size:9px}.pricing-card dd{margin:0;font-size:13px;font-weight:800}.pricing-card ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.pricing-card li{color:#b8c6d9;align-items:center;gap:8px;font-size:11px;display:flex}.pricing-card li svg{color:#3ddc9a;width:15px}.pricing-card>button{width:100%;margin-top:auto}.current-subscription-title{margin:10px 0 -4px;font-size:18px}@media (width<=950px){.purchase-mode>div,.pricing-grid{grid-template-columns:1fr}.offer-toolbar{align-items:stretch;display:grid}.hardware-note{align-items:flex-start}.offer-toolbar select{width:100%}}.billing-card header>.badge{letter-spacing:.06em;background:#28cf8b12;border:1px solid #3de09b47;border-radius:7px;flex:none;padding:6px 10px;line-height:1;box-shadow:0 0 18px #28cf8b0f}.billing-card header>.badge.trial{box-shadow:none;background:#ffac3b0f;border-color:#ffae4640}.pairing-hero{background:radial-gradient(circle at 0 0,#2674ff2e,#0000 25rem),linear-gradient(145deg,#091b33fc,#030b17fc);border:1px solid #357def61;grid-template-columns:.8fr 1.2fr;gap:28px;padding:28px;display:grid;box-shadow:0 25px 70px #0000003d}.pairing-brand{align-items:flex-start;gap:18px;padding:12px;display:flex}.pairing-brand img{object-fit:contain;filter:drop-shadow(0 12px 24px #1c6fff38);width:76px;height:62px}.pairing-brand h2{margin:10px 0 7px;font-size:27px}.pairing-brand p{color:var(--muted);margin:0;line-height:1.55}.pairing-form{background:#020a1594;border:1px solid #5990e033;border-radius:15px;grid-template-columns:1fr 1fr;gap:13px;padding:20px;display:grid}.pairing-form label{color:#9fb0c8;gap:7px;font-size:11px;font-weight:800;display:grid}.pairing-form button,.pairing-form .pair-success,.pairing-form .error{grid-column:1/-1}.pairing-code-input{text-transform:uppercase;letter-spacing:.12em;color:#fff;font-size:20px;font-weight:900}.pair-success{color:#4ae2a2;background:#2dd49712;border:1px solid #2dd49740;border-radius:9px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.pair-success svg{width:18px}@media (width<=900px){.pairing-hero,.pairing-form{grid-template-columns:1fr}.pairing-form button,.pairing-form .pair-success,.pairing-form .error{grid-column:auto}}@media (width<=520px){.pairing-hero{padding:16px}.pairing-brand{padding:2px;display:grid}.pairing-brand img{width:58px;height:48px}.pairing-code-input{font-size:17px}}.device-alerts{gap:8px;display:grid}.device-alert{border:1px solid;border-radius:10px;align-items:center;gap:10px;padding:10px 13px;font-size:11px;display:flex}.device-alert svg{flex:none;width:18px}.device-alert span{gap:7px;display:flex}.device-alert.warning{color:#ffc36a;background:#ffaa3212;border-color:#ffb4434d}.device-alert.critical{color:#ff9696;background:#ff414112;border-color:#ff50504d}.field-help{color:#6f86a5;font-size:10px;font-weight:500;line-height:1.45}.publication-state{background:#2f6bff0d;border:1px solid #4984eb33;border-radius:9px;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 10px;display:flex}.publication-state strong{color:#cfe0f8;font-size:10px}.publication-state>span:not(.badge){color:var(--muted);font-size:9px}.publication-state.muted{color:var(--muted);font-size:10px}.revenue-overview{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.revenue-overview>div{background:linear-gradient(145deg,#0b1f39f5,#050f1dfa);border:1px solid #3b84eb40;border-radius:13px;gap:6px;padding:16px;display:grid}.revenue-overview span{color:#7890ad;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.revenue-overview strong{color:#eaf3ff;font-size:23px}.billing-revenue{grid-template-columns:repeat(4,1fr)}.invoice-center{gap:8px;display:grid}.invoice-row{border-bottom:1px solid #5781bc21;grid-template-columns:minmax(180px,1fr) auto auto auto minmax(230px,auto);align-items:center;gap:12px;padding:12px 0;display:grid}.invoice-row>div:first-child{gap:4px;display:grid}.invoice-row>div:first-child strong{font-size:12px}.invoice-row>div:first-child span{color:var(--muted);font-size:9px}.invoice-actions{justify-content:flex-end;gap:6px;display:flex}.invoice-actions button{min-height:34px;font-size:10px}.badge.paid,.badge.sent{color:#3de09b;background:#28cf8b1c}.badge.issued,.badge.not.sent{color:#ffae46;background:#ffac3b1a}@media (width<=1050px){.billing-revenue,.invoice-row{grid-template-columns:1fr 1fr}.invoice-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=720px){.revenue-overview,.billing-revenue,.invoice-row{grid-template-columns:1fr}.invoice-actions{display:grid}.invoice-actions button{width:100%}}.media-duration-row{grid-template-columns:1fr 110px;align-items:end;gap:8px;display:grid}.media-duration-row>label:last-child{grid-template-columns:1fr auto;align-items:center;gap:4px;display:grid}.media-duration-row>label:last-child input{grid-column:1/-1;min-height:40px}.media-duration-row small{color:var(--muted);font-size:9px}.schedule-row{border-bottom:1px solid #5781bc21;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:12px;padding:13px 0;display:grid}.schedule-row>div:first-child,.schedule-window{gap:4px;display:grid}.schedule-row>div:first-child span,.schedule-window{color:var(--muted);font-size:10px}.schedule-window small{color:#5f89c4}.badge.paused{color:#93a4ba;background:#62759126}@media (width<=800px){.schedule-row{grid-template-columns:1fr}.media-duration-row{grid-template-columns:1fr 95px}.schedule-row .row-actions{justify-content:stretch}.schedule-row .row-actions button{flex:1}}.schedule-preview-box{background:linear-gradient(135deg,#1946891f,#0514283d);border:1px solid #4186ff40;border-radius:12px;gap:12px;min-width:0;margin:4px 0 18px;padding:15px;display:grid}.schedule-preview-box>div:first-child{gap:3px;display:grid}.schedule-preview-box>div:first-child span{color:var(--muted);font-size:10px}.schedule-preview-form{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end;gap:9px;min-width:0;display:grid}.schedule-preview-form label{color:#9fb0c8;gap:5px;min-width:0;font-size:10px;font-weight:800;display:grid}.schedule-preview-form input,.schedule-preview-form select{width:100%;min-width:0;max-width:100%}.schedule-preview-form button{grid-column:1/-1;width:100%;min-height:40px}.schedule-preview-result{background:#010c1b94;border:1px solid #5781bc2e;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.schedule-preview-result>div{gap:3px;min-width:0;display:grid}.schedule-preview-result small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.schedule-preview-result strong{overflow-wrap:anywhere;font-size:11px}.schedule-preview-result.has-content{border-color:#36d79540}.schedule-preview-result.empty-content{color:var(--muted);font-size:11px;display:block}@media (width<=800px){.schedule-preview-form,.schedule-preview-result{grid-template-columns:1fr}.schedule-preview-form button{grid-column:auto}}.recurrence-box{border:1px solid #4883dd38;border-radius:11px;gap:12px;padding:13px;display:grid}.recurrence-box legend{color:#9fb0c8;padding:0 7px;font-size:11px;font-weight:800}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.weekday-picker label{display:block}.weekday-picker input{opacity:0;pointer-events:none;position:absolute}.weekday-picker span{border:1px solid var(--line);color:#8193ad;cursor:pointer;background:#071527;border-radius:8px;place-items:center;min-height:38px;font-size:10px;font-weight:900;display:grid}.weekday-picker input:checked+span{color:#fff;background:#2f6bff33;border-color:#3980f3}@media (width<=560px){.weekday-picker{grid-template-columns:repeat(4,1fr)}}.group-row{border-bottom:1px solid #5781bc21;grid-template-columns:1fr auto;gap:10px;padding:14px 0;display:grid}.group-row>div:first-child{gap:4px;display:grid}.group-row>div:first-child strong{font-size:13px}.group-row>div:first-child span{color:var(--muted);font-size:10px}.group-row .playlist-items-preview{grid-column:1/-1}.group-row .row-actions{grid-area:1/2}@media (width<=600px){.group-row{grid-template-columns:1fr}.group-row .row-actions{grid-area:auto/1}.group-row .row-actions button{flex:1}}.media-duration-row.selected{cursor:grab;border-left:2px solid #347df0;padding-left:7px}.media-duration-row.selected:active{cursor:grabbing}.drag-handle{color:#5f8dcc;letter-spacing:-2px;margin-right:7px;font-style:normal}.playlist-cycle{color:var(--muted);border-top:1px solid #5781bc26;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:10px;display:flex}.playlist-cycle strong{color:#a9c6ef}.publication-history{border-top:1px solid var(--line);gap:7px;margin-top:18px;padding-top:15px;display:grid}.publication-history h4{margin:0 0 3px;font-size:12px}.publication-history article{border:1px solid #5781bc21;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.publication-history article>div{gap:3px;display:grid}.publication-history article strong{font-size:10px}.publication-history article span{color:var(--muted);font-size:9px}.publication-history button{min-height:32px;font-size:10px}@media (width<=600px){.publication-history article{grid-template-columns:1fr}.publication-history button{width:100%}}.media-grid article{grid-template-columns:58px 1fr}.media-grid article>div:not(.content-actions):not(.media-thumb){display:grid}.media-thumb{color:#4f8cff;background:#061326;border:1px solid #5781bc2e;border-radius:7px;place-items:center;width:58px;height:44px;display:grid;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-thumb svg{width:20px}.media-preview-stage{background:#020812;border:1px solid #5781bc33;border-radius:12px;place-items:center;min-height:280px;max-height:62vh;display:grid;overflow:hidden}.media-preview-stage img,.media-preview-stage video{object-fit:contain;max-width:100%;max-height:62vh;display:block}.media-preview-stage iframe{background:#fff;border:0;width:100%;height:55vh}.preview-loading{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.media-preview-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.media-preview-meta>div{background:#0b1f3980;border-radius:9px;gap:3px;padding:10px;display:grid}.media-preview-meta small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.media-preview-meta strong{overflow-wrap:anywhere;font-size:11px}@media (width<=700px){.media-preview-meta{grid-template-columns:1fr}.media-grid article{grid-template-columns:58px 1fr}}.storage-meter{background:#205bb20f;border:1px solid #3d84eb38;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:7px 14px;margin-bottom:14px;padding:12px 14px;display:grid}.storage-meter>div:first-child{gap:3px;display:grid}.storage-meter>div:first-child strong{font-size:11px}.storage-meter span{color:var(--muted);text-transform:capitalize;font-size:9px}.storage-meter>strong{color:#8ab7ff;font-size:13px}.storage-track{background:#061224;border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.storage-track i{background:linear-gradient(90deg,#286cff,#19a7ef);border-radius:99px;min-width:2px;max-width:100%;height:100%;transition:width .25s;display:block}.storage-meter:has(.storage-track i[style*="100%"]) .storage-track i{background:#ff6b6b}.media-warning{line-height:1.35;color:#ffc36a!important}.playlist-list-head{border-bottom:1px solid #5781bc24;justify-content:space-between;align-items:center;gap:10px;margin:-17px -17px 16px;padding-right:17px;display:flex}.playlist-list-head .panel-head{border:0;margin:0}.playlist-list-head>div{gap:7px;display:flex}.playlist-list-head button{min-height:34px;font-size:10px}@media (width<=600px){.playlist-list-head{align-items:stretch;padding:0 17px 14px;display:grid}.playlist-list-head .panel-head{margin:0 -17px}.playlist-list-head>div{grid-template-columns:1fr 1fr;display:grid}.playlist-list-head button{width:100%}}.tenant-actions{grid-column:1/-1;gap:7px;margin-top:2px;display:flex!important}.tenant-actions button{flex:1;justify-content:center;font-size:10px}.tenant-actions svg{width:15px}@media (width<=600px){.tenant-actions{display:grid!important}.tenant-card{grid-template-columns:48px 1fr auto}}.retry-button{color:#ffc36a!important;background:#ffa93212!important;border-color:#ffb14561!important}.sync-attempt-section{gap:8px;display:grid}.sync-attempt-section h4{margin:0;font-size:12px}.sync-attempt-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:190px}.sync-attempt-list article.applied>svg{color:#41d99b}.sync-attempt-list article.failed>svg{color:#f77}@media (width<=700px){.sync-attempt-list{grid-template-columns:1fr}}.device-row-actions,.device-card-actions{gap:6px;display:flex}.device-row-actions button{white-space:nowrap}.device-card-actions>button{flex:1}.device-history-summary{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.device-history-summary>div{background:#08192fa6;border:1px solid #4c87dc2e;border-radius:10px;gap:4px;padding:12px;display:grid}.device-history-summary small{color:var(--muted);text-transform:uppercase;font-size:9px}.device-history-summary strong{font-size:12px}.device-history-columns{grid-template-columns:1.3fr .7fr;gap:14px;min-height:280px;display:grid}.device-history-columns section{min-width:0}.device-history-columns h4{margin:0 0 9px;font-size:12px}.history-list{gap:7px;max-height:48vh;padding-right:3px;display:grid;overflow:auto}.history-list article{background:#030e1d85;border:1px solid #5781bc24;border-radius:9px;grid-template-columns:25px 1fr;gap:8px;padding:10px;display:grid}.history-list article>svg{color:#5d98ed;width:17px}.history-list article>div{gap:3px;min-width:0;display:grid}.history-list strong{font-size:10px}.history-list span,.history-list small{color:var(--muted);overflow-wrap:anywhere;font-size:9px}.history-list article.open{border-color:#ff5c5c4d}.history-list article.open>svg{color:#f77}.history-list article.resolved>svg{color:#41d99b}@media (width<=760px){.device-history-summary,.device-history-columns{grid-template-columns:1fr}.device-row-actions,.device-card-actions{display:grid}.history-list{max-height:35vh}}.user-list-row{border-bottom:1px solid #5781bc21;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:14px 0;display:grid}.user-avatar{color:#5d98ed;background:#2f6bff1c;border-radius:10px;grid-row:1/3;place-items:center;width:40px;height:40px;display:grid}.user-avatar svg{width:19px}.user-list-info{gap:4px;min-width:0;display:grid}.user-list-info strong{overflow-wrap:anywhere;font-size:12px}.user-list-info span{color:var(--muted);font-size:10px}.user-list-status{justify-self:end}.user-row-actions{grid-column:2/4;gap:7px;display:flex}.user-row-actions button{width:auto;height:36px;min-height:36px;padding:0 12px;font-size:10px}.user-row-actions svg{width:14px}.protected-user-note{color:#667b98;grid-column:2/4;font-size:9px}.badge.disabled{color:#ff7c7c;background:#ef53531a}@media (width<=600px){.user-list-row{grid-template-columns:42px 1fr auto}.user-row-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.user-row-actions button{width:100%}.protected-user-note{grid-column:2/4}}.business-health{align-content:start;display:grid}.business-health-row,.attention-stat{border-bottom:1px solid #5781bc21;justify-content:space-between;align-items:center;gap:14px;padding:14px 2px;display:flex}.business-health-row span,.attention-stat span{color:var(--muted);font-size:11px}.business-health-row strong,.attention-stat strong{font-size:17px}.monitor-context{background:#2f6bff0d;border:1px solid #4984eb38;border-radius:11px;align-items:center;gap:9px;padding:11px 14px;display:flex}.monitor-context>svg{color:#5d98ed;width:18px}.monitor-context span{font-size:12px;font-weight:800}.monitor-context small{color:var(--muted);margin-left:auto;font-size:10px}.monitoring-grid{grid-template-columns:1.4fr .6fr;gap:14px;display:grid}.monitor-alert{border-bottom:1px solid #5781bc21;grid-template-columns:28px 1fr;gap:10px;padding:12px 0;display:grid}.monitor-alert>svg{width:18px}.monitor-alert>div{gap:3px;display:grid}.monitor-alert strong{font-size:12px}.monitor-alert span,.monitor-alert small{color:var(--muted);font-size:10px}.monitor-alert.warning>svg{color:#ffc36a}.monitor-alert.critical>svg{color:#f77}.monitor-ok{color:#42db9b;align-items:center;gap:9px;padding:18px 2px;font-size:12px;display:flex}.monitor-ok svg{width:20px}@media (width<=900px){.monitoring-grid{grid-template-columns:1fr}.monitor-context{flex-wrap:wrap;align-items:flex-start}.monitor-context small{width:100%;margin-left:27px}}.tailscale-settings{border-top:1px solid var(--border);gap:14px;margin-top:22px;padding-top:22px;display:grid}.tailscale-settings-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.tailscale-settings-head>div{gap:5px;display:grid}.tailscale-settings-head small,.tailscale-settings>small{color:var(--muted)}.tailscale-settings svg{width:18px;height:18px}@media (width<=640px){.tailscale-settings-head{flex-direction:column;align-items:stretch}}.quota-summary{background:#2f6bff0f;border:1px solid #4384ec45;border-radius:11px;grid-template-columns:1fr auto;gap:6px 14px;padding:13px 15px;display:grid}.quota-summary strong{font-size:11px}.quota-summary span{color:#8eb8f7;font-size:11px;font-weight:800}.quota-summary progress{accent-color:#3284f5;grid-column:1/-1;width:100%;height:6px}.quota-summary small{color:#ffc36a;grid-column:1/-1;font-size:10px}.upgrade-notice{background:#ffa82d0f;border:1px solid #ffb04647;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:13px;padding:12px;display:flex}.upgrade-notice>svg{color:#ffc36a;width:20px}.upgrade-notice>div{gap:3px;display:grid}.upgrade-notice strong{color:#ffd08a;font-size:11px}.upgrade-notice span{color:var(--muted);font-size:10px}.history-error{color:#ff9292!important}.tenant-status{color:#a8b7cb;letter-spacing:.07em;text-transform:uppercase;background:#08172ab8;border:1px solid #4a89e133;border-radius:8px;align-self:start;align-items:center;gap:7px;min-height:30px;padding:0 11px;font-size:9px;font-weight:900;display:inline-flex}.tenant-status i{background:#8292aa;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #8292aa59}.tenant-status{white-space:nowrap}.tenant-status span{color:inherit!important;font-size:inherit!important;margin:0!important}.tenant-status i{flex:none}.tenant-status.active{color:#45dfa1;background:#28cf8b0e;border-color:#3de09b40}.tenant-status.active i{background:#3de09b;box-shadow:0 0 11px #3de09b94}.tenant-status.trial{color:#ffb852;background:#ffac3b0b;border-color:#ffae463d}.tenant-status.trial i{background:#ffae46;box-shadow:0 0 11px #ffae467a}.tenant-status.suspended,.tenant-status.past_due{color:#ff8585;background:#ef53530b;border-color:#ef535340}.tenant-status.suspended i,.tenant-status.past_due i{background:#ff7474;box-shadow:0 0 11px #ef535380}.tenant-status.lifetime{color:#80afff;background:#2f6bff0f;border-color:#4f8eff45}.tenant-status.lifetime i{background:#5e9bff;box-shadow:0 0 11px #4f8eff85}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.media-grid article{background:linear-gradient(145deg,#091b32d1,#040e1ce6);border-color:#578edc33;border-radius:13px;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:13px;min-width:0;padding:15px}.media-grid .media-thumb{border-radius:9px;width:76px;height:58px}.media-grid article>div:not(.content-actions):not(.media-thumb){align-content:center;min-width:0;min-height:58px}.media-grid article>div>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.media-grid .content-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px;display:grid!important}.media-grid .content-actions button{white-space:nowrap;width:100%;min-width:0;min-height:38px;padding:0 9px;font-size:10px}@media (width<=900px){.media-grid{grid-template-columns:1fr}}@media (width<=480px){.media-grid article{grid-template-columns:62px minmax(0,1fr);padding:12px}.media-grid .media-thumb{width:62px;height:50px}.media-grid .content-actions{grid-template-columns:1fr}}.user-management-layout{grid-template-columns:minmax(300px,.58fr) minmax(620px,1.42fr);align-items:start;gap:16px;display:grid}.user-create-panel{position:sticky;top:18px}.user-directory-panel{min-width:0}.user-directory-panel .user-list-row{grid-template-columns:46px minmax(180px,1fr) auto;gap:11px 14px;padding:16px 0}.user-directory-panel .user-row-actions{grid-column:2/4;grid-template-columns:repeat(5,minmax(105px,1fr));gap:8px;min-width:0;display:grid}.user-directory-panel .user-row-actions button{white-space:normal;width:100%;min-width:0;height:auto;min-height:38px;padding:7px 9px;line-height:1.15}@media (width<=1250px){.user-management-layout{grid-template-columns:1fr}.user-create-panel{position:static}}@media (width<=820px){.user-directory-panel .user-row-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.user-directory-panel .user-row-actions{grid-template-columns:1fr}}.mobile-menu-button,.mobile-nav-close,.mobile-nav-backdrop{display:none}.topbar-title{align-items:center;min-width:0;display:flex}.page-title p{max-width:720px;line-height:1.55}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.tenant-card{align-content:start;min-width:0}.tenant-card>div:nth-child(2),.tenant-card dd,.user-list-info{min-width:0}.tenant-card h3,.tenant-card dd,.user-list-info strong,.user-list-info span{overflow-wrap:anywhere}.tenant-actions button,.user-row-actions button,.content-actions button{transition:border-color .18s,background-color .18s,color .18s,transform .18s}@media (hover:hover){button:not(:disabled):hover{border-color:#5b9dff80}.primary:not(:disabled):hover{transform:translateY(-1px)}.tenant-card:hover,.device-card:hover,.media-grid article:hover{border-color:#5b9dff5c}}@media (width<=1050px){.workspace{padding-inline:22px}.page{gap:18px}.topbar{margin-bottom:24px}}@media (width<=720px){body{background-attachment:fixed}.sidebar{z-index:40;width:min(310px,86vw);padding:18px 14px;transition:transform .22s;transform:translate(-102%);box-shadow:24px 0 70px #00000080}.sidebar.mobile-open{transform:translate(0)}.sidebar .brand{padding:0 7px 18px}.sidebar .brand div,.sidebar nav span,.sidebar .nav-section h3,.sidebar .sidebar-user span,.sidebar .sidebar-user small,.sidebar .sidebar-user button{display:initial}.sidebar .brand div{display:grid}.sidebar nav{gap:14px}.sidebar .nav-section{border:0;padding:0}.sidebar .nav-section>div{gap:3px}.sidebar nav button{width:100%;min-height:42px}.sidebar .sidebar-user{display:grid}.sidebar .sidebar-user button{display:flex}.mobile-nav-close{background:0 0;place-items:center;width:38px;min-height:38px;margin-left:auto;padding:0;display:inline-grid}.mobile-nav-backdrop{z-index:35;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00050ead;border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0;display:block;position:fixed;inset:0}.workspace{margin-left:0;padding:0 16px 28px}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040d1bf0;gap:10px;height:auto;min-height:72px;margin:0 -16px 22px;padding:11px 16px;position:sticky;top:0}.topbar-title{gap:9px}.topbar-title>div{min-width:0}.topbar h2{text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin:0;font-size:16px;overflow:hidden}.mobile-menu-button{place-items:center;width:40px;min-width:40px;min-height:40px;padding:0;display:inline-grid}.topbar-actions{margin-left:auto}.topbar-actions select{width:112px;min-width:112px}.language-switch button{min-height:34px;padding:0 7px}.page-title{gap:14px}.page-title h1{font-size:clamp(27px,8vw,34px);line-height:1.06}.page-title p{margin-top:8px;font-size:14px;line-height:1.5}.page-title>button{min-height:44px}.panel,.tenant-card,.device-mobile-card,.metric,.billing-card{border-radius:13px}.metric{min-height:86px;padding:16px}.metrics,.revenue-overview{gap:10px}.revenue-overview>div{padding:15px}.tenant-card{grid-template-columns:44px minmax(0,1fr) auto;padding:16px}.tenant-icon{width:42px;height:42px}.tenant-card h3{font-size:18px;line-height:1.15}.tenant-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-card dl div:last-child{grid-column:1/-1}.tenant-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-actions button:last-child:nth-child(odd){grid-column:1/-1}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.tabs button{min-width:0;padding-inline:7px;font-size:11px}.modal-bg{align-items:flex-end;padding:12px}.modal{border-radius:18px 18px 12px 12px;width:100%;max-height:calc(100dvh - 24px);padding:20px 16px}.user-create-panel{order:1}.user-directory-panel{order:2}.user-directory-panel .user-list-row{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.user-directory-panel .user-row-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.user-directory-panel .user-row-actions button:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=440px){.workspace{padding-inline:13px}.topbar{margin-inline:-13px;padding-inline:13px}.topbar h2{display:none}.topbar-actions select{width:104px;min-width:104px;max-width:104px}.language-switch button{padding-inline:6px}.page{gap:16px}.tenant-status{padding-inline:8px}.tenant-card dl{grid-template-columns:1fr 1fr}.tenant-actions,.user-directory-panel .user-row-actions,.media-grid .content-actions{grid-template-columns:1fr}.tenant-actions button,.user-directory-panel .user-row-actions button{grid-column:auto!important}}.role-viewer .page form,.role-viewer .page .upload-button,.role-viewer .page .tenant-actions,.role-viewer .page .content-actions,.role-viewer .page .row-actions,.role-viewer .page .device-row-actions,.role-viewer .page .device-card-actions,.role-viewer .page .retry-button,.role-viewer .page .device-sync-button,.role-viewer .page .publish-prompt,.role-viewer .section-tenants .page-title>button,.role-editor.section-locations .page form,.role-editor.section-locations .row-actions,.role-editor.section-billing .page form,.role-editor.section-notifications .page form{display:none!important}.load-failure{color:#faa;background:#a3243017;border:1px solid #ff676757;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 14px;display:grid}.load-failure>svg{color:#ff7f86;width:20px}.load-failure>div{gap:3px;min-width:0;display:grid}.device-desktop-table{table-layout:fixed;min-width:1420px}.device-desktop-table th:first-child{width:135px}.device-desktop-table th:nth-child(2){width:210px}.device-desktop-table th:nth-child(3),.device-desktop-table th:nth-child(4),.device-desktop-table th:nth-child(5){width:170px}.device-desktop-table th:nth-child(6){width:130px}.device-desktop-table th:nth-child(7){width:90px}.device-desktop-table th:nth-child(8){width:290px}.device-desktop-table td{vertical-align:middle;overflow-wrap:normal}.device-identity-cell strong,.device-identity-cell small{overflow-wrap:anywhere}.device-model-cell>span{line-height:1.35;display:block}.device-model-cell small,.device-contact-cell{white-space:nowrap}.device-desktop-table .device-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.device-desktop-table .device-row-actions button{justify-content:center;width:100%;min-width:0;padding-inline:9px}.device-edit-form{gap:14px}.device-edit-summary{background:linear-gradient(145deg,#122e5261,#040f1dad);border:1px solid #4f8ee63d;border-radius:13px;gap:14px;padding:16px;display:grid}.device-edit-summary-title{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.device-edit-summary-title>svg{color:#68a1f4;background:#2f6bff21;border-radius:11px;width:42px;height:42px;padding:10px}.device-edit-summary-title>div{gap:3px;min-width:0;display:grid}.device-edit-summary-title small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.device-edit-summary-title strong{overflow-wrap:anywhere;font-size:13px}.device-edit-summary dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.device-edit-summary dl>div{background:#020c197a;border-radius:9px;min-width:0;padding:10px}.device-edit-summary dt{color:#7387a3;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.device-edit-summary dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:11px}.device-edit-summary .vpn-missing{color:#ffb457}.device-edit-summary .vpn-connected{color:#45dfa1}@media (width<=560px){.device-edit-summary dl{grid-template-columns:1fr}}.load-failure strong{color:#ffd1d1;font-size:12px}.load-failure span{color:#ba8e98;overflow-wrap:anywhere;font-size:10px}.load-failure button{color:#ffd0d0;min-height:36px}form[aria-busy=true] button[type=submit],form[aria-busy=true] button:not([type]){pointer-events:none;opacity:.62}:focus-visible{outline-offset:3px;outline:2px solid #66a8ff}.sidebar nav button:focus-visible,.tabs button:focus-visible{border-color:#66a8ff;box-shadow:0 0 0 3px #2f6bff2e}@media (width<=600px){.load-failure{grid-template-columns:28px 1fr}.load-failure button{grid-column:1/-1;width:100%}}