:root{font-family:Inter,system-ui,Arial,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.shell{max-width:720px;margin:auto;padding:24px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.logo{width:48px;height:48px;border-radius:14px;background:#173c78;color:white;display:grid;place-items:center;font-weight:800}.muted{color:#667085}.grid{display:grid;gap:14px}.card{background:white;border:1px solid #e6eaf0;border-radius:20px;padding:20px;box-shadow:0 8px 30px #19243b10}.action{width:100%;min-height:78px;border:1px solid #dbe2ec;background:white;border-radius:18px;padding:18px;text-align:left;font-size:20px;font-weight:700;cursor:pointer}.action:hover{border-color:#173c78}.primary{background:#173c78;color:white;border:none}.soft{background:#eef4ff}.big{font-size:44px;font-weight:800}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:150px}input,select{width:100%;padding:16px;border:1px solid #d7dee8;border-radius:14px;font-size:18px;margin-top:8px}label{display:block;font-weight:700;margin-top:14px}.ticket{text-align:center;padding:30px}.code{font-size:64px;font-weight:900;letter-spacing:2px}.status{font-size:20px}.hidden{display:none}.toplinks{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.toplinks a{text-decoration:none;color:#173c78;background:#edf3ff;padding:9px 12px;border-radius:12px;font-weight:700}.queue{display:grid;gap:10px}.item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border:1px solid #e4e8ef;border-radius:14px;background:#fff}.screen{min-height:100vh;background:#102746;color:white;padding:40px}.screen .called{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.screen .call{background:white;color:#172033;border-radius:24px;padding:28px;text-align:center}.screen .call .code{color:#173c78}@media(max-width:600px){.shell{padding:18px}.big{font-size:36px}.code{font-size:52px}.action{font-size:18px}}