:root{color-scheme:dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:#0b111a;color:#eff4ff;line-height:1.35;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:transparent}a{color:#9fd6ff}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}#root{min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card,.panel,.stat-card{border:1px solid rgba(255,255,255,.08);background:#0a111dbd;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 80px #02081459}.login-card{width:min(100%,32rem);border-radius:.75rem;padding:1.4rem}.login-card h1{margin:.3rem 0 1rem;font-size:1.8rem;line-height:1.05}.login-card p{margin:0 0 1.4rem;color:#b8c8df}.eyebrow{display:inline-block;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#ffb08e}.app-shell{min-height:100vh;display:grid;align-items:start;grid-template-columns:minmax(11rem,13rem) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;padding:1rem .8rem;background:#080d14;border-right:1px solid rgba(255,255,255,.06)}.sidebar h1{margin:.25rem 0 0;font-size:1.25rem}.sidebar-nav{display:grid;gap:.35rem}.nav-button,.secondary-button,.primary-button,.ghost-button,.danger-button{border-radius:.55rem;border:1px solid rgba(255,255,255,.09);transition:.2s ease}.nav-button{text-align:left;padding:.62rem .7rem;background:#ffffff0a;color:#dce7f8}.nav-button strong{font-size:.9rem}.nav-button:hover,.nav-button.active{border-color:#ff976773;background:linear-gradient(135deg,#ff6a3d33,#5092ff1f)}.sidebar-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem;border-radius:.65rem;background:#ffffff08}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer span{color:#9db0c9;font-size:.85rem}.content{min-width:0;padding:1rem}.content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.content-header h2{margin:.2rem 0 0;font-size:1.55rem}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.server-pill,.status-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.34rem .6rem;font-size:.76rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.status-pill.online{background:#29d68524;color:#77f0b3}.status-pill.offline{background:#ff5c5c24;color:#ffb3b3}.status-pill.stale,.status-pill.pending{background:#ffbc4a29;color:#ffd18a}.status-pill.blackout{background:#6b728033;color:#d8dee9}.status-pill.neutral{color:#d6e4f7}.section-stack{display:grid;gap:.85rem}.stats-grid,.card-grid{display:grid;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.device-stats{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.device-filter-bar,.directory-filter-bar{display:grid;align-items:end;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.card-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{border-radius:.55rem;padding:.85rem}.stat-card span,.stat-card small{display:block}.stat-card span{color:#94aac6;margin-bottom:.5rem}.stat-card strong{display:block;font-size:1.45rem;margin-bottom:.25rem}.stat-card small{color:#8c9db7}.panel{border-radius:.55rem;padding:.85rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.panel-header h3{margin:0}.panel-header span{color:#9db0c9;font-size:.9rem}.stack-form,.list-stack,.playlist-items{display:grid;gap:.65rem}.field{display:grid;gap:.3rem}.field span{color:#a8bbd5;font-size:.9rem}.field input,.field textarea,.field select{width:100%;padding:.58rem .68rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#eff4ff}.field textarea{resize:vertical}.inline-grid{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.inline-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.checkbox-row{display:flex;align-items:center;gap:.55rem;color:#cfdcf0}.checkbox-row.compact{min-height:2.1rem;padding:.32rem .45rem;border-radius:.5rem;background:#ffffff09}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.35rem}.checkbox-row input{inline-size:1rem;block-size:1rem}.primary-button,.secondary-button,.ghost-button,.danger-button{padding:.55rem .75rem;background:#ffffff0d;color:#eff4ff}.primary-button{background:linear-gradient(135deg,#ff7c49,#ff5e7a);border-color:#ff86538c;color:#0d1118;font-weight:700}.secondary-button:hover,.ghost-button:hover{background:#ffffff1a}.danger-button{color:#ffb5b5}.danger-button:hover{background:#ff5c5c1f}.list-card,.playlist-card,.device-card,.empty-state{border-radius:.55rem;padding:.72rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.list-card,.device-card-main,.playlist-card-header,.card-actions,.align-right{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.list-card strong,.list-card span,.list-card small,.playlist-card strong,.playlist-card span,.device-card strong,.device-card span,.device-card small{display:block}.list-card span,.playlist-card span,.device-card span,.playlist-item-row span,.empty-state{color:#9eb1ca}.list-card small,.device-card small,.playlist-item-row small{color:#8394ac}.list-card.interactive{width:100%;text-align:left}.list-card.interactive:hover{border-color:#ffa47473;background:#ffa47414}.card-actions{flex-wrap:wrap}.align-right{flex-direction:column;align-items:flex-end}.empty-state{text-align:center;padding:1rem}.mini-chip-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.mini-chip{padding:.28rem .48rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#dbe8fb;font-size:.76rem}.color-chip{inline-size:1rem;block-size:1rem;border-radius:999px;border:1px solid rgba(255,255,255,.24)}.playlist-card{display:grid;gap:1rem}.playlist-item-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem .95rem;border-radius:.55rem;background:#0000002e}.device-card{display:grid;gap:.9rem}.command-card{gap:1rem}.command-card.is-blackout{border-color:#94a3b82e;background:#0b121eb3}.device-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.device-center-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr))}.device-master-grid{display:grid;grid-template-columns:minmax(18rem,.78fr) minmax(28rem,1.22fr);gap:.85rem;align-items:start}.device-list-table{display:grid;gap:.35rem;max-height:64vh;overflow:auto;padding-right:.2rem}.device-row{width:100%;display:grid;grid-template-columns:.75rem minmax(9rem,1.2fr) minmax(8rem,.9fr) minmax(8rem,1fr) minmax(8rem,.9fr) minmax(5rem,.6fr);gap:.55rem;align-items:center;text-align:left;padding:.55rem .65rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.06);background:#ffffff09;color:#dce8f8}.device-row.active,.device-row:hover{border-color:#ff97676b;background:#ff7c491c}.device-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9fb2ca}.status-dot{inline-size:.55rem;block-size:.55rem;border-radius:999px;background:#94a3b8}.status-dot.online{background:#29d685}.status-dot.stale{background:#ffbc4a}.status-dot.offline{background:#ff5c5c}.device-properties{display:grid;gap:.75rem;min-width:0;padding:.75rem;border-radius:.7rem;border:1px solid rgba(255,255,255,.06);background:#ffffff09}.device-properties.is-blackout{border-color:#94a3b82e;background:#0b121ec2}.device-pending-row{min-height:6rem}.device-detail-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.device-detail-grid div{display:grid;gap:.22rem;min-width:0;padding:.58rem;border-radius:.55rem;background:#0000002e}.device-detail-grid span{color:#8fa2bd;font-size:.78rem}.device-detail-grid strong{color:#e6f0ff;font-size:.88rem;overflow-wrap:anywhere}.live-command-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,16rem) auto;gap:.75rem;align-items:end;padding:.65rem;border-radius:.6rem;background:#3b82f614;border:1px solid rgba(125,180,255,.12)}.live-command-panel>div{display:grid;gap:.2rem;min-width:0}.live-command-panel span,.live-command-panel small{color:#90a6c2;font-size:.8rem}.live-command-panel strong{overflow-wrap:anywhere}.log-card,.proof-card{align-items:flex-start}.compact-list,.panel>.list-stack{max-height:64vh;overflow:auto;padding-right:.2rem}.compact-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.42rem 0;border-top:1px solid rgba(255,255,255,.06)}.vertical-card{align-items:stretch;flex-direction:column}.location-row{align-items:flex-start}.offline-alert-panel{border-color:#ff5c5c3d;background:#50101847}.log-stack{display:block;max-width:100%;margin-top:.55rem;padding:.65rem .75rem;border-radius:.7rem;background:#0003;color:#d7e4f8;white-space:pre-wrap;overflow-wrap:anywhere}.flash{border-radius:1rem;padding:.9rem 1rem;margin-bottom:1rem;border:1px solid transparent}.flash.success{background:#29d68524;border-color:#29d68547;color:#9af5c4}.flash.error{background:#ff5c5c24;border-color:#ff5c5c47;color:#ffc4c4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#04080eb8}.modal-panel{width:min(100%,42rem);max-height:min(86vh,48rem);overflow:auto;border-radius:.6rem;padding:.95rem;border:1px solid rgba(255,255,255,.1);background:#0c1420;box-shadow:0 28px 90px #00000075}.modal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.info-block{display:grid;gap:.4rem;padding:.95rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.info-block:last-child{border-bottom:0}.info-block code{padding:.8rem .95rem;border-radius:.95rem;background:#ffffff0a;overflow-x:auto}.steps-list{margin:0;padding-left:1.25rem;display:grid;gap:.65rem;color:#d9e4f5}.days-fieldset{margin:0;padding:0;border:0;display:grid;gap:.6rem}.days-fieldset legend{color:#a8bbd5;margin-bottom:.25rem}.day-toggle-grid{display:flex;flex-wrap:wrap;gap:.55rem}.day-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:.68rem .85rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#d8e4f7}.day-pill input{position:absolute;opacity:0;pointer-events:none}.day-pill.active{background:#ff7c492e;border-color:#ff7c496b}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.card-grid.two-columns{grid-template-columns:1fr}}@media(max-width:720px){.content{padding:1rem}.content-header,.panel-header,.device-card-main,.playlist-card-header,.sidebar-footer{flex-direction:column;align-items:flex-start}.header-actions,.card-actions,.device-meta{width:100%;justify-content:flex-start}.inline-grid,.inline-grid.triple,.device-filter-bar,.logs-filter-bar,.report-filter-bar,.device-center-grid,.device-master-grid,.device-detail-grid,.live-command-panel{grid-template-columns:1fr}.device-row{grid-template-columns:.75rem minmax(0,1fr)}.device-row span:not(.status-dot){white-space:normal}}