:root{--bg:#f5f7fb;--card:#fff;--text:#14213d;--muted:#667085;--primary:#ff6b35;--primary2:#ff9f1c;--dark:#101828;--line:#e4e7ec;--success:#12b76a;--danger:#f04438;--warning:#f79009;--shadow:0 14px 40px rgba(16,24,40,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.topbar{height:68px;padding:0 max(20px,5vw);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;font-size:20px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.topbar nav{display:flex;gap:20px}.topbar nav a{text-decoration:none;color:#475467;font-weight:600;font-size:14px}.container{width:min(1180px,92%);margin:32px auto}.narrow{width:min(540px,92%);margin:40px auto}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.hero{min-height:84vh;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,#fff1e8,transparent 35%),radial-gradient(circle at 90% 20%,#fff4cf,transparent 34%),var(--bg)}.hero-inner{width:min(1120px,92%);display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff0e9;color:#c4320a;font-weight:700;font-size:13px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-4px;margin:18px 0}.hero p{font-size:19px;line-height:1.7;color:var(--muted)}.hero-card{background:#101828;color:#fff;border-radius:32px;padding:28px;box-shadow:0 28px 70px rgba(16,24,40,.24);transform:rotate(2deg)}.number{font-size:78px;font-weight:800;letter-spacing:-5px}.muted{color:var(--muted)}.btn{appearance:none;border:0;border-radius:12px;padding:12px 18px;background:var(--primary);color:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn:hover{filter:brightness(.96)}.btn-secondary{background:#fff;color:var(--dark);border:1px solid var(--line)}.btn-dark{background:var(--dark)}.btn-success{background:var(--success)}.btn-danger{background:var(--danger)}.btn-sm{padding:8px 12px;font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.stat strong{font-size:30px;display:block;margin-top:8px}h1,h2,h3{letter-spacing:-.03em}label{display:block;font-weight:600;font-size:14px;margin:14px 0 7px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;font:inherit;color:var(--text)}input:focus,select:focus,textarea:focus{outline:3px solid #ffeadf;border-color:var(--primary)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:14px}th{color:#475467}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2f6}.badge.waiting{background:#fff6e0;color:#b54708}.badge.called,.badge.serving{background:#e7f0ff;color:#175cd3}.badge.completed{background:#e8f8ef;color:#027a48}.badge.skipped,.badge.cancelled{background:#feeceb;color:#b42318}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px}.alert-success{background:#e8f8ef;color:#027a48}.alert-danger{background:#feeceb;color:#b42318}.alert-warning{background:#fff6e0;color:#b54708}.queue-choice{display:block;padding:18px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:#fff;margin:10px 0}.queue-choice:hover{border-color:var(--primary);transform:translateY(-1px)}.ticket-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#fff7ed,#f5f7fb)}.ticket{text-align:center;width:min(500px,100%)}.ticket-number{font-size:84px;line-height:1;font-weight:800;letter-spacing:-6px;color:var(--primary);margin:24px 0}.display-page{background:#0b1220;color:#fff;min-height:100vh;padding:28px}.display-head{display:flex;justify-content:space-between;align-items:center}.display-current{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:28px}.call-card{background:linear-gradient(135deg,#ff6b35,#ff9f1c);border-radius:28px;padding:36px}.call-card .ticket-number{color:#fff;font-size:clamp(90px,14vw,190px);margin:20px 0}.waiting-list{background:#172033;border-radius:28px;padding:28px}.waiting-item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:24px}.qr-box{background:#fff;border-radius:20px;padding:18px;text-align:center}.small{font-size:13px}.center{text-align:center}.space-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.mt{margin-top:20px}.mb{margin-bottom:20px}@media(max-width:820px){.hero-inner,.display-current,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.topbar nav a:not(:last-child){display:none}.display-page{padding:16px}.card{padding:18px}.table-wrap{overflow:auto}}