:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10192b;background:#f4f6fa;--navy:#071d3d;--violet:#6330dc;--soft:#eee9ff;--line:#e2e6ee;--muted:#6d7688;--good:#139568;--bad:#cf4554}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#eee9ff 0,transparent 30%),#f4f6fa}button,input{font:inherit}.setup{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr}.setup-brand{padding:52px;color:#fff;background:linear-gradient(150deg,#061a38,#0b315f);display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#7654ef,#5626cc);display:grid;place-items:center;font-weight:900}.brand small{display:block;opacity:.7}.setup-brand h1{max-width:520px;font-size:48px;line-height:1.05}.setup-brand p{max-width:520px;color:#c9d6e8;font-size:18px}.setup-panel{display:grid;place-items:center;padding:30px}.setup-card{width:min(520px,100%);padding:34px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 22px 70px #1d2d4b1c}.eyebrow{margin:0;color:var(--violet);font-size:12px;font-weight:850;letter-spacing:.08em}.setup-card h2{font-size:30px;margin:8px 0}.setup-card>p{color:var(--muted)}.setup-card label{display:grid;gap:8px;margin-top:24px;font-weight:750}.setup-card input{width:100%;padding:14px;border:1px solid var(--line);border-radius:11px;outline:none}.setup-card input:focus{border-color:var(--violet);box-shadow:0 0 0 4px var(--soft)}.primary{border:0;border-radius:11px;background:linear-gradient(135deg,#7047e8,#5722cf);color:#fff;font-weight:800;cursor:pointer}.setup-card .primary{width:100%;height:52px;margin-top:14px}.error{margin-top:12px;padding:10px;border-radius:9px;background:#fff0f1;color:var(--bad)}.kiosk{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.kiosk-header{padding:16px 22px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px}.kiosk-header .brand>span{width:42px;height:42px}.location-name{display:grid;text-align:center}.location-name small{color:#9fb1c9}.header-actions{display:flex;gap:8px}.header-actions button{padding:9px 12px;border:1px solid #ffffff2f;border-radius:9px;background:#ffffff12;color:#fff}.kiosk-body{padding:22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px}.panel{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 35px #13274b0b}.panel h2{margin:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head span{color:var(--muted)}.employees{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.employee{min-height:126px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;justify-items:center;align-content:center;gap:6px;color:#151d2d}.employee .avatar{width:45px;height:45px;border-radius:12px;background:var(--soft);color:var(--violet);display:grid;place-items:center;font-weight:900}.employee small{color:var(--muted)}.employee.selected{border-color:var(--violet);box-shadow:0 0 0 4px var(--soft)}.employee.on small{color:var(--good);font-weight:750}.pin-area{max-width:360px;margin:24px auto 0;display:grid;gap:10px}.pin-display{height:58px;border:1px solid var(--line);border-radius:12px;background:#f8f9fc;display:grid;place-items:center;font-size:23px;letter-spacing:10px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.keypad button{height:55px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:19px;font-weight:800}.clock-action{height:54px}.clock-action.out{background:linear-gradient(135deg,#d64b58,#ed7161)}button:disabled{opacity:.45;cursor:not-allowed}.shift-list article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:14px 0;border-top:1px solid var(--line)}.shift-list article>strong{width:36px;height:36px;border-radius:10px;background:var(--soft);color:var(--violet);display:grid;place-items:center}.shift-list article span{display:grid}.shift-list small{color:var(--muted)}.shift-list em{padding:6px 9px;border-radius:999px;background:#e6f8f0;color:var(--good);font-size:12px;font-style:normal;font-weight:800}.shift-list em.closed{background:#eef0f4;color:#737b88}.empty{padding:45px 10px;text-align:center;color:var(--muted)}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(540px,90vw);padding:13px 18px;border-radius:11px;background:#10192b;color:#fff;box-shadow:0 12px 40px #0003;z-index:10}.toast.bad{background:#9e2633}@media(max-width:900px){.setup{grid-template-columns:1fr}.setup-brand{display:none}.kiosk-body{grid-template-columns:1fr}.employees{grid-template-columns:repeat(2,1fr)}}