*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{color:#fff;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;background:#111;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;line-height:1.4;overflow-y:auto}.kds{flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.kds-header{border-bottom:2px solid #2a2a2a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.kds-title{color:#b8860b;letter-spacing:.5px;font-size:32px;font-weight:700}.kds-clock{color:#f5e6c8;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.tickets{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:16px;display:grid}.empty-state{color:#555;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:80px 24px;display:flex}.empty-state__icon{font-size:64px;line-height:1}.empty-state__text{color:#444;font-size:24px;font-weight:600}.kot-card{background:#1c1c1c;border:2px solid #333;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.kot-card--warning{border-color:#b8860b}.kot-card--urgent{border-color:#c22;animation:2s ease-in-out infinite pulse-urgent}@keyframes pulse-urgent{0%,to{box-shadow:0 0 #cc222240}50%{box-shadow:0 0 0 6px #c220}}.kot-header{background:#242424;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.kot-header__table{color:#fff;font-size:26px;font-weight:700;line-height:1.1}.elapsed-pill{font-variant-numeric:tabular-nums;color:#aaa;white-space:nowrap;background:#333;border-radius:20px;align-items:center;padding:4px 10px;font-size:14px;font-weight:700;display:inline-flex}.elapsed-pill--warning{color:#f0b429;background:#3d2e00}.elapsed-pill--urgent{color:#f44;background:#3d0a0a}.kot-items{flex:1;margin:0;padding:0;list-style:none}.kot-item{border-top:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.kot-item__info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.kot-item__name{color:#fff;font-size:18px;font-weight:600;line-height:1.2}.kot-item__notes{color:#888;word-break:break-word;font-size:13px;font-style:italic}.kot-item__qty{color:#b8860b;white-space:nowrap;flex-shrink:0;font-size:20px;font-weight:700}.kot-done-btn{color:#22c55e;letter-spacing:1.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0d3320;border:none;border-top:2px solid #1a5c3a;width:100%;padding:16px;font-size:18px;font-weight:700;transition:background .12s,color .12s}.kot-done-btn:active{color:#111;background:#22c55e}.login-screen{background:#111;flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;padding:24px;display:flex}.login-title{color:#b8860b;letter-spacing:.5px;font-size:36px;font-weight:700}.login-subtitle{color:#666;margin-top:-20px;font-size:20px}.pin-pad{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:320px;display:flex}.pin-display{justify-content:center;align-items:center;gap:14px;height:48px;display:flex}.pin-dot{background:#555;border-radius:50%;width:16px;height:16px;transition:background .15s}.pin-dot--filled{background:#b8860b}.pin-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.pin-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#222;border:2px solid #333;border-radius:12px;justify-content:center;align-items:center;height:72px;font-size:26px;font-weight:600;transition:background .1s,border-color .1s,transform 50ms;display:flex}.pin-btn:active{background:#333;border-color:#b8860b;transform:scale(.96)}.pin-btn--clear{color:#888;background:#1c1c1c;font-size:20px}.pin-btn--hash{color:#555;background:#1c1c1c}.pin-submit{color:#111;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#b8860b;border:none;border-radius:12px;width:100%;height:60px;font-size:20px;font-weight:700;transition:opacity .15s,transform 50ms}.pin-submit:active{transform:scale(.97)}.pin-submit:disabled{opacity:.4;cursor:not-allowed}.pin-error{color:#f44;text-align:center;min-height:20px;font-size:16px}.spinner{border:3px solid #333;border-top-color:#b8860b;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}