:root{color:#e5eefb;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{min-width:1080px;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;padding:9px 12px}button:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{color:#cfe1f7;background:#13243a;border:1px solid #28445f}button.secondary:hover{background:#18304d}button.danger{color:#fee2e2;background:#7f1d1d;border:1px solid #b91c1c}button.danger:hover{background:#991b1b}button.small{white-space:nowrap;border-radius:9px;padding:6px 9px;font-size:12px}button.ghost-button{color:#9fb4ce;background:0 0;border:1px solid #0000;padding:4px 10px;font-size:24px;line-height:1}button.ghost-button:hover{color:#fff;background:#13243a}input,select{color:#e5eefb;background:#0c1b2f;border:1px solid #28445f;border-radius:10px;width:100%;padding:10px 12px}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:#0a1728;border-bottom:1px solid #17304a;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.topbar h1{margin:0;font-size:24px}.topbar span{color:#9fb4ce}.user-area{align-items:center;gap:10px;display:flex}.layout{flex:1;grid-template-columns:280px minmax(440px,1fr) 380px;gap:18px;min-height:0;padding:18px;display:grid}.panel{background:#0a1728;border:1px solid #17304a;border-radius:18px;padding:16px;box-shadow:0 20px 60px #00000040}.panel h2{margin:0 0 12px;font-size:18px}.device-list{height:100%;overflow:auto}.device-item{text-align:left;background:#0d2036;border:1px solid #183755;border-radius:12px;gap:5px;width:100%;margin-bottom:10px;padding:10px;display:grid}.device-item.selected{outline:2px solid #60a5fa}.device-item small,.muted{color:#91a5bd}.device-select-button{text-align:left;width:100%;color:inherit;background:0 0;border-radius:0;gap:5px;padding:0;display:grid}.device-select-button:hover{background:0 0}.online{color:#67e8a5}.offline{color:#fca5a5}.badge{background:#13243a;border-radius:999px;padding:5px 10px}.console{flex-direction:column;gap:12px;height:100%;display:flex;overflow:auto}.console.empty{color:#91a5bd;justify-content:center;align-items:center}.console-header{justify-content:space-between;align-items:flex-start;display:flex}.console-header h2{margin-bottom:4px}.console-header span{color:#91a5bd;word-break:break-all}.console-header .console-meta{display:block}.accessibility-warning{color:#fbdf9b;background:#2a2008;border:1px solid #7c5b12;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.accessibility-warning button{flex:none}.screen-wrap{flex:1;justify-content:center;align-items:center;min-height:420px;display:flex}.screen{object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border:1px solid #25415e;border-radius:18px;max-width:100%;max-height:calc(100vh - 300px)}.placeholder{color:#91a5bd;place-items:center;width:100%;min-height:420px;display:grid}.controls{flex-wrap:wrap;gap:8px;display:flex}.controls-centered{justify-content:center}.text-command{grid-template-columns:1fr 120px;gap:8px;display:grid}.console-status{color:#91a5bd;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:auto;padding-top:4px;font-size:13px;display:flex}.console-status .status-item{white-space:nowrap}.console-status .fps-modes{gap:6px;margin-left:auto;display:flex}.side-panel{flex-direction:column;gap:18px;height:100%;display:flex;overflow:auto}.user-form{gap:8px;display:grid}.user-row{border-bottom:1px solid #17304a;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 0;display:grid}.user-row small{color:#91a5bd}.events p{color:#b8c7da;word-break:break-all;margin:0 0 8px;font-size:13px}.panel-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-title-row h2{margin:0}.mini-actions{align-items:center;gap:6px;display:flex}.compact-input{border-radius:9px;margin:6px 0 10px;padding:8px 10px}.app-list-panel,.location-panel{flex-direction:column;gap:8px;display:flex}.app-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow:auto}.app-row{background:#0d2036;border:1px solid #17304a;border-radius:12px;align-items:center;gap:8px;padding:9px;display:flex}.app-row-info{flex:1;gap:3px;min-width:0;display:grid}.app-row button{flex:none}.app-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-row small{color:#91a5bd;word-break:break-all}.sms-list{max-height:360px}.sms-row{align-items:flex-start}.sms-body{color:#d8e6f8;white-space:pre-wrap;word-break:break-word;max-height:8em;margin:4px 0 0;font-size:13px;line-height:1.45;overflow:auto}.location-card{background:linear-gradient(135deg,#0ea5e924,#2563eb14);border:1px solid #1d4f72;border-radius:14px;gap:5px;padding:11px;display:grid}.location-card small,.location-history small{color:#91a5bd}.location-card a{color:#93c5fd;font-weight:700;text-decoration:none}.location-history{gap:5px;display:grid}.device-logs{flex-direction:column;gap:10px;display:flex}.log-row{background:#0d2036;border:1px solid #17304a;border-radius:14px;grid-template-columns:32px 1fr;gap:10px;padding:10px;display:grid}.log-icon{color:#93c5fd;background:#13243a;border-radius:11px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.log-row.screen-on .log-icon{color:#fde68a;background:#fbbf2424}.log-row.screen-off .log-icon{color:#c4b5fd;background:#8b5cf624}.log-row.app-foreground .log-icon{color:#67e8f9;background:#0ea5e924}.log-content{gap:3px;min-width:0;display:grid}.log-content strong{color:#e5eefb;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-content small{color:#91a5bd;word-break:break-all}.log-pagination{justify-content:space-between;align-items:center;gap:10px;padding-top:2px;display:flex}.log-pagination span{color:#91a5bd;font-size:12px}.error{color:#fecaca;background:#4a1520;border:1px solid #7f1d1d;border-radius:8px;padding:8px}.login-page{background:radial-gradient(circle at top,#12365b,#07111f 55%);place-items:center;min-height:100vh;display:grid}.login-card{background:#0a1728;border:1px solid #22405c;border-radius:22px;gap:14px;width:380px;padding:28px;display:grid;box-shadow:0 25px 70px #00000059}.login-card h1{margin:0 0 8px}.login-card label{color:#b8c7da;gap:6px;display:grid}.active-tab{background:#0ea5e9}.user-system{flex:1;gap:18px;min-height:0;padding:18px;display:grid;overflow:auto}.patch-system{flex:1;align-content:start;gap:18px;min-height:0;padding:18px;display:grid;overflow:auto}.patch-upload{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.patch-upload input[type=file]{flex:1;min-width:240px}.patch-upload-progress{gap:6px;max-width:720px;margin-top:10px;display:grid}.patch-upload-progress-track{background:#08182a;border:1px solid #245275;border-radius:999px;height:9px;overflow:hidden}.patch-upload-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#22d3ee);height:100%;transition:width .16s ease-out;display:block}.patch-upload-progress small{color:#9db5ce}.patch-error{color:#fca5a5;word-break:break-all}.patch-jobs{flex-direction:column;gap:10px;margin-top:8px;display:flex}.patch-job{background:#0d2036;border:1px solid #17304a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.patch-job-main{gap:3px;min-width:0;display:grid}.patch-job-main strong{word-break:break-all}.patch-job-main small{color:#91a5bd}.patch-job-side{flex:none;align-items:center;gap:10px;display:flex}.patch-badge{white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:13px}.patch-badge.ok{color:#86efac;background:#14532d}.patch-badge.fail{color:#fecaca;background:#7f1d1d}.patch-badge.running{color:#bfdbfe;background:#1e3a8a}.patch-badge.queued{color:#cbd5e1;background:#334155}.patch-profile-select{flex:0 0 200px;width:auto}.profile-list{flex-direction:column;gap:8px;display:flex}.profile-row{background:#0d2036;border:1px solid #17304a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.profile-editor{flex-direction:column;gap:12px;margin-top:8px;display:flex}.field{gap:4px;display:grid}.field>span{color:#91a5bd;font-size:13px}.profile-fields{flex-direction:column;gap:12px;max-height:46vh;padding-right:6px;display:flex;overflow:auto}.profile-field{background:#0b1c30;border:1px solid #17304a;border-radius:12px;padding:10px 12px}.profile-field-label{margin-bottom:8px;font-weight:600}.profile-field-label code{color:#7ba0c9;font-size:12px;font-weight:400}.profile-field-langs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-field-langs label{gap:4px;display:grid}.profile-field-langs span{color:#91a5bd;font-size:12px}.profile-field-langs textarea{color:#e5eefb;resize:vertical;width:100%;font:inherit;background:#0c1b2f;border:1px solid #28445f;border-radius:10px;padding:8px 10px}.patch-cert-actions{align-items:center;gap:6px;display:flex}.patch-cert-form{flex-direction:column;gap:10px;max-width:460px;margin-top:8px;display:flex}.patch-cert-form input{color:#e5eefb;font:inherit;background:#0c1b2f;border:1px solid #28445f;border-radius:10px;padding:9px 11px}.patch-cert-form-actions{gap:8px;display:flex}.patch-cert-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.patch-cert-item{background:#0d2036;border:1px solid #17304a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.patch-cert-info{flex-direction:column;gap:2px;display:flex}.patch-cert-info small{color:#91a5bd;font-size:12px}.user-system-header p{margin-bottom:0}.user-workbench{grid-template-columns:340px minmax(620px,1fr);gap:18px;min-height:calc(100vh - 82px);padding:18px;display:grid}.mail-pane{background:linear-gradient(#0c1b2f,#091625);border:1px solid #17304a;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #00000040}.user-directory{flex-direction:column;min-height:calc(100vh - 118px);display:flex}.pane-toolbar{background:#0d2036d1;border-bottom:1px solid #17304a;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.pane-toolbar h2,.workspace-header h2,.modal-header h2{margin:0}.pane-toolbar span,.workspace-header p,.modal-header p{color:#91a5bd;margin:4px 0 0;font-size:13px}.icon-button{white-space:nowrap;background:#0ea5e9;border-radius:999px;padding:8px 13px}.user-search-note{color:#91a5bd;border-bottom:1px solid #17304a;padding:12px 16px;font-size:13px}.user-listbox{flex-direction:column;gap:8px;padding:12px;display:flex;overflow:auto}.mail-user-item{text-align:left;color:#d7e6f8;background:0 0;border:1px solid #0000;border-radius:16px;grid-template-columns:42px 1fr 12px;align-items:center;gap:10px;width:100%;padding:12px;display:grid}.mail-user-item:hover{background:#0f2742;border-color:#1b4267}.mail-user-item.selected{background:linear-gradient(135deg,#2563eb47,#0ea5e92e);border-color:#3b82f6;box-shadow:inset 3px 0 #60a5fa}.avatar{color:#fff;background:#1d4ed8;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.user-item-main{gap:3px;min-width:0;display:grid}.user-item-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-item-main small{color:#91a5bd}.status-dot{border-radius:999px;width:10px;height:10px}.status-dot.enabled{background:#22c55e;box-shadow:0 0 0 4px #22c55e24}.status-dot.disabled{background:#f87171;box-shadow:0 0 0 4px #f8717124}.visible-device-workspace{flex-direction:column;min-height:calc(100vh - 118px);display:flex}.workspace-header{background:radial-gradient(circle at 92% 18%,#0ea5e933,#0000 26%),#0d2036c7;border-bottom:1px solid #17304a;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.workspace-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.device-count-pill{color:#93c5fd;background:#0b253d;border:1px solid #24557b;border-radius:999px;align-items:center;padding:7px 11px;font-size:13px;font-weight:700;display:inline-flex}.permission-summary{color:#bfd1e6;border-bottom:1px solid #17304a;grid-template-columns:150px 1fr;align-items:center;gap:12px;padding:14px 20px;display:grid}.permission-summary strong{color:#e5eefb}.permission-summary span{color:#91a5bd}.visible-device-list{flex-direction:column;gap:10px;padding:16px;display:flex;overflow:auto}.visible-device-row{background:#0b1d31;border:1px solid #193755;border-radius:16px;grid-template-columns:22px 1fr auto;align-items:flex-start;gap:12px;padding:14px;transition:border-color .16s,background .16s,transform .16s;display:grid}.visible-device-row:hover{background:#0d243d;border-color:#2b5f8d}.visible-device-row.granted{background:linear-gradient(135deg,#2563eb29,#0ea5e914);border-color:#2563eb}.visible-device-row input{width:18px;height:18px;margin-top:3px}.device-row-body{gap:5px;min-width:0;display:grid}.device-row-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.device-row-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-row-title em{background:#13243a;border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-style:normal}.device-row-body small{color:#91a5bd;word-break:break-all}.visible-device-row>.danger{align-self:center}.empty-state{color:#91a5bd;text-align:center;place-items:center;min-height:260px;display:grid}.empty-state.compact{border:1px dashed #28445f;border-radius:16px;min-height:120px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030712ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#0a1728;border:1px solid #2b4e70;border-radius:22px;gap:14px;width:min(520px,100%);padding:20px;display:grid;box-shadow:0 30px 90px #0000007a}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-card label{color:#bfd1e6;gap:7px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.check-row{color:#c8d7e8;align-items:center;gap:8px;margin:5px 0;display:flex}.check-row input{width:auto}.tag-form{grid-template-columns:1fr 54px 90px;gap:8px;margin-bottom:12px;display:grid}.tag-form input[type=color]{height:41px;padding:2px}.tag-badges{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag{color:#fff;border-radius:999px;align-items:center;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}