:root{color-scheme:dark;--bg:#06101d;--panel:#0d1a2b;--panel2:#12243a;--line:#263c58;--text:#edf4ff;--muted:#91a6c0;--blue:#3b82f6;--cyan:#28d7c0;--red:#ef5b71;--amber:#f2b84b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -20%,#173c63 0,transparent 38%),linear-gradient(180deg,#071322,#040a12);color:var(--text);font:16px/1.5 system-ui,"Microsoft YaHei",sans-serif}.shell{width:min(100%,620px);margin:auto;padding:calc(24px + env(safe-area-inset-top)) 18px calc(40px + env(safe-area-inset-bottom))}.login-card,.device-card,.control-card{background:rgba(13,26,43,.95);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 70px #0007}.login-card{margin-top:10vh;padding:28px}.mark{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:900;font-size:20px}.login-card h1{margin:18px 0 5px;font-size:1.7rem}.login-card p{margin:0 0 22px;color:var(--muted)}label{display:block;font-weight:700;margin:13px 0 5px}input,select{width:100%;margin-top:6px;padding:12px;border:1px solid #34506f;border-radius:11px;background:#071525;color:var(--text);font:inherit}button{font:inherit;cursor:pointer}.primary{width:100%;margin-top:18px;border:0;border-radius:12px;padding:13px;background:linear-gradient(135deg,#3478f6,#2457d7);color:white;font-weight:800}.error{min-height:24px;margin-top:10px;color:#ff9eac}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}header h1{margin:0;font-size:1.75rem}.eyebrow{font-size:.75rem;letter-spacing:.14em;color:#70a8ff;font-weight:800}.quiet,.icon-btn{border:1px solid var(--line);background:#0b192a;color:#c8d5e7;border-radius:10px;padding:8px 11px}.device-card{padding:17px 18px;display:flex;justify-content:space-between;align-items:center}.device-card strong{font-size:1.05rem}.device-card p{margin:2px 0 0;color:var(--muted);font-size:.88rem}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#687990;margin-right:8px;box-shadow:0 0 0 5px #68799022}.dot.online{background:var(--cyan);box-shadow:0 0 0 5px #28d7c022}.dot.offline{background:var(--red);box-shadow:0 0 0 5px #ef5b7122}.icon-btn{font-size:1.3rem}.control-card{margin-top:14px;padding:18px}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control-row label{margin:0;color:#b5c5d9;font-size:.88rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.action{min-height:84px;text-align:left;border:1px solid #29425f;background:var(--panel2);color:var(--text);border-radius:14px;padding:13px}.action span{display:block;font-weight:850}.action small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem}.primary-action{background:linear-gradient(145deg,#2459c9,#1d438f);border-color:#4b83ef}.success-action{background:linear-gradient(145deg,#087666,#075047);border-color:#18a38f}.action:disabled,.stop:disabled{opacity:.45;cursor:not-allowed}.stop{width:100%;margin-top:10px;padding:11px;border:1px solid #773145;background:#321721;color:#ffb6c1;border-radius:12px;font-weight:750}.history-head{display:flex;align-items:end;justify-content:space-between;margin:23px 2px 10px}.history-head h2{font-size:1.1rem;margin:0}.history-head p{font-size:.8rem;color:var(--muted);margin:2px 0 0}.command-list{display:grid;gap:9px}.command{background:#0c1929;border:1px solid var(--line);border-radius:14px;padding:14px}.command-top{display:flex;justify-content:space-between;gap:10px}.command-title{font-weight:800}.pill{font-size:.75rem;border-radius:999px;padding:3px 8px;background:#24354a;color:#cbd8e9}.pill.running,.pill.delivered{color:#9fc7ff;background:#17345b}.pill.complete{color:#91edd1;background:#103a34}.pill.error{color:#ffadba;background:#4b202b}.command-meta,.command-message{font-size:.82rem;color:var(--muted);margin-top:5px}.command.error-row{border-color:#8c3447;background:#21131c}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed #2b405b;border-radius:14px}.install{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));border:0;background:var(--cyan);color:#04231f;padding:11px 15px;border-radius:999px;font-weight:850;box-shadow:0 10px 35px #0008}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;transition:.2s;background:#e8f2ff;color:#07111e;padding:10px 14px;border-radius:10px;max-width:90%;pointer-events:none;font-weight:700}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:420px){.shell{padding-left:12px;padding-right:12px}.login-card{padding:22px}.control-row{grid-template-columns:1fr}.actions{gap:8px}.action{min-height:79px;padding:11px}.history-head{align-items:center}}