:root{font-family:Segoe UI,Noto Sans,sans-serif;color:#17211d;background:#f5f1e9}*{box-sizing:border-box}body{margin:0}body,button,input,select{font:inherit}button,a{transition:transform .16s ease,background-color .16s ease,border-color .16s ease}button:hover,a:hover{transform:translateY(-1px)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,rgba(20,93,74,.1),transparent 32%),linear-gradient(180deg,#f7f4ee,#f2ede3)}.login-card{width:min(460px,100%);padding:30px;border-radius:28px;background:#fffcf7f5;border:1px solid #ddd3c5;box-shadow:0 24px 64px #1c211f1f}.login-header{margin-bottom:24px}.eyebrow{color:#145d4a;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.login-header h1{margin:10px 0;font-size:34px;line-height:1.1}.login-header p{margin:0;color:#64706a;line-height:1.55}.login-form{display:grid;gap:14px}.field{display:grid;gap:7px}.field span{font-size:13px;font-weight:700;color:#39413d}.field input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #d8d0c4;background:#fff;color:#17211d;font-size:15px}.field input:focus{outline:2px solid rgba(20,93,74,.18);border-color:#145d4a}.primary-button{width:100%;margin-top:6px;padding:14px 18px;border:0;border-radius:999px;background:#145d4a;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.primary-button:disabled{opacity:.7;cursor:progress}.error-banner{padding:12px 14px;border-radius:16px;background:#fff0ef;border:1px solid #efc7c3;color:#8b3131;font-size:14px;line-height:1.45}.login-footer{display:flex;flex-direction:column;gap:6px;margin-top:18px;color:#73807b;font-size:12px}.gateway-shell{min-height:100vh;padding:28px;background:radial-gradient(circle at top left,rgba(20,93,74,.14),transparent 28%),radial-gradient(circle at bottom right,rgba(198,153,60,.1),transparent 24%),linear-gradient(180deg,#f6f2ea,#efe8dd)}.gateway-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.hero-brand-block{display:grid;gap:14px}.brand-lockup{display:inline-flex;align-items:center;gap:14px;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.brand-mark{width:54px;height:54px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#145d4a,#1d7a5f);color:#fffdf8;font-size:19px;font-weight:800;letter-spacing:.08em;box-shadow:0 16px 36px #145d4a38}.brand-lockup.unlocked .brand-mark{background:linear-gradient(135deg,#8e6316,#d1972b);box-shadow:0 16px 36px #b8841c3d}.brand-copy{display:grid;gap:4px}.brand-caption{color:#6b7672;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.hero-copy{display:grid;gap:0}.gateway-hero h1{margin:10px 0 8px;font-size:40px;line-height:1}.gateway-hero p{max-width:700px;margin:0;color:#66716d;line-height:1.5}.hero-actions,.session-strip-actions,.row-actions,.dialog-actions,.surface-actions{display:flex;gap:10px;flex-wrap:wrap}.ghost-button,.logout-link-button,.tab-strip button,.session-pill,.primary-button.compact{border-radius:999px;border:1px solid #d4cab9;background:#fffcf7e0;color:#23312c;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.ghost-button.compact,.primary-button.compact{padding:10px 16px}.ghost-button.danger{color:#8b3131;border-color:#e2b8b4}.logout-link-button{background:#fff8ef}.status-banner{margin-bottom:18px;padding:14px 18px;border-radius:18px;background:#fffcf7f0;border:1px solid #ddd3c5;color:#4c5853}.status-banner.error{background:#fff0ef;border-color:#efc7c3;color:#8b3131}.inline-action-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:#5d6662}.inline-action-note.error{color:#8b3131}.metric-grid,.card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.metric-grid{margin-bottom:18px}.metric-card,.surface,.session-strip{background:#fffcf7f0;border:1px solid #ddd3c5;box-shadow:0 24px 64px #1c211f14}.metric-card{border-radius:24px;padding:20px}.metric-label{color:#6c7773;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.metric-value{margin-top:10px;font-size:34px;font-weight:700}.session-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;border-radius:26px;padding:18px;margin-bottom:18px}.session-pill{background:transparent;border:0;padding:0;gap:12px;font-weight:700}.session-dot{width:12px;height:12px;border-radius:999px;background:#b5b8b7;box-shadow:0 0 0 8px #b5b8b726}.session-dot.connected{background:#145d4a;box-shadow:0 0 0 8px #145d4a26}.session-dot.error{background:#c34747;box-shadow:0 0 0 8px #c3474724}.tab-strip{display:flex;gap:10px;margin-bottom:18px}.tab-strip button.active{background:#145d4a;border-color:#145d4a;color:#fff}.tab-strip.in-dialog{margin-top:16px}.page-grid{display:grid;gap:16px}.surface{border-radius:28px;padding:22px}.surface-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.surface-head h2{margin:0 0 6px;font-size:24px}.surface-head p{margin:0;color:#6c7773;line-height:1.5}.details-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.details-grid.dense{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.details-grid div{display:grid;gap:5px}.details-grid strong{color:#5b6561;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stack-list{display:grid;gap:12px}.queue-lane{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.queue-lane-wrap{overflow-x:auto;padding-bottom:6px}.queue-lane-wrap::-webkit-scrollbar,.queue-lane::-webkit-scrollbar{height:10px}.queue-lane-wrap::-webkit-scrollbar-thumb,.queue-lane::-webkit-scrollbar-thumb{background:#d1c6b6;border-radius:999px}.queue-lane-wrap::-webkit-scrollbar-track,.queue-lane::-webkit-scrollbar-track{background:#d1c6b640;border-radius:999px}.list-card,.queue-card{border-radius:22px;border:1px solid #e1d7c8;background:#fffdf9;padding:16px}.list-card.large{padding:18px}.queue-card{min-width:280px;max-width:320px;flex:0 0 280px;scroll-snap-align:start}.list-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.list-card p,.queue-card p{margin:6px 0 0;color:#3c4642;line-height:1.45}.subtle{color:#6f7a76;font-size:13px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;background:#efebe2;color:#59635f}.pill.success{background:#e4f2ed;color:#145d4a}.pill.warning,.queue-card.next{background:#fff4de;color:#936116}.pill.danger{background:#fdeceb;color:#a73939}.pill.info{background:#e9f1fa;color:#315f88}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid #ece3d7;text-align:left;vertical-align:top}.data-table th{color:#66716d;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.queue-preview{white-space:pre-wrap}.assign-row{margin-top:12px}.assign-row select,.dialog-content input,.dialog-content select{width:100%;border-radius:16px;border:1px solid #d8d0c4;background:#fff;padding:12px 14px;color:#17211d}.empty-state{padding:20px;border-radius:20px;background:#f4eee3;color:#6d7874;text-align:center}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1415126b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-content{position:fixed;top:50%;left:50%;width:min(620px,calc(100vw - 24px));transform:translate(-50%,-50%);border-radius:28px;background:#fffdf9;border:1px solid #ddd3c5;padding:24px;box-shadow:0 28px 80px #1c211f3d}.dialog-content.wide{width:min(780px,calc(100vw - 24px))}.dialog-content h2,.dialog-content h3,.dialog-content [data-radix-dialog-title]{margin:0 0 8px;font-size:28px}.dialog-content [data-radix-dialog-description]{display:block;color:#66716d;line-height:1.5;margin-bottom:18px}.form-grid{display:grid;gap:14px}.checkbox-row{display:flex;gap:10px;align-items:center;margin:18px 0}.qr-panel{display:grid;gap:18px;align-items:start;grid-template-columns:minmax(220px,260px) 1fr;margin-top:16px}.qr-image{width:100%;aspect-ratio:1;object-fit:contain;border-radius:24px;border:1px solid #e1d7c8;background:#fff;padding:16px}.pairing-box{display:grid;gap:8px;border-radius:20px;padding:18px;background:#f4eee3}.pairing-box strong{font-size:28px;letter-spacing:.08em}@media(max-width:900px){.gateway-shell{padding:18px}.gateway-hero,.session-strip,.surface-head,.qr-panel{grid-template-columns:1fr;display:grid}.gateway-hero h1{font-size:34px}}