: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}.topbar,.backdrop,.menu-button{display:none}.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)}.brand small{display:block;margin-top:4px;font-weight:500;letter-spacing:0;color:var(--muted);font-size:12px}.nav{display:grid;gap:4px}.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;font-weight:600}.user{margin-top:auto;color:var(--muted);font-size:14px;padding:12px}.main{padding:28px 32px 48px;min-width:0}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}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;min-width:0;box-shadow:0 1px 2px #1c24300a}.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}label{display:grid;gap:6px;font-size:14px;color:var(--muted);min-width:0}input:not([type=checkbox]),select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink)}.codes input{width:92px;flex:0 0 92px;text-align:center;font-size:28px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:14px;padding:14px 8px}input[type=checkbox]{width:18px;height:18px}.form{display:grid;gap:14px;min-width:0}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;min-width:0}.row>*{min-width:0}.camera-row input[type=text],.camera-row input:not([type]){flex:1 1 12rem;min-width:0}.devices{display:grid;gap:12px}.device{display:flex;flex-direction:column;align-items:stretch;gap:16px}.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}.groups{list-style:none;padding:0;display:grid;gap:8px}.match-list{max-height:320px;overflow:auto;display:grid;gap:8px;margin:12px 0}.match-list label{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--ink)}.groups li{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.preview{background:#e7f6f3;border-radius:18px;min-height:280px;display:grid;place-items:center;padding:24px;text-align:center}@media(max-width:800px){html,body{overflow-x:hidden}.shell,.grid{grid-template-columns:1fr}.topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);padding:10px 12px}.menu-button{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 14px;color:var(--ink);font-weight:600}.topbar .brand{margin:0}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;border:0;background:#1c243066}.sidebar{position:fixed;top:0;left:0;z-index:7;width:min(280px,88vw);height:100%;background:#fff;transform:translate(-110%);overflow:auto;border-bottom:0}.sidebar.open{transform:none}.nav{display:grid;overflow:visible}.nav-link{width:100%;white-space:normal}.user{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.main{padding:12px 12px 28px}h1{font-size:24px}h2{font-size:18px}.top{align-items:stretch}.top .primary,.form>.primary,.form>.ghost{width:100%}.row{flex-direction:column;align-items:stretch}.row .primary,.row .ghost,.row .danger{width:100%}.steps{flex-wrap:wrap;gap:10px}.codes{flex-wrap:nowrap}.codes input{flex:1 1 0;width:auto;min-width:0;font-size:18px;letter-spacing:0;padding:10px 2px}.card{padding:14px;border-radius:14px}.preview{min-height:160px}.match-list label span,.groups li span,.muted,h1,h2,p{overflow-wrap:anywhere}}