:root{color:#1c2430;background:#f3f5f8;font-family:Segoe UI,sans-serif;--teal: #129688;--ink: #1c2430;--muted: #667085;--line: #e6ebf2;--card: #ffffff;--sidebar: #f7f8fb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;gap:8px}.brand{font-weight:800;letter-spacing:.02em;margin-bottom:18px}.brand span{color:var(--teal)}.nav-link,.side-button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:12px;padding:12px 14px;color:var(--ink)}.nav-link.active,.side-button:hover,.nav-link:hover{background:#e7f7f4;color:#0d6f66}.user{margin-top:auto;color:var(--muted);font-size:14px;padding:12px}.main{padding:28px 32px 48px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{font-size:32px;margin:0 0 8px}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.primary,.ghost{border-radius:12px;padding:12px 18px;border:0}.primary{background:var(--teal);color:#fff}.primary:disabled{background:#c5d5d2;cursor:default}.ghost{background:#fff;border:1px solid var(--line)}.danger{background:transparent;color:#b42318;border:0}.steps{display:flex;gap:18px;align-items:center;color:var(--muted);margin:18px 0}.step{display:flex;gap:8px;align-items:center}.bubble{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e8edf3}.bubble.on{background:var(--teal);color:#fff}.codes{display:flex;gap:10px;align-items:center;margin:18px 0}.codes input{width:92px;text-align:center;font-size:28px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:14px;padding:14px 8px}label{display:grid;gap:6px;font-size:14px;color:var(--muted)}input,select{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink)}.form{display:grid;gap:14px}.row{display:flex;gap:12px;align-items:center}.devices{display:grid;gap:12px}.device{display:flex;justify-content:space-between;gap:16px;align-items:center}.ok{color:#067647}.warn{color:#b54708}.login{min-height:100vh;display:grid;place-items:center}.login .card{width:min(440px,calc(100% - 32px))}.error{color:#b42318}.preview{background:#e7f6f3;border-radius:18px;min-height:280px;display:grid;place-items:center;padding:24px;text-align:center}@media(max-width:900px){.shell,.grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}}