@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@200;300;400&family=Space+Grotesk:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0e14;--color-surface:#111928;--color-surface-high:#1e3050;--color-border:#162030;--color-text-primary:#f4f6fa;--color-text-muted:#c8d8ee;--color-text-dim:#2e4060;--color-accent:#4a80b4;--color-confirmed:#2a8060;--color-confirmed-fg:#c0eee0;--color-denied:#8c2230;--color-denied-fg:#f0c0c4;--font-display:"DM Sans", system-ui, sans-serif;--font-ui:"Space Grotesk", system-ui, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--text-name:clamp(36px, 8vw, 64px);--text-status:11px;--text-detail:14px;--text-label:10px;--text-ui:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2;font-family:var(--font-display)}button{font-family:var(--font-ui);cursor:pointer;border:none;outline:none;transition:all .2s}input,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-high)}.text-confirmed{color:var(--color-confirmed-fg)}.text-denied{color:var(--color-denied-fg)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}@keyframes flash{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes pulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.flash{animation:.3s flash}.pulse{animation:.8s infinite pulse}.slide-up{animation:.18s ease-out slideUp}.shake{animation:.4s shake}:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}@media (width<=768px){:root{--text-name:clamp(28px, 8vw, 48px)}}.counter-container{background-color:var(--color-surface);border-bottom:.5px solid var(--color-border);width:100%;padding:var(--space-lg);z-index:100;justify-content:center;display:flex;position:sticky;top:0}.counter-content{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.counter-label{font-size:var(--text-label);color:var(--color-accent);text-transform:uppercase;letter-spacing:.2em;font-weight:400;font-family:var(--font-ui)}.counter-display{align-items:baseline;gap:var(--space-md);font-family:var(--font-display);display:flex}.counter-number{font-size:var(--text-name);color:var(--color-confirmed-fg);text-align:right;letter-spacing:.08em;min-width:80px;font-weight:200}.counter-separator{color:var(--color-text-dim);opacity:.6;font-size:var(--text-detail);font-weight:300}.counter-total{color:var(--color-text-muted);font-size:var(--text-detail);text-align:left;min-width:60px;font-weight:300}@media (width<=768px){.counter-container{padding:var(--space-md)}.counter-label{font-size:9px}.counter-number{font-size:clamp(24px,6vw,36px)}}.status-container{gap:var(--space-lg);padding:var(--space-xl);flex-direction:column;width:100%;max-width:640px;margin:0 auto;animation:.18s ease-out slideUp;display:flex}.status-display{align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);border:.5px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);transition:all .3s;display:flex}.status-display.allowed{border-color:var(--color-confirmed)}.status-display.checked-in{border-color:var(--color-denied)}.status-icon{text-align:center;min-width:60px;font-size:48px;animation:.6s pulse}.status-content{text-align:left;flex:1}.guest-name{font-size:var(--text-name);color:var(--color-text-primary);margin-bottom:var(--space-md);word-break:break-word;font-weight:200;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}.status-badge{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-status);text-transform:uppercase;letter-spacing:.35em;font-weight:400;font-family:var(--font-ui);display:inline-block}.status-badge.allowed{background-color:var(--color-confirmed);color:var(--color-confirmed-fg)}.status-badge.denied{background-color:var(--color-denied);color:var(--color-denied-fg)}.check-in-time{font-size:var(--text-detail);color:var(--color-text-muted);margin-top:var(--space-sm);font-weight:300}.action-buttons{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.button-primary,.button-secondary{padding:var(--space-md) var(--space-lg);font-size:var(--text-ui);text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;letter-spacing:.1em;min-width:180px;min-height:44px;font-weight:400;font-family:var(--font-ui);border:.5px solid;flex:1;transition:all .2s}.button-primary{background-color:var(--color-confirmed);color:var(--color-confirmed-fg);border-color:var(--color-confirmed)}.button-primary:hover:not(:disabled){background-color:var(--color-confirmed);opacity:.8}.button-primary:active:not(:disabled){transform:translateY(-1px)}.button-secondary{color:var(--color-text-muted);border-color:var(--color-border);background-color:#0000}.button-secondary:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.button-secondary:active:not(:disabled){transform:translateY(-1px)}.button-primary:disabled,.button-secondary:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.status-container{padding:var(--space-lg);gap:var(--space-md)}.status-display{padding:var(--space-lg) var(--space-md);gap:var(--space-md);text-align:center;flex-direction:column}.status-content{text-align:center}.status-icon{font-size:36px}.guest-name{font-size:clamp(24px,6vw,36px)}.button-primary,.button-secondary{flex:auto;min-width:100%}.action-buttons{width:100%}}.staff-container{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;flex:1;width:100%;max-width:640px;margin:0 auto;display:flex;overflow-y:auto}.search-section{justify-content:center;gap:var(--space-md);display:flex}.search-input{width:100%;padding:0 var(--space-lg);height:56px;font-size:var(--text-ui);background-color:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);caret-color:var(--color-accent);font-weight:300;font-family:var(--font-display);transition:all .2s}.search-input::placeholder{color:var(--color-text-dim)}.search-input:focus{border-color:var(--color-accent);background-color:var(--color-surface-high);border-width:1px;outline:none}.results-section{gap:var(--space-md);flex-direction:column;animation:.18s ease-out slideUp;display:flex}.results-header{padding:var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);background-color:#0000;justify-content:space-between;align-items:center;display:flex}.results-count{font-size:var(--text-detail);color:var(--color-text-muted);font-weight:300;font-family:var(--font-ui)}.results-list{gap:var(--space-sm);flex-direction:column;display:flex}.result-card{gap:var(--space-sm);padding:var(--space-lg);background-color:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;flex-direction:column;transition:all .2s;display:flex}.result-card:hover{background-color:var(--color-surface-high);border-color:var(--color-accent);transform:translate(4px)}.result-card:active{transform:translate(2px)}.result-card.checked-in{opacity:.6}.result-name{font-size:var(--text-detail);color:var(--color-text-primary);word-break:break-word;font-weight:300;font-family:var(--font-display)}.result-status{font-size:var(--text-status);text-transform:uppercase;letter-spacing:.35em;font-weight:400;font-family:var(--font-ui)}.result-status.status-allowed{color:var(--color-confirmed-fg)}.result-status.status-checked-in{color:var(--color-denied-fg)}.not-found-message{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);border:.5px solid var(--color-denied);border-radius:var(--radius-lg);background-color:#0000;flex-direction:column;animation:.18s ease-out slideUp;display:flex}.not-found-icon{color:var(--color-denied);font-size:40px}.not-found-text{font-size:var(--text-detail);color:var(--color-denied-fg);text-transform:uppercase;letter-spacing:.35em;font-weight:400;font-family:var(--font-ui)}.not-found-subtext{font-size:var(--text-label);color:var(--color-text-dim);text-align:center;font-weight:300}.help-section{padding:var(--space-xl);color:var(--color-text-dim);flex-direction:column;justify-content:center;align-items:center;display:flex}.help-text{font-size:var(--text-detail);text-align:center;opacity:.8;font-weight:300}@media (width<=768px){.staff-container{padding:var(--space-md);gap:var(--space-md)}.search-input{font-size:var(--text-ui);padding:0 var(--space-md)}.result-name{font-size:var(--text-detail)}.not-found-text{font-size:var(--text-label)}.results-header{padding:var(--space-sm) var(--space-md)}}.admin-container{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;flex:1;width:100%;max-width:640px;margin:0 auto;display:flex}.admin-header{padding-bottom:var(--space-lg);border-bottom:.5px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.admin-title{font-size:var(--text-detail);color:var(--color-accent);text-transform:uppercase;letter-spacing:.35em;font-weight:400;font-family:var(--font-ui)}.button-logout{padding:var(--space-sm) var(--space-md);font-size:var(--text-label);text-transform:uppercase;border:.5px solid var(--color-denied);border-radius:var(--radius-md);color:var(--color-denied-fg);cursor:pointer;letter-spacing:.2em;font-weight:400;font-family:var(--font-ui);background-color:#0000;transition:all .2s}.button-logout:hover{background-color:var(--color-denied);color:var(--color-text-primary)}.admin-content{gap:var(--space-xl);flex-direction:column;display:flex}.admin-section{gap:var(--space-md);padding:var(--space-lg);border:.5px solid var(--color-border);border-radius:var(--radius-lg);background-color:#0000;flex-direction:column;transition:all .2s;display:flex}.admin-section:hover{border-color:var(--color-accent);background-color:#4a80b405}.admin-section.danger-zone{border-color:#8c223080}.admin-section.danger-zone:hover{border-color:var(--color-denied);background-color:#8c22300d}.section-title{font-size:var(--text-detail);text-transform:uppercase;letter-spacing:.35em;color:var(--color-text-primary);font-weight:400;font-family:var(--font-ui)}.section-description{font-size:var(--text-detail);color:var(--color-text-muted);font-weight:300;line-height:1.6}.guest-count-display{padding:var(--space-lg);border:.5px solid var(--color-accent);border-radius:var(--radius-md);background-color:#0000;justify-content:space-between;align-items:center;display:flex}.count-label{font-size:var(--text-detail);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;font-weight:400;font-family:var(--font-ui)}.count-value{font-size:var(--text-name);color:var(--color-confirmed-fg);font-weight:200;font-family:var(--font-display);letter-spacing:.08em}.textarea-input{padding:var(--space-md);font-size:var(--text-detail);background-color:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);resize:vertical;min-height:200px;caret-color:var(--color-accent);font-family:Space Mono,monospace;font-weight:300;transition:all .2s}.textarea-input::placeholder{color:var(--color-text-dim)}.textarea-input:focus{border-color:var(--color-accent);background-color:var(--color-surface-high);border-width:1px;outline:none}.button-preview,.button-clear,.button-confirm-delete,.button-cancel{padding:var(--space-md) var(--space-lg);font-size:var(--text-detail);text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;letter-spacing:.1em;min-height:44px;font-weight:400;font-family:var(--font-ui);border:.5px solid;transition:all .2s}.button-preview{background-color:var(--color-confirmed);color:var(--color-confirmed-fg);border-color:var(--color-confirmed)}.button-preview:hover:not(:disabled){background-color:var(--color-confirmed);opacity:.8}.button-preview:disabled{opacity:.5;cursor:not-allowed}.button-clear{color:var(--color-denied-fg);border-color:var(--color-denied);background-color:#0000;width:100%}.button-clear:hover:not(:disabled){background-color:#8c22301a}.button-clear:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-text-dim);color:var(--color-text-dim)}.preview-result{gap:var(--space-md);padding:var(--space-lg);border:.5px solid var(--color-confirmed);border-radius:var(--radius-md);background-color:#0000;flex-direction:column;animation:.18s ease-out slideUp;display:flex}.preview-row{justify-content:space-between;align-items:center;display:flex}.preview-label{font-size:var(--text-detail);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;font-weight:400;font-family:var(--font-ui)}.preview-value{font-size:var(--text-detail);color:var(--color-confirmed-fg);font-weight:300;font-family:var(--font-display);letter-spacing:.08em}.confirmation-box{gap:var(--space-lg);padding:var(--space-lg);border:.5px dashed var(--color-denied);border-radius:var(--radius-md);background-color:#0000;flex-direction:column;animation:.18s ease-out slideUp;display:flex}.confirmation-text{font-size:var(--text-detail);color:var(--color-denied-fg);font-weight:400;line-height:1.6}.confirmation-buttons{gap:var(--space-md);display:flex}.button-confirm-delete{background-color:var(--color-denied);color:var(--color-denied-fg);border-color:var(--color-denied);flex:1}.button-confirm-delete:hover{opacity:.8}.button-cancel{color:var(--color-text-muted);border-color:var(--color-border);background-color:#0000;flex:1}.button-cancel:hover{color:var(--color-accent);border-color:var(--color-accent)}@media (width<=768px){.admin-container{padding:var(--space-md);gap:var(--space-md)}.admin-header{gap:var(--space-md);text-align:center;flex-direction:column}.admin-title{font-size:11px}.button-logout{width:100%}.admin-section{padding:var(--space-md)}.section-title{font-size:var(--text-label)}.textarea-input{min-height:150px}.button-preview,.button-clear,.button-confirm-delete,.button-cancel{font-size:var(--text-label);min-height:40px}.confirmation-buttons{flex-direction:column}}.section-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.button-toggle-list{padding:var(--space-xs) var(--space-md);text-transform:uppercase;border:.5px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent);cursor:pointer;letter-spacing:.2em;font-size:10px;font-weight:400;font-family:var(--font-ui);background-color:#0000;transition:all .2s}.button-toggle-list:hover,.button-toggle-list.active{background-color:var(--color-accent);color:var(--color-text-primary)}.admin-guest-list-container{margin-top:var(--space-lg);border:.5px solid var(--color-border);border-radius:var(--radius-md);animation:.18s ease-out slideUp;overflow:hidden}.admin-guest-list-header{padding:var(--space-sm) var(--space-md);border-bottom:.5px solid var(--color-border);letter-spacing:.2em;color:var(--color-text-dim);font-size:9px;font-family:var(--font-ui);background-color:#4a80b41a;justify-content:space-between;display:flex}.admin-guest-list{background-color:#1a1a1a66;max-height:400px;overflow-y:auto}.admin-guest-list::-webkit-scrollbar{width:4px}.admin-guest-list::-webkit-scrollbar-track{background:0 0}.admin-guest-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.admin-guest-item{padding:var(--space-sm) var(--space-md);border-bottom:.5px solid #ffffff0d;justify-content:space-between;align-items:center;transition:background-color .2s;display:flex}.admin-guest-item:hover{background-color:#4a80b40d}.admin-guest-item:last-child{border-bottom:none}.admin-guest-name{font-size:var(--text-detail);color:var(--color-text-primary);font-weight:300}.admin-guest-status{letter-spacing:.1em;font-size:9px;font-weight:500;font-family:var(--font-ui);border-radius:4px;padding:2px 6px}.status-in{color:var(--color-confirmed-fg);background-color:#2e7d321a;border:1px solid #2e7d3233}.status-out{color:var(--color-text-dim);background-color:#ffffff0d;border:1px solid #ffffff1a}.admin-guest-empty{padding:var(--space-xl);text-align:center;color:var(--color-text-dim);font-size:var(--text-detail);font-style:italic}.password-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0a0e14cc;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.password-modal{gap:var(--space-lg);padding:var(--space-xl);background-color:var(--color-surface);border:.5px solid var(--color-accent);border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:500px;animation:.18s ease-out slideUp;display:flex}.password-modal.error{border-color:var(--color-denied);animation:.4s shake}.modal-header{text-align:center}.modal-title{font-size:var(--text-detail);text-transform:uppercase;letter-spacing:.35em;color:var(--color-accent);margin-bottom:var(--space-md);font-weight:400;font-family:var(--font-ui)}.modal-subtitle{font-size:var(--text-label);color:var(--color-text-muted);font-weight:300;font-family:var(--font-ui)}.password-form{gap:var(--space-lg);flex-direction:column;display:flex}.password-input{padding:var(--space-md);font-size:var(--text-ui);background-color:var(--color-surface-high);border:.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);caret-color:var(--color-accent);letter-spacing:.15em;font-family:var(--font-display);font-weight:300;transition:all .2s}.password-input::placeholder{color:var(--color-text-dim)}.password-input:focus{border-color:var(--color-accent);background-color:var(--color-surface-high);border-width:1px;outline:none}.password-input.input-error{border-color:var(--color-denied);background-color:#8c22300d;animation:.3s shake}.password-input.input-error:focus{border-width:1px}.error-message{align-items:center;gap:var(--space-sm);padding:var(--space-md);border:.5px solid var(--color-denied);border-radius:var(--radius-md);background-color:#0000;animation:.18s ease-out slideUp;display:flex}.error-icon{color:var(--color-denied);font-size:16px}.error-text{font-size:var(--text-label);color:var(--color-denied-fg);text-transform:uppercase;letter-spacing:.2em;font-weight:400;font-family:var(--font-ui)}.modal-buttons{gap:var(--space-md);display:flex}.button-submit,.button-modal-cancel{padding:var(--space-md) var(--space-lg);font-size:var(--text-ui);text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;letter-spacing:.1em;min-height:44px;font-weight:400;font-family:var(--font-ui);border:.5px solid;flex:1;transition:all .2s}.button-submit{background-color:var(--color-confirmed);color:var(--color-confirmed-fg);border-color:var(--color-confirmed)}.button-submit:hover{opacity:.8}.button-submit:active{transform:translateY(-1px)}.button-modal-cancel{color:var(--color-text-muted);border-color:var(--color-border);background-color:#0000}.button-modal-cancel:hover{color:var(--color-accent);border-color:var(--color-accent)}@media (width<=768px){.password-modal{padding:var(--space-lg);width:95%}.modal-title{font-size:11px}.password-input{font-size:var(--text-detail)}.button-submit,.button-modal-cancel{font-size:var(--text-label);min-height:40px}}.app-container{background-color:var(--color-bg);flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.app-header{padding:var(--space-lg);background-color:var(--color-surface);border-bottom:.5px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.app-title{font-size:var(--text-detail);text-transform:uppercase;letter-spacing:.35em;color:var(--color-accent);font-weight:400;font-family:var(--font-ui)}.button-admin-access{padding:var(--space-sm) var(--space-md);font-size:var(--text-label);text-transform:uppercase;border:.5px solid var(--color-text-muted);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;letter-spacing:.2em;font-weight:400;font-family:var(--font-ui);background-color:#0000;transition:all .2s}.button-admin-access:hover{color:var(--color-accent);border-color:var(--color-accent)}.button-admin-access:active{transform:translateY(-1px)}.app-content{background-color:var(--color-bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}@media (width<=768px){.app-header{padding:var(--space-md);gap:var(--space-md);flex-direction:column}.app-title{font-size:11px}.button-admin-access{width:100%;font-size:10px}}