#login-container{background-color:var(--background);border-radius:3rem;padding:3rem 3rem 2rem;width:30rem;border:1px solid var(--border-light);margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}#login-container .title{font-size:1.5rem;text-align:center;margin-bottom:2rem;font-weight:800;color:var(--text-primary)}#login-container form{display:flex;flex-direction:column;gap:1.25rem}#login-container form .input-group{display:flex;flex-direction:column;gap:.5rem}#login-container form .label{font-size:1rem;font-weight:600;color:var(--text-primary);margin-left:.5rem}#login-container form .input{height:3rem;width:100%;padding:0 1.5rem;font-size:1.25rem;border:2px solid var(--border-medium);border-radius:999px;outline:none;background-color:var(--surface-primary);color:var(--text-primary);font-weight:500}#login-container form .input::placeholder{color:var(--text-secondary)}#login-container form .input:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-color:var(--primary)}#login-container form .password-wrapper{position:relative;display:flex;align-items:center}#login-container form .password-wrapper .input{padding-right:3.5rem}#login-container form .password-wrapper .password-toggle{position:absolute;right:1rem;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--text-secondary);transition:color .2s ease}#login-container form .password-wrapper .password-toggle:hover{color:var(--text-primary)}#login-container form .password-wrapper .password-toggle:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:.5rem}#login-container form .password-wrapper .password-toggle:active{opacity:.5;transform:scale(.9)}#login-container form .password-wrapper .password-toggle:disabled{opacity:.5;cursor:not-allowed}#login-container form .password-wrapper .password-toggle svg{width:1.5rem;height:1.5rem}#login-container form .button{padding:0 1rem;height:3rem;font-size:1.25rem;color:#fff;background-color:var(--primary);border:none;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}#login-container form .button:hover{opacity:.8}#login-container form .button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}#login-container form .button:active{opacity:.5;transform:scale(.9);transition:transform .2s ease-out}#login-container form .button:disabled{opacity:.5;cursor:not-allowed}#login-container form .spinner{width:1.25rem;height:1.25rem}#login-container form .error-message{color:var(--red-6);font-weight:500;text-align:center;height:1rem}.card{height:9rem;border:2px solid var(--border-medium);border-radius:2rem;padding:.75rem 1rem;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;max-width:100%;overflow:hidden}.card.only-code{grid-template-rows:1fr auto}.card.dine-in{background-color:var(--bg-dine-in)}.card.takeaway{background-color:var(--bg-takeaway)}.card.delivery{background-color:var(--bg-delivery)}.card .code{font-size:5rem;font-weight:700;text-align:center;line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.card .name{font-size:1.25rem;font-weight:600;text-align:center;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;line-height:1.2;color:var(--text-primary)}.card .time{font-size:1.25rem;font-weight:700;text-align:center;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary)}@media (max-width: 1024px){.card{height:8rem;border-radius:1.75rem;padding:.5rem}.card .code{font-size:4rem}.card .name{font-size:1.25rem}}@media (max-width: 768px){.card{height:7rem;border-radius:1.5rem;padding:.5rem}.card .code{font-size:3rem}.card .name{font-size:1rem}}#ready .card{background-color:var(--bg-ready)}.settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;padding:1.5rem;z-index:40}.settings-modal .content{background-color:var(--surface-primary);border-radius:3rem;padding:3rem;width:35rem;border:1px solid var(--border-medium)}.settings-modal .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.settings-modal .header h2{font-size:2.25rem;font-weight:800;color:var(--text-primary)}.settings-modal .header .close-btn{border:2px solid var(--border-medium);background-color:var(--surface-primary);border-radius:50%;font-size:2rem;cursor:pointer;color:var(--text-primary);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease}.settings-modal .header .close-btn:active{opacity:.5;transform:scale(.9)}.settings-modal .header .close-btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px;background-color:var(--primary);color:var(--white);border-color:var(--primary)}.settings-modal .body{display:flex;flex-direction:column;gap:1.25rem}.settings-modal .body .setting-item{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:0 2rem;background-color:var(--surface-secondary);border:2px solid var(--border-light);border-radius:999px;font-weight:700;height:4rem;cursor:pointer;font-size:1.25rem;color:var(--text-primary);text-align:center;transition:all .2s ease}.settings-modal .body .setting-item svg{width:1.75rem;height:1.75rem}.settings-modal .body .setting-item:focus-visible{outline:3px solid var(--primary);outline-offset:3px;background-color:var(--primary);color:var(--white);border-color:var(--primary)}.settings-modal .body .setting-item:active{opacity:.5;transform:scale(.9)}.settings-modal .body .setting-item.logout{background-color:var(--red-6);color:var(--white);border-color:var(--red-6);margin-top:1rem}.settings-modal .body .setting-item.logout:active{background-color:var(--red-8)}.settings-icon-btn{position:fixed;top:1rem;right:1rem;width:3rem;height:3rem;background-color:var(--surface-primary);border:2px solid var(--border-light);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;transition:all .2s ease}.settings-icon-btn svg{width:1.75rem;height:1.75rem;color:var(--text-primary)}.settings-icon-btn:focus-visible{background-color:var(--primary);color:#fff;outline:3px solid var(--primary);outline-offset:3px}.settings-icon-btn:focus-visible svg{color:#fff}.settings-icon-btn:active{transform:scale(.9);opacity:.5}.fs-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:50}.fs-modal .fs-modal-content{background:var(--surface-primary);padding:4rem;border-radius:3rem;width:35rem;text-align:center;border:1px solid var(--border-medium)}.fs-modal .fs-modal-title{font-size:2.25rem;margin-bottom:2rem;font-weight:800;color:var(--text-primary)}.fs-modal .fs-modal-text{font-size:1.5rem;margin-bottom:3rem;color:var(--text-primary);font-weight:500}.fs-modal .fs-modal-button{height:4rem;width:100%;font-size:1.75rem;font-weight:700;color:var(--white);background-color:var(--primary);border:none;border-radius:999px;cursor:pointer}.fs-modal .fs-modal-button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.fs-modal .fs-modal-button:active{opacity:.5;transform:scale(.9);transition:all .2s ease}#container{display:grid;grid-template-columns:4fr 2fr;width:100%;height:100%;background-color:var(--background)}#container .title{font-size:4rem;font-weight:800;width:100%;margin-bottom:2rem}#container #in-process-container{padding:1.5rem}#container #in-process-container #in-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}#container #ready-container{padding:1.5rem;background-color:var(--bg-ready-section);border-left:2px solid var(--border-medium)}#container #ready-container .title{text-align:center}#container #ready-container #ready{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}#container #ready-container #ready>:first-child{grid-column:span 2}.offline-message{position:absolute;left:1rem;bottom:1rem;background:var(--red-6);color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;z-index:1000;font-size:1.25rem;display:inline-flex;align-items:center;gap:.5rem}.offline-message svg{width:1.25rem;height:1.25rem}@media (max-width: 1560px){#container{grid-template-columns:3fr 2fr}#container #in-process-container #in-process{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){#container{grid-template-columns:2fr 1fr}#container #in-process-container #in-process{grid-template-columns:repeat(2,1fr)}#container #ready-container #ready{grid-template-columns:repeat(1,1fr)}#container #ready-container #ready>:first-child{grid-column:span 1}}@media (max-width: 768px){#container{grid-template-columns:repeat(2,1fr)}#container #in-process-container #in-process,#container #ready-container #ready{grid-template-columns:repeat(1,1fr)}#container #ready-container #ready>:first-child{grid-column:span 1}}:root{--font-sans: system-ui, -apple-system, "BlinkMacSystemFont", "Inter", "Arial", "Open Sans", "Helvetica Neue", "Helvetica", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-serif: "Times New Roman", "Times", "Noto Serif", "Georgia", "Palatino", serif;--font-mono: "SF Mono", "Menlo", "Monaco", "Cascadia Code", "Roboto Mono", "Consolas", monospace;--primary: #222222;--white: #ffffff;--black: #000000;--background: var(--white);--surface-primary: var(--white);--surface-secondary: var(--gray-1);--surface-tertiary: var(--gray-2);--text-primary: var(--gray-9);--text-secondary: var(--gray-6);--text-tertiary: var(--gray-5);--text-inverse: var(--gray-1);--border-light: var(--gray-3);--border-medium: var(--gray-4);--border-dark: var(--gray-5);--gray-1: #fafafa;--gray-2: #f5f5f5;--gray-3: #e5e5e5;--gray-4: #d4d4d4;--gray-5: #a3a3a3;--gray-6: #737373;--gray-7: #525252;--gray-8: #404040;--gray-9: #262626;--gray-10: #171717;--red-1: #fef2f2;--red-2: #fee2e2;--red-3: #fecaca;--red-4: #fca5a5;--red-5: #f87171;--red-6: #ef4444;--red-7: #dc2626;--red-8: #b91c1c;--red-9: #991b1b;--red-10: #7f1d1d;--bg-takeaway: #f5f5f5;--bg-dine-in: #fcd34d;--bg-delivery: #0fc2cc;--bg-ready: #10b981;--bg-ready-section: #daf3e2}[data-theme=dark]{--primary: var(--gray-6);--background: var(--black);--surface-primary: var(--gray-9);--surface-secondary: var(--gray-8);--surface-tertiary: var(--gray-7);--text-primary: var(--white);--text-secondary: var(--gray-5);--text-tertiary: var(--gray-6);--text-inverse: var(--black);--border-light: var(--gray-8);--border-medium: var(--gray-7);--border-dark: var(--gray-6);--bg-takeaway: #2f2f2f;--bg-dine-in: #6f5a14;--bg-delivery: #0f7a85;--bg-ready: #0b7a5e;--bg-ready-section: #05221a}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-size:16px;font-family:Nunito,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1;color:var(--text-primary);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}*:before,*:after{box-sizing:inherit}#root{width:100%;height:100%;overflow-y:auto}