:root{color-scheme:light;--bg: #f5f7fa;--surface: #ffffff;--surface-strong: #f0f4f7;--text: #172029;--muted: #647381;--border: #dfe7ee;--cyan: #00a9c8;--cyan-dark: #007f98;--coral: #ff784f;--green: #20b573;--graphite: #252f39;--shadow: 0 18px 55px rgba(31, 46, 61, .12);font-family:EverydaySans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}@font-face{font-family:EverydaySans;src:url(/brand/EverydaySans-Regular-Web.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}*{box-sizing:border-box}body{min-width:320px;margin:0;background:var(--bg);color:var(--text)}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--bg)}.auth-card{display:grid;gap:14px;width:min(440px,100%);padding:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.auth-card h1,.auth-card p{margin:0}.auth-card h1{font-size:34px;line-height:1}.auth-card p{color:var(--muted);line-height:1.5}.auth-card small{color:var(--muted);font-size:12px;font-weight:750}.auth-eyebrow{color:var(--cyan-dark);font-size:12px;font-weight:850;text-transform:uppercase}.auth-error{padding:12px;border:1px solid rgba(255,120,79,.4);border-radius:8px;background:#fff2ed;color:#9a3f24;font-size:13px;font-weight:700}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;min-height:100vh;padding:28px 18px;background:#101820;color:#f8fbfd}.brand{display:flex;align-items:center;gap:12px;padding:0 9px;font-size:19px;font-weight:800}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--cyan);color:#fff}nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#b7c4ce;font-size:14px;font-weight:650;text-align:left}.nav-item.active,.nav-item:hover{background:#1d2a34;color:#fff}.sidebar-card{display:grid;gap:8px;margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#ffffff0f;color:#dce6ed;font-size:13px}.sidebar-card strong{color:#fff;font-size:14px}.workspace{display:grid;grid-template-rows:auto auto 1fr;gap:18px;min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar h1{margin:0;font-size:28px;line-height:1.1;letter-spacing:0}.topbar p{margin:6px 0 0;color:var(--muted);font-size:14px}.topbar-actions{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:8px;width:min(270px,26vw);height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted)}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--text);font-size:14px}.primary-button,.secondary-button,.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:750;white-space:nowrap}.primary-button{border:1px solid var(--cyan-dark);background:var(--cyan);color:#fff;box-shadow:0 10px 22px #00a9c838}.primary-button:disabled{cursor:wait;opacity:.72}.secondary-button,.icon-text-button{border:1px solid var(--border);background:#fff;color:var(--text)}.icon-text-button{min-height:34px;padding:0 10px;color:var(--muted);font-size:13px}.user-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;max-width:220px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted);font-size:13px;font-weight:800}.user-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.metric svg{flex:none}.metric span{display:block;color:var(--muted);font-size:12px;font-weight:700}.metric strong{display:block;margin-top:3px;font-size:18px}.metric.green svg,.status-online,.online-dot{color:var(--green)}.metric.cyan svg{color:var(--cyan)}.metric.coral svg,.status-offline,.offline-dot{color:var(--coral)}.metric.graphite svg{color:var(--graphite)}.content-grid{display:grid;grid-template-columns:minmax(520px,1.1fr) minmax(420px,.9fr);grid-auto-rows:minmax(220px,auto);gap:18px;align-items:stretch}.panel{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 8px 24px #1f2e3d0d}.full-panel{min-height:calc(100vh - 210px)}.section-body{padding:18px}.split-section{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(420px,1fr);gap:18px;align-items:start}.composer-panel,.preview-panel{min-height:630px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 0}.panel-header h2{margin:0;font-size:18px;line-height:1.2}.panel-header p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.playlist-builder,.media-library,.device-fleet,.schedule-list,.mobile-managers{padding:18px}.section-label{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px}.section-label span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.section-label strong{font-size:14px}.section-label.compact{margin-top:3px}.playlist-rail{display:grid;gap:9px}.playlist-item{display:grid;grid-template-columns:46px minmax(0,1fr) 88px;align-items:center;gap:12px;width:100%;min-height:64px;padding:9px;border:1px solid var(--border);border-radius:8px;background:#fff;text-align:left}.playlist-item.selected{border-color:#00a9c8bf;box-shadow:inset 3px 0 0 var(--cyan)}.playlist-copy{min-width:0}.playlist-copy strong,.media-meta strong,.device-row strong,.schedule-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.playlist-copy small,.media-meta span,.media-meta small,.device-row small,.schedule-row span,.schedule-row small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.playlist-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted)}.playlist-actions svg,.row-action-icon{border-radius:6px;color:var(--muted)}.playlist-actions svg:hover,.row-action-icon:hover{color:var(--cyan-dark)}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-card{display:grid;grid-template-columns:72px minmax(0,1fr) 34px 34px;align-items:center;gap:12px;min-height:92px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong)}.media-card.selected{background:#eefbfe;border-color:#00a9c894}.media-select,.round-button{border:0;background:transparent;padding:0}.round-button.danger,.row-icon-button{color:var(--coral)}.round-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.media-thumb{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;color:#fff}.media-thumb.large{width:72px;height:66px}.media-thumb.coral,.screen-art.coral{background:linear-gradient(135deg,#ff784f,#ffb067)}.media-thumb.cyan,.screen-art.cyan{background:linear-gradient(135deg,#00a9c8,#5cdce8)}.media-thumb.green,.screen-art.green{background:linear-gradient(135deg,#20b573,#8ee0a2)}.media-thumb.graphite,.screen-art.graphite{background:linear-gradient(135deg,#252f39,#6d7885)}.screen-art.empty-preview{background:#2d3742}.android-frame{margin:18px;overflow:hidden;border:10px solid #151d25;border-radius:8px;background:#151d25;color:#fff;box-shadow:var(--shadow)}.android-bar,.android-footer{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 12px;font-size:12px;font-weight:700}.online-dot,.offline-dot{display:inline-flex;align-items:center;gap:5px}.online-dot:before,.offline-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.screen-art{display:grid;align-content:end;min-height:310px;padding:26px;color:#fff;position:relative;overflow:hidden}.screen-art:before{content:"";position:absolute;inset:26px 26px auto auto;width:132px;height:132px;border:1px solid rgba(255,255,255,.36);border-radius:50%}.screen-art-copy{position:relative;display:grid;gap:8px;max-width:360px}.screen-art-copy span,.screen-art-copy small{font-size:13px;font-weight:750;opacity:.88}.screen-art-copy strong{font-size:34px;line-height:1}.screen-progress{position:relative;height:6px;margin-top:24px;border-radius:999px;background:#ffffff47}.screen-progress span{display:block;width:62%;height:100%;border-radius:inherit;background:#fff}.device-fleet{display:grid;gap:9px;padding-top:0}.device-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto 24px;align-items:center;gap:11px;width:100%;min-height:58px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;text-align:left}.device-row.active{border-color:#00a9c8a6;background:#eefbfe}.device-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--surface-strong);color:var(--cyan-dark)}.device-row em{font-size:12px;font-style:normal;font-weight:800}.schedule-panel,.mobile-panel{min-height:270px}.schedule-list{display:grid;gap:10px}.schedule-row{display:grid;grid-template-columns:112px minmax(0,1fr) 88px 34px;align-items:center;gap:10px;min-height:52px;padding:8px 0;border-bottom:1px solid var(--border)}.schedule-row:last-child{border-bottom:0}.schedule-row time{color:var(--cyan-dark);font-size:13px;font-weight:850;white-space:nowrap}.schedule-row small{text-align:right}.row-icon-button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--border);border-radius:8px;background:#fff}.mobile-managers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.phone-mock{position:relative;min-height:206px;padding:20px 14px 14px;border:7px solid #18222c;border-radius:24px;background:#f8fbfd;box-shadow:0 14px 30px #1f2e3d1a}.phone-notch{position:absolute;top:8px;left:50%;width:52px;height:5px;border-radius:999px;background:#18222c;transform:translate(-50%)}.phone-header,.phone-action{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850}.phone-header{color:var(--cyan-dark)}.phone-stat{margin:18px 0 14px;padding:12px;border-radius:8px;background:#fff;border:1px solid var(--border)}.phone-stat strong{display:block;font-size:14px}.phone-stat small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.phone-action{min-height:34px;margin-top:8px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:#fff}.phone-action.active{border-color:#20b57373;background:#edfbf4;color:#138152}.version-list,.settings-grid{display:grid;gap:10px;margin-top:18px}.version-row,.info-tile{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong)}.version-row strong,.info-tile strong{display:block;font-size:14px;overflow-wrap:anywhere;text-align:right}.version-row span,.info-tile span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.version-row a{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--cyan-dark);font-size:13px;font-weight:800;text-decoration:none}.group-selector{display:grid;gap:12px}.group-tabs{display:flex;flex-wrap:wrap;gap:8px}.group-tab{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted);font-weight:800}.group-tab.active{border-color:var(--cyan-dark);background:#e7f8fb;color:var(--cyan-dark)}.group-tab.add{color:var(--text)}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.group-card{display:grid;gap:8px;min-height:156px;padding:16px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);text-align:left}.group-card.active{border-color:var(--cyan-dark);box-shadow:inset 3px 0 0 var(--cyan)}.group-card-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#e7f8fb;color:var(--cyan-dark)}.group-card strong{font-size:17px}.group-card small{color:var(--muted);line-height:1.35}.group-card em{align-self:end;color:var(--green);font-size:12px;font-style:normal;font-weight:850}.enrollment-list{display:grid;gap:10px}.enrollment-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#fff}.enrollment-row strong,.enrollment-row span{display:block}.enrollment-row span{margin-top:4px;color:var(--muted);font-size:13px}.enrollment-badge{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#fff7df;color:#bb8500}.enrollment-badge.claimed{background:#e9f8f0;color:var(--green)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-state{grid-column:1 / -1;padding:16px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:13px;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#1018206b}.modal{width:min(520px,100%);padding:18px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-header h2{margin:0;font-size:20px}.modal-form{display:grid;gap:12px}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field span{color:var(--muted);font-size:12px;font-weight:800}.field input,.field select{width:100%;min-height:40px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font:inherit}.field input[type=file]{padding:8px 11px}.schedule-picker{display:grid;overflow:auto;max-height:270px;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.schedule-picker-header,.schedule-media-option,.checkbox-field{display:flex;align-items:center;gap:10px}.schedule-picker-header{justify-content:space-between;color:var(--muted);font-size:12px;font-weight:850}.schedule-media-option{padding:9px;border:1px solid var(--border);border-radius:8px;background:#fff}.schedule-media-option input,.checkbox-field input{width:18px;height:18px}.schedule-media-option span{display:grid;min-width:0}.schedule-media-option strong,.schedule-media-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-field{color:var(--text);font-size:13px;font-weight:750}.upload-progress{position:relative;overflow:hidden;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong)}.upload-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .18s ease}.upload-progress strong{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text);font-size:13px}.modal code{display:block;overflow-wrap:anywhere;padding:12px;border-radius:8px;background:var(--surface-strong);color:var(--cyan-dark)}@media (max-width: 1180px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.brand span,.nav-item span,.sidebar-card strong,.sidebar-card span{display:none}.brand,.nav-item{justify-content:center;padding-inline:0}.sidebar-card{place-items:center;padding:12px 0}.content-grid,.split-section{grid-template-columns:1fr}.composer-panel,.preview-panel{min-height:auto}}@media (max-width: 760px){.app-shell{display:block}.sidebar{min-height:auto;padding:12px}.sidebar nav{grid-template-columns:repeat(4,1fr)}.workspace{padding:16px}.topbar,.topbar-actions{align-items:stretch;flex-direction:column}.search-box{width:100%}.summary-strip,.media-grid,.mobile-managers,.group-grid{grid-template-columns:1fr}.enrollment-row{grid-template-columns:44px minmax(0,1fr)}.enrollment-row .secondary-button{grid-column:1 / -1}.panel-header{align-items:stretch;flex-direction:column}.screen-art{min-height:260px}.screen-art-copy strong{font-size:28px}.schedule-row{grid-template-columns:1fr 34px}.schedule-row time{grid-column:1 / -1}.schedule-row small{grid-column:1;text-align:left}.field-row,.settings-grid{grid-template-columns:1fr}}