*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--font-body:"Inter", "Segoe UI", sans-serif;--font-display:"Playfair Display", Georgia, serif;--bg-base:#0f0c14;--bg-surface:#16121e;--bg-elevated:#1e1828;--bg-glass:#ffffff0b;--bg-glass-hover:#ffffff12;--accent-primary:#c9906a;--accent-primary-light:#e4b896;--accent-primary-dark:#a8714e;--accent-glow:#c9906a40;--accent-purple:#9b72cf;--accent-purple-light:#c4a0f0;--status-new-bg:#63b3ed26;--status-new-text:#90cdf4;--status-new-border:#63b3ed4d;--status-ack-bg:#f6ad5526;--status-ack-text:#fbd38d;--status-ack-border:#f6ad554d;--status-done-bg:#68d39126;--status-done-text:#9ae6b4;--status-done-border:#68d3914d;--status-cancelled-bg:#f565651f;--status-cancelled-text:#fc8181;--status-cancelled-border:#f5656540;--text-primary:#f0eaf8;--text-secondary:#a89bc2;--text-muted:#6b5e82;--border-subtle:#ffffff12;--border-accent:#c9906a59;--shadow-card:0 8px 32px #0006, 0 1px 0 #ffffff0a inset;--shadow-card-hover:0 12px 48px #0000008c;--shadow-glow:0 0 40px #c9906a26;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20% 0,#9b72cf1f 0%,#0000 50%),radial-gradient(at 80% 100%,#c9906a1a 0%,#0000 50%);background-attachment:fixed;font-size:15px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.25}h1{font-size:clamp(1.8rem,4vw,2.6rem)}h2{font-size:clamp(1.3rem,3vw,1.75rem)}h3{font-size:1.15rem;font-family:var(--font-body);font-weight:600}p{color:var(--text-secondary)}.container{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem}.container.wide{max-width:1400px}.stack{gap:1.25rem;display:grid}.card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);transition:box-shadow var(--transition-base), border-color var(--transition-base);padding:1.5rem}.card:hover{box-shadow:var(--shadow-card-hover)}.brand-header{text-align:center;padding:2.5rem 1rem 1rem}.brand-logo{align-items:center;gap:.6rem;margin-bottom:.5rem;display:inline-flex}.brand-logo-icon{filter:drop-shadow(0 0 12px #c9906a99);font-size:2rem}.brand-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent-primary-light) 0%, var(--accent-primary) 50%, var(--accent-purple-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:700}.brand-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1rem}.page-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.page-header-brand{align-items:center;gap:.75rem;display:flex}.page-header-icon{filter:drop-shadow(0 0 8px var(--accent-primary));font-size:1.5rem}.subtitle{color:var(--text-secondary);margin-top:.2rem;font-size:.9rem}label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;gap:.5rem;font-size:.9rem;font-weight:500;display:grid}input,textarea,button,select{font-family:var(--font-body);font-size:15px}input,textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff0d;outline:none;padding:.7rem .9rem}input:hover{background:#ffffff12;border-color:#ffffff1f}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);background:#c9906a0f}select{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);cursor:pointer;background:#ffffff0d;outline:none;padding:.7rem .9rem}select:hover{background:#ffffff12;border-color:#ffffff1f}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:90px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}button{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.03em;border:none;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;position:relative;overflow:hidden}button:not(.btn-secondary):not(.btn-danger):not(.btn-ghost){background:linear-gradient(135deg, var(--accent-primary-dark) 0%, var(--accent-primary) 100%);color:#fff;box-shadow:0 4px 16px #c9906a4d}button:not(.btn-secondary):not(.btn-danger):not(.btn-ghost):hover:not(:disabled){background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-primary-light) 100%);transform:translateY(-1px);box-shadow:0 6px 24px #c9906a73}button:not(.btn-secondary):not(.btn-danger):not(.btn-ghost):active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff12}.btn-secondary:hover:not(:disabled){color:var(--text-primary);background:#ffffff1f;border-color:#ffffff26}.btn-danger{color:var(--status-cancelled-text);border:1px solid var(--status-cancelled-border);background:#f5656526}.btn-danger:hover:not(:disabled){background:#f5656540;border-color:#f5656580}.btn-ghost{color:var(--accent-primary);text-underline-offset:3px;background:0 0;border:none;padding:.4rem .75rem;text-decoration:underline}.status{border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-new{background:var(--status-new-bg);color:var(--status-new-text);border-color:var(--status-new-border)}.status-acknowledged{background:var(--status-ack-bg);color:var(--status-ack-text);border-color:var(--status-ack-border)}.status-completed{background:var(--status-done-bg);color:var(--status-done-text);border-color:var(--status-done-border)}.status-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border-color:var(--status-cancelled-border)}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.menu-item{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:default;transition:all var(--transition-base);flex-direction:column;gap:.75rem;padding:1.1rem;display:flex;position:relative;overflow:hidden}.menu-item:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 60%,#c9906a0f 100%);position:absolute;inset:0}.menu-item:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 8px 32px #c9906a1f}.menu-item.selected{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary), 0 8px 32px #c9906a33}.menu-item-name{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.3}.menu-item-description{color:var(--text-muted);flex:1;font-size:.85rem}.menu-item-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.menu-item-price{color:var(--accent-primary-light);font-size:1.05rem;font-weight:700;font-family:var(--font-display)}.category-title{color:var(--accent-primary-light);font-size:1.1rem;font-weight:700;font-family:var(--font-display);margin-bottom:.25rem}.category-description{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.qty-control{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#ffffff0f;align-items:center;gap:.4rem;padding:.2rem;display:flex}.qty-btn{width:28px;height:28px;box-shadow:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex;color:var(--accent-primary-light)!important;background:#c9906a33!important}.qty-btn:hover:not(:disabled){background:#c9906a59!important;transform:none!important}.qty-display{text-align:center;min-width:24px;color:var(--text-primary);font-size:.9rem;font-weight:600}.order-summary-bar{border:1px solid var(--border-accent);border-radius:var(--radius-md);background:linear-gradient(135deg,#c9906a1a 0%,#9b72cf14 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.order-total-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:500}.order-total-amount{font-family:var(--font-display);color:var(--accent-primary-light);font-size:1.5rem;font-weight:700}.order-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.message{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0d;padding:.85rem 1.1rem;font-size:.9rem}.message.error{background:var(--status-cancelled-bg);border-color:var(--status-cancelled-border);color:var(--status-cancelled-text)}.message.success{background:var(--status-done-bg);border-color:var(--status-done-border);color:var(--status-done-text)}.tracking-container{max-width:520px;margin:0 auto;padding:2rem 1.25rem}.tracking-hero{text-align:center;margin-bottom:2.5rem}.tracking-hero-icon{filter:drop-shadow(0 0 20px #c9906a80);margin-bottom:1rem;font-size:3.5rem;animation:3s ease-in-out infinite float;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tracking-order-info{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;font-size:.85rem;font-weight:500}.tracking-table{font-family:var(--font-display);color:var(--text-primary);font-size:1.6rem;font-weight:700}.stepper{flex-direction:column;gap:0;margin:2rem 0;display:flex}.stepper-step{align-items:flex-start;gap:1.25rem;display:flex;position:relative}.stepper-step:not(:last-child):after{content:"";background:var(--border-subtle);width:2px;height:calc(100% - 8px);transition:background var(--transition-slow);position:absolute;top:44px;left:19px}.stepper-step.done:not(:last-child):after{background:linear-gradient(180deg, var(--accent-primary), var(--accent-purple))}.stepper-icon-wrap{border:2px solid var(--border-subtle);background:var(--bg-glass);width:40px;height:40px;transition:all var(--transition-slow);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:relative}.stepper-step.done .stepper-icon-wrap{border-color:var(--accent-primary);background:linear-gradient(135deg, var(--accent-primary-dark), var(--accent-primary));box-shadow:0 0 16px #c9906a66}.stepper-step.active .stepper-icon-wrap{border-color:var(--accent-purple);background:#9b72cf26;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;box-shadow:0 0 0 4px #9b72cf26}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 4px #9b72cf26,0 0 16px #9b72cf33}50%{box-shadow:0 0 0 8px #9b72cf14,0 0 24px #9b72cf4d}}.stepper-step.cancelled .stepper-icon-wrap{border-color:var(--status-cancelled-border);background:var(--status-cancelled-bg)}.stepper-content{flex:1;padding:.6rem 0 1.5rem}.stepper-label{color:var(--text-muted);transition:color var(--transition-base);font-size:1rem;font-weight:600}.stepper-step.done .stepper-label,.stepper-step.active .stepper-label{color:var(--text-primary)}.stepper-step.cancelled .stepper-label{color:var(--status-cancelled-text)}.stepper-desc{color:var(--text-muted);transition:all var(--transition-base);margin-top:.15rem;font-size:.85rem}.stepper-step.active .stepper-desc{color:var(--text-secondary)}.tracking-celebration{text-align:center;padding:2rem 1rem;animation:.6s cubic-bezier(.34,1.56,.64,1) celebrate-in}@keyframes celebrate-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.celebrate-emoji{margin-bottom:1rem;font-size:5rem;animation:.8s cubic-bezier(.34,1.56,.64,1) celebrate-bounce;display:block}@keyframes celebrate-bounce{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.celebrate-title{background:linear-gradient(135deg, var(--accent-primary-light), var(--accent-purple-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem}.celebrate-subtitle{color:var(--text-secondary)}.pipeline-grid{grid-template-columns:repeat(3,minmax(280px,1fr));align-items:start;gap:1.25rem;display:grid}.kanban-column{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;min-height:200px;padding:1.25rem;display:flex}.kanban-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.kanban-header h2{font-size:1rem;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.kanban-count{background:var(--bg-glass-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-muted);text-align:center;min-width:28px;padding:.1rem .6rem;font-size:.8rem;font-weight:700}.kanban-column.col-new{border-color:#63b3ed33}.kanban-column.col-new .kanban-header h2{color:var(--status-new-text)}.kanban-column.col-new .kanban-count{background:var(--status-new-bg);border-color:var(--status-new-border);color:var(--status-new-text)}.order-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-base);flex-direction:column;gap:.75rem;padding:1rem;animation:.3s cubic-bezier(.34,1.2,.64,1) slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.order-card:hover{border-color:var(--border-accent);transform:translateY(-1px);box-shadow:0 4px 20px #c9906a1a}.order-card.new-pulse{border-color:var(--status-new-border);animation:.3s cubic-bezier(.34,1.2,.64,1) slide-in,3s ease-in-out .3s new-pulse}@keyframes new-pulse{0%,to{box-shadow:0 0 #63b3ed00}50%{box-shadow:0 0 0 6px #63b3ed1f}}.order-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.order-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.order-table-badge{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:700}.order-code{color:var(--accent-purple-light);letter-spacing:.05em;font-size:.8rem;font-weight:600}.order-items-list{flex-direction:column;gap:.3rem;list-style:none;display:flex}.order-items-list li{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.88rem;display:flex}.order-items-list li:before{content:"";background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:4px;height:4px}.order-note{border-radius:var(--radius-sm);color:var(--accent-primary-light);background:#c9906a14;border:1px solid #c9906a26;padding:.5rem .75rem;font-size:.82rem;font-style:italic}.order-card-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.order-time{color:var(--text-muted);font-size:.78rem}.order-amount{font-family:var(--font-display);color:var(--accent-primary-light);font-size:1rem;font-weight:700}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.actions button{padding:.45rem .9rem;font-size:.82rem}.empty-state{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.9rem}.empty-state-icon{opacity:.4;margin-bottom:.5rem;font-size:2rem;display:block}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:min(440px,100%);box-shadow:var(--shadow-card), var(--shadow-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon{margin-bottom:.75rem;font-size:2.5rem;display:block}.auth-card .stack{gap:1.2rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.kpi-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-base);flex-direction:column;gap:.5rem;padding:1.25rem 1.4rem;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-purple));opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.kpi-card:hover:before{opacity:1}.kpi-card:hover{border-color:var(--border-accent)}.kpi-icon{margin-bottom:.25rem;font-size:1.5rem}.kpi-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.78rem;font-weight:600}.kpi-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.9rem;font-weight:700;line-height:1}.kpi-card.revenue .kpi-value{background:linear-gradient(135deg, var(--accent-primary-light), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.owner-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.staff-row{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.staff-row:hover{border-color:var(--border-accent)}.staff-username{color:var(--text-primary);font-weight:600}.staff-pass-hint{color:var(--text-muted);margin-top:.2rem;font-size:.82rem}.staff-actions{align-items:center;gap:.6rem;display:flex}.staff-actions input{min-width:200px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fade-in var(--transition-fast);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:min(480px,100%);padding:2rem;animation:.25s cubic-bezier(.34,1.2,.64,1) modal-in;box-shadow:0 24px 80px #0009}@keyframes modal-in{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:1rem;padding-bottom:.75rem;font-size:.78rem;font-weight:700}.sold-item-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.sold-item-row:last-child{border-bottom:none}.sold-qty{color:var(--accent-primary-light);font-weight:700;font-family:var(--font-display)}.staff-activity-line{color:var(--text-secondary);padding:.6rem 0;font-size:.88rem}.spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;margin:1.5rem auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@media (width<=980px){.pipeline-grid{grid-template-columns:1fr}}@media (width<=600px){.auth-card{padding:1.75rem 1.25rem}.container{padding:1rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}}