@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #F4F6F2;--bg-elevated: #FFFFFF;--card: #FFFFFF;--card-grad-top: #FFFFFF;--card-grad-bottom: #F8FAF6;--border: #E4E8DF;--border-soft: #EEF1EA;--hover: #EEF2EA;--text: #1A2E1C;--text-muted: #5E7060;--text-subtle: #8A9A88;--primary: #2D5A26;--primary-hover: #1E4018;--primary-active: #3D7533;--primary-fg: #FFFFFF;--primary-soft: rgba(45, 90, 38, .08);--primary-soft-strong: rgba(45, 90, 38, .16);--primary-glow: rgba(45, 90, 38, .28);--accent: #4A8B3F;--accent-2: #C49A2E;--pending: #C49A2E;--pending-soft: rgba(196, 154, 46, .14);--pending-fg: #6E5403;--confirmed: #2E9E4F;--confirmed-soft: rgba(46, 158, 79, .14);--confirmed-fg: #1B6E31;--rejected: #C2412E;--rejected-soft: rgba(194, 65, 46, .14);--rejected-fg: #8A2A1D;--cancelled: #7A8478;--cancelled-soft: rgba(122, 132, 120, .16);--cancelled-fg: #4F5A4D;--success: var(--confirmed);--success-soft: var(--confirmed-soft);--danger: var(--rejected);--danger-soft: var(--rejected-soft);--warning: var(--pending);--warning-soft: var(--pending-soft);--info: #3D7533;--info-soft: rgba(61, 117, 51, .14);--purple: #5B3D6B;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(26, 46, 28, .05);--shadow: 0 1px 0 rgba(26, 46, 28, .02), 0 4px 12px rgba(26, 46, 28, .05), 0 2px 4px rgba(26, 46, 28, .04);--shadow-lg: 0 1px 0 rgba(26, 46, 28, .02), 0 18px 36px -10px rgba(26, 46, 28, .14), 0 8px 16px -4px rgba(26, 46, 28, .07);--shadow-glow: 0 0 0 1px rgba(45, 90, 38, .1), 0 8px 24px -6px rgba(45, 90, 38, .3);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--ls-tight: -.02em;--ls-snug: -.01em;--sidebar-w: 260px;--sidebar-w-collapsed: 76px;--topbar-h: 64px;--content-max: 1440px;--content-pad: 28px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .12s cubic-bezier(.4, 0, .2, 1);--t: .2s cubic-bezier(.4, 0, .2, 1);--t-slow: .32s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark],.dark{--bg: #0C110B;--bg-elevated: #131A11;--card: #161E14;--card-grad-top: #192116;--card-grad-bottom: #131A11;--border: #283021;--border-soft: #1C241A;--hover: #1F2A1B;--text: #ECF2E8;--text-muted: #9AAE93;--text-subtle: #6B7D66;--primary: #5FA251;--primary-hover: #76B968;--primary-active: #4A8B3F;--primary-fg: #0C110B;--primary-soft: rgba(95, 162, 81, .14);--primary-soft-strong: rgba(95, 162, 81, .24);--primary-glow: rgba(95, 162, 81, .4);--accent: #76B968;--accent-2: #D8B14E;--pending: #D8B14E;--pending-soft: rgba(216, 177, 78, .18);--pending-fg: #E8CE84;--confirmed: #54C376;--confirmed-soft: rgba(84, 195, 118, .18);--confirmed-fg: #8FE0A8;--rejected: #E26A56;--rejected-soft: rgba(226, 106, 86, .18);--rejected-fg: #F2A293;--cancelled: #8B968A;--cancelled-soft: rgba(139, 150, 138, .2);--cancelled-fg: #B3BDB1;--info: #76B968;--info-soft: rgba(118, 185, 104, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 1px 0 rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 1px 0 rgba(0, 0, 0, .4), 0 24px 48px -12px rgba(0, 0, 0, .65), 0 8px 16px -4px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 1px rgba(95, 162, 81, .18), 0 8px 24px -6px rgba(95, 162, 81, .4)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-feature-settings:"cv11","ss01"}html,body{height:100%}body{background:var(--bg);color:var(--text);font-size:var(--fs-base);line-height:1.5;transition:background-color var(--t-slow),color var(--t-slow),border-color var(--t-slow);accent-color:var(--primary);caret-color:var(--primary)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}input,textarea,select{font:inherit;color:inherit;caret-color:var(--primary)}img,svg,video{display:block;max-width:100%}ul,ol{list-style:none}.tabular,.kpi-card__value,table td,table th,time{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background-color var(--t)}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle);background-clip:padding-box}::selection{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--text)}::-moz-selection{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--text)}:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.kiosk-boot{height:100vh;width:100vw;background:var(--bg)}.noscript-note{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--sp-8);text-align:center;font-size:var(--fs-lg);color:var(--text);background:var(--bg)}.gate-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:radial-gradient(1200px 600px at 50% -10%,rgba(95,162,81,.12),transparent 70%),linear-gradient(160deg,var(--bg) 0%,#0a0f09 100%)}.gate-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);width:100%;max-width:420px;padding:var(--sp-10) var(--sp-8);background:linear-gradient(180deg,var(--card-grad-top),var(--card-grad-bottom));border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}.gate-icon{font-size:44px;line-height:1;filter:grayscale(.2)}.gate-title{margin:0;font-size:var(--fs-2xl);font-weight:700;letter-spacing:var(--ls-tight)}.gate-subtitle{margin:0;color:var(--text-muted);font-size:var(--fs-md)}.gate-input{width:100%;margin-top:var(--sp-2);padding:var(--sp-4) var(--sp-5);font-size:var(--fs-xl);font-family:var(--font);text-align:center;letter-spacing:.12em;color:var(--text);background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color var(--t-fast)}.gate-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.gate-error{width:100%;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-base);color:var(--rejected-fg);background:var(--rejected-soft);border-radius:var(--radius-sm)}.gate-submit{width:100%;margin-top:var(--sp-2);padding:var(--sp-4);font-size:var(--fs-lg);font-weight:600;font-family:var(--font);color:var(--primary-fg);background:var(--primary);border:none;border-radius:var(--radius);cursor:pointer;transition:background var(--t-fast),transform var(--t-fast)}.gate-submit:hover:not(:disabled){background:var(--primary-active)}.gate-submit:active:not(:disabled){transform:scale(.98)}.gate-submit:disabled{opacity:.5;cursor:not-allowed}.kiosk{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-6);align-items:stretch;height:100vh;width:100vw;padding:var(--sp-6);background:radial-gradient(900px 500px at 15% -20%,rgba(95,162,81,.1),transparent 70%),linear-gradient(160deg,var(--bg) 0%,#0a0f09 100%)}.clock-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-8);background:linear-gradient(180deg,var(--card-grad-top),var(--card-grad-bottom));border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.kiosk-brand{margin:0 0 var(--sp-4);font-size:var(--fs-lg);font-weight:600;letter-spacing:var(--ls-snug);color:var(--text-muted);text-align:center}.clock-time{font-family:var(--font-mono);font-size:clamp(72px,12vw,132px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.03em;color:var(--primary);text-shadow:0 0 40px var(--primary-glow)}.clock-date{font-size:var(--fs-xl);color:var(--text-muted);margin-bottom:var(--sp-4);text-align:center}.status-bar{min-width:60%;max-width:100%;padding:var(--sp-4) var(--sp-6);background:var(--primary-soft);border:1px solid var(--border-soft);border-radius:var(--radius-pill);text-align:center;font-size:var(--fs-lg);font-weight:500;color:var(--text)}.status-bar[data-state=busy]{background:var(--pending-soft);color:var(--pending-fg)}.result-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);width:100%;max-width:380px;padding:var(--sp-6) var(--sp-6);border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);cursor:pointer;font-family:var(--font);color:var(--text);animation:pop .22s var(--ease-spring)}.result-card[data-state=in]{border-color:var(--confirmed);background:var(--confirmed-soft)}.result-card[data-state=out]{border-color:var(--accent-2);background:var(--pending-soft)}.result-card[data-state=error]{border-color:var(--rejected);background:var(--rejected-soft)}.result-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:30px;font-weight:700;color:var(--primary-fg);background:var(--primary)}.result-card[data-state=out] .result-icon{background:var(--accent-2)}.result-card[data-state=error] .result-icon{background:var(--rejected)}.result-name{font-size:var(--fs-xl);font-weight:700}.result-message{font-size:var(--fs-lg);font-weight:600}.result-detail{font-size:var(--fs-md);color:var(--text-muted)}.pin-side{display:flex;flex-direction:column;gap:var(--sp-4)}.pin-panel{display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-6);background:linear-gradient(180deg,var(--card-grad-top),var(--card-grad-bottom));border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.pin-label{font-size:var(--fs-md);font-weight:500;color:var(--text-muted);text-align:center}.pin-display{display:flex;justify-content:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);min-height:64px;align-items:center}.pin-display.shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97) both;border-color:var(--rejected)}.pin-dot{width:22px;height:22px;border-radius:50%;background:var(--border);transition:background var(--t-fast),transform var(--t-fast)}.pin-dot.filled{background:var(--primary);transform:scale(1.08)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.pin-key{min-height:76px;font-size:30px;font-weight:600;font-family:var(--font);background:var(--bg-elevated);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast);display:flex;align-items:center;justify-content:center}.pin-key:hover:not(:disabled){background:var(--hover);border-color:var(--primary)}.pin-key:active:not(:disabled){transform:scale(.95);background:var(--primary-soft-strong)}.pin-key:disabled{opacity:.45;cursor:not-allowed}.pin-key.empty{visibility:hidden;pointer-events:none}.pin-key.backspace{color:var(--rejected);font-size:26px}.pin-error{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-base);font-weight:500;text-align:center;color:var(--rejected-fg);background:var(--rejected-soft);border-radius:var(--radius-sm);animation:pop .22s var(--ease-spring)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:11px}.completed-box{padding:var(--sp-4) var(--sp-5);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.completed-head{font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);margin-bottom:var(--sp-3)}.completed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.completed-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--sp-3);font-size:var(--fs-base)}.completed-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.completed-times{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.completed-total{font-weight:600;color:var(--confirmed);font-variant-numeric:tabular-nums}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:900px)and (orientation:portrait){.kiosk{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto;height:auto;min-height:100vh}html,body{overflow:auto}}