@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0f1014;--bg-card: rgba(30, 32, 38, .65);--bg-input: rgba(10, 11, 15, .6);--gradient-glow-1: #2d3748;--gradient-glow-2: #1a202c;--primary: #00e0ff;--primary-hover: #00b3cc;--secondary: #94a3b8;--danger: #ef4444;--success: #10b981;--text-main: #ffffff;--text-muted: #94a3b8;--glass-blur: blur(20px);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--radius-md: 12px;--radius-lg: 24px;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem}body{font-family:Outfit,sans-serif;margin:0;min-height:100vh;color:var(--text-main);background-color:var(--bg-dark);scrollbar-gutter:stable;background-image:radial-gradient(circle at 15% 15%,rgba(45,55,72,.4) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(60,70,90,.3) 0%,transparent 40%);background-attachment:fixed;background-size:cover}*,*:before,*:after{box-sizing:border-box}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:var(--spacing-lg);width:100%}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:900px;animation:fadeUp .6s cubic-bezier(.16,1,.3,1)}@media (max-width: 1400px){.glass-card{padding:24px}}@media (max-width: 608px){.glass-card{padding:16px}}.glass-card .glass-card{width:100%;max-width:100%}h1,h2,h3,h4{margin:0 0 var(--spacing-md) 0;font-weight:600;letter-spacing:-.01em;color:var(--text-main)}h2{font-size:1.8rem;border-bottom:2px solid rgba(255,255,255,.05);padding-bottom:.5rem;margin-bottom:1.5rem}.btn{background:var(--primary);color:#0f172a;border:none;padding:14px 28px;border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00e0ff40;width:100%;margin-top:10px}.btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #00e0ff66}.btn:disabled{background:var(--secondary);opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid rgba(255,255,255,.1);font-weight:500;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;width:auto;margin-top:0}.btn-secondary:hover{background:rgba(255,255,255,.05);color:var(--text-main);border-color:#fff3}input,textarea{width:100%;padding:16px;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--bg-input);color:var(--text-main);font-family:inherit;font-size:1rem;box-sizing:border-box;transition:all .2s}input:focus,textarea:focus{outline:none;border-color:var(--primary);background:rgba(0,0,0,.4);box-shadow:0 0 0 1px var(--primary)}input::placeholder{color:#ffffff4d}.dish-card{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:20px;margin-bottom:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.dish-card:hover{background:rgba(255,255,255,.05);border-color:#fff3}.dish-card.selected{border-color:var(--primary);background:rgba(0,224,255,.05);box-shadow:inset 0 0 0 1px var(--primary)}.dish-name{font-weight:500;font-size:1.1rem}.dish-price{font-weight:700;color:var(--primary);background:rgba(0,224,255,.1);padding:6px 12px;border-radius:20px;font-size:.9rem}.tab-nav{display:flex;background:rgba(0,0,0,.3);padding:4px;border-radius:var(--radius-md);margin-bottom:24px;border:1px solid var(--glass-border)}.tab-btn{flex:1;background:transparent;border:none;padding:12px;border-radius:10px;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{background:rgba(255,255,255,.1);color:var(--text-main);box-shadow:0 2px 8px #0003}.orders-grid{display:flex;flex-direction:column;gap:15px;margin-top:var(--spacing-md);padding-bottom:20px}.day-divider{display:flex;align-items:center;gap:15px;padding:25px 0 10px;margin-top:10px}.divider-text{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#08c;white-space:nowrap}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,136,204,.3),transparent)}.order-card{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.order-card:hover{border-color:#00e0ff4d;background:rgba(255,255,255,.04)}.order-card-header{padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.1)}.order-card-user{display:flex;align-items:center;gap:8px}.user-icon{font-size:1.1rem;opacity:.7}.user-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.order-card-date{font-size:.75rem;color:var(--text-muted)}.order-card-body{padding:15px;flex:1}.order-dish-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.dish-name{font-weight:500;color:var(--text-primary);line-height:1.3}.dish-price{font-weight:700;color:var(--primary);background:rgba(0,224,255,.1);padding:2px 8px;border-radius:8px;font-size:.85rem;white-space:nowrap}.order-note{background:rgba(0,0,0,.15);padding:10px;border-radius:8px;font-size:.85rem;border-left:3px solid var(--primary)}.note-label{display:block;font-size:.7rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.note-text{font-style:italic;color:var(--text-secondary);line-height:1.4;display:block}.order-card-footer{padding:12px 15px;border-top:1px solid rgba(255,255,255,.05);min-height:50px;display:flex;align-items:center;justify-content:flex-end}.order-actions{display:flex;gap:8px}.btn-secondary.small{padding:5px 12px;font-size:.75rem;min-width:unset}.btn-secondary.danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.locked-badge{font-size:.75rem;color:var(--text-muted);font-style:italic}.notification{padding:16px;border-radius:var(--radius-md);margin-bottom:20px;text-align:center;font-weight:600;animation:fadeIn .3s ease}.notification.success{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.notification.error{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-toggle{display:none}.row-responsive{display:flex;gap:10px;align-items:flex-end}@media (max-width: 608px){#root{padding:var(--spacing-sm);align-items:flex-start}.row-responsive{flex-direction:column;align-items:stretch}.row-responsive>*{width:100%!important;margin-bottom:5px}.row-responsive>div>select{margin-bottom:10px}.tab-nav{flex-wrap:wrap;gap:4px}.tab-btn{flex:1 1 40%;text-align:center;font-size:.85rem;padding:8px}h1,h2,h3{font-size:1.4rem}.btn-secondary{width:100%;margin-top:5px}.glass-card .glass-card{background:rgba(0,0,0,.2);box-shadow:none;border:1px solid rgba(255,255,255,.08);padding:15px;margin-bottom:20px}.orders-grid{grid-template-columns:1fr;gap:15px}.order-card-header{flex-direction:column;align-items:flex-start;gap:8px}.order-card-date{opacity:.6}}.tab-content-scroll{width:100%;padding-top:5px;padding-bottom:5px}@media (min-width: 609px){.tab-content-scroll{max-height:70vh;overflow-y:auto;scrollbar-gutter:stable;padding-right:5px}}.tab-content-scroll::-webkit-scrollbar{width:6px}.tab-content-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:10px}.tab-content-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px;transition:background .3s}.tab-content-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary);opacity:.8}.tab-content-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}
