:root{color:#172026;background:#f4f7f5;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page-bg: #f4f7f5;--ink: #172026;--muted: #62717a;--surface: #ffffff;--surface-soft: #eef4f1;--line: #d9e2df;--line-strong: #bac9c5;--accent: #0f9f8f;--accent-strong: #087d74;--accent-soft: #dff7f2;--blue: #2364aa;--warning: #b65d14;--danger: #bb3150;--shadow: 0 24px 70px rgb(23 32 38 / 13%)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{color:var(--ink);background:linear-gradient(180deg,rgb(15 159 143 / 10%),transparent 280px),var(--page-bg)}button,input{font:inherit}a{color:var(--accent-strong);font-weight:800;text-underline-offset:4px}.app-shell{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.hero{margin-bottom:18px}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{display:inline-grid;width:46px;height:46px;place-items:center;border-radius:8px;color:#fff;background:#172026;font-size:14px;font-weight:900}.hero h1{margin:0;color:var(--ink);font-size:32px;font-weight:900;line-height:1;letter-spacing:0}.hero p{max-width:640px;margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.control-panel,.password-change-form{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.control-panel{padding:28px}.single-page{display:grid;gap:22px}.page-header{display:grid;gap:8px;max-width:740px}.step-kicker{margin:0;color:var(--accent-strong);font-size:13px;font-weight:900}h2{margin:0;color:var(--ink);font-size:28px;line-height:1.15;letter-spacing:0}.page-header h2{font-size:34px}.muted{margin:0;color:var(--muted);line-height:1.55}.status{display:grid;min-height:126px;place-items:center;border-radius:8px;padding:18px;text-align:center}.status span{color:#fff;font-size:30px;font-weight:900;line-height:1.12}.status-blocked{background:linear-gradient(135deg,#0c6d65,#11a58f)}.status-unlocked{background:linear-gradient(135deg,#8e3f1e,#e08335)}.status-pending{background:linear-gradient(135deg,#1f4167,#2364aa)}.setup-form{max-width:620px}label,.form-label{margin:0;color:#2f3d43;font-size:14px;font-weight:800}input{width:100%;border:1px solid var(--line-strong);border-radius:8px;padding:15px 16px;color:var(--ink);background:#fff;outline:none}input::placeholder{color:#8a989f}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0f9f8f24}button,.button-link{display:inline-grid;min-height:50px;place-items:center;border:0;border-radius:8px;padding:0 20px;color:#fff;background:var(--accent);box-shadow:none;font-weight:900;text-align:center;text-decoration:none;cursor:pointer}button:hover:not(:disabled),.button-link:hover{background:var(--accent-strong)}button:disabled{cursor:not-allowed;opacity:.48}.primary-action{width:fit-content;min-width:220px}.secondary,.button-link.secondary{border:1px solid var(--line-strong);color:var(--ink);background:#fff}.secondary:hover:not(:disabled),.button-link.secondary:hover{color:var(--ink);background:var(--surface-soft)}.subtle-action{min-width:0;color:#314047}.full-width{width:100%}.target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.target-card{display:grid;min-height:176px;place-items:start;gap:10px;border:1px solid var(--line);padding:18px;color:var(--ink);background:#fff;text-align:left}.target-card:hover:not(:disabled){background:#f9fbfa}.target-card.selected{border-color:#0f9f8f73;background:var(--accent-soft)}.target-card strong{font-size:18px;line-height:1.2}.target-card>span:not(.target-check){color:var(--muted);font-size:14px;font-weight:600;line-height:1.45}.target-card em{align-self:end;border-radius:999px;padding:6px 9px;color:#5b4b00;background:#fff2b8;font-size:12px;font-style:normal;font-weight:900}.target-card.unavailable{opacity:.72}.target-card.unavailable:hover{background:#fff}.target-check{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line-strong);border-radius:999px;color:#fff;background:#fff;font-size:15px;font-weight:900}.target-card.selected .target-check{border-color:var(--accent);background:var(--accent)}.flow-actions,.split-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.configuration-list{display:grid;gap:12px}.configuration-card,.test-panel,.troubleshooting-card,.dashboard-main,.dashboard-side,.events{border:1px solid var(--line);border-radius:8px;background:#fff}.configuration-card{display:grid;gap:12px;padding:18px}.configuration-card h2,.test-panel h2,.troubleshooting-card h2,.dashboard-main h2,.dashboard-side h2,.events h2{font-size:22px}.friendly-url{overflow-wrap:anywhere;border:1px solid var(--line);border-radius:8px;margin:0;padding:13px 14px;color:var(--ink);background:var(--surface-soft);font-size:16px;font-weight:900}.qr-install{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.qr-frame{display:grid;width:188px;height:188px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff}.qr-frame img{display:block;width:176px;height:176px}.qr-frame span{color:var(--muted);font-weight:900}.qr-label{margin:0 0 8px;color:#2f3d43;font-size:14px;font-weight:900}.soft-note{margin:0;border-left:4px solid var(--accent);padding-left:12px;color:#53626a;line-height:1.55}.test-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:18px;align-items:center;padding:18px}.test-link-block{display:grid;justify-items:end}.troubleshooting-card{display:grid;gap:12px;padding:18px}.troubleshooting-card ul{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--muted);line-height:1.5}.dashboard{display:grid;gap:20px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;align-items:start}.dashboard-main,.dashboard-side,.events{padding:20px}.unlock-form,.dashboard-main{display:grid;gap:14px}.duration-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.duration{min-width:0;border:1px solid var(--line-strong);color:var(--ink);background:#fff}.duration.selected{border-color:var(--accent);color:#fff;background:var(--accent)}.dashboard-side{display:grid;gap:14px}.add-phone-entry{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:14px}.add-phone-entry h3,.phone-install-card h3{margin:0;color:var(--ink);font-size:18px;line-height:1.2}.add-phone-entry p,.phone-install-card p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.add-phone-panel{display:grid;gap:18px;border:1px solid var(--line);border-radius:8px;padding:20px;background:#fff}.add-phone-header{display:flex;gap:16px;align-items:start;justify-content:space-between}.phone-install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phone-install-card{display:grid;gap:14px;border:1px solid var(--line);border-radius:8px;padding:18px;background:#fbfdfc}.phone-install-card .qr-install{grid-template-columns:1fr}.phone-install-card .qr-frame{width:188px;max-width:100%}.ready-copy{margin:0;color:var(--muted);line-height:1.5}.configured-targets{display:flex;flex-wrap:wrap;gap:8px}.configured-targets span{border-radius:999px;padding:7px 10px;color:#075f58;background:var(--accent-soft);font-size:13px;font-weight:900}.device-contact{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);line-height:1.45}.device-contact strong{color:var(--ink)}.events ul{display:grid;gap:10px;padding:0;margin:14px 0 0;list-style:none}.events li{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:10px;color:#334249}time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.parent-options{display:grid;justify-items:start;gap:12px;margin-top:14px}.settings-link{min-height:auto;border:0;border-radius:0;padding:0;color:#43525a;background:transparent;text-decoration:underline;text-underline-offset:4px}.settings-link:hover:not(:disabled){color:var(--ink);background:transparent}.password-change-form{display:grid;width:min(100%,560px);gap:13px;padding:20px}.error,.notice{margin:16px 0 0;font-weight:800;line-height:1.45}.error{color:var(--danger)}.notice{color:var(--accent-strong)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}@media(max-width:780px){.app-shell{width:min(100% - 20px,1040px);padding:18px 0 28px}.brand-lockup{align-items:flex-start}.hero h1{font-size:28px}.control-panel{padding:18px}.page-header h2{font-size:28px}.status{min-height:112px}.status span{font-size:24px}.target-grid,.dashboard-grid,.phone-install-grid,.test-panel,.qr-install{grid-template-columns:1fr}.add-phone-header{display:grid}.target-card{min-height:auto}.qr-frame{width:100%;max-width:220px;height:auto;aspect-ratio:1}.primary-action,.flow-actions button,.flow-actions a{width:100%}.duration-group{grid-template-columns:repeat(2,minmax(0,1fr))}.events li{display:grid;gap:4px}}