@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#10b981;--background:#f3f4f6;--surface:#ffffffb3;--surface-solid:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--border:#ffffff80;--shadow:0 8px 32px 0 #1f268712;--status-waiting:#f59e0b;--status-called:#3b82f6;--status-completed:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#100f1508 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a08 0,#0000 50%),radial-gradient(at 100% 0,#72274108 0,#0000 50%);min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.glass{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.glass-card{margin-bottom:24px;padding:24px;transition:transform .2s,box-shadow .2s}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f26871a}h1,h2,h3{color:var(--text-primary);margin-bottom:16px;font-weight:600}.input-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}input{background:#ffffffe6;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .2s}input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #4f46e563}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e53b}.btn-sm{padding:8px 16px;font-size:14px}.btn-status{color:var(--text-primary);background-color:#e5e7eb}.btn-status:hover{background-color:#d1d5db}.btn-danger{color:#ef4444;background-color:#fee2e2}.btn-danger:hover{background-color:#fca5a5}.admin-container{max-width:1200px;margin:0 auto;padding:32px 16px}.admin-header{text-align:center;margin-bottom:32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{text-align:center;padding:24px}.stat-card h3{color:var(--text-secondary);margin-bottom:8px;font-size:16px}.stat-card .value{font-size:48px;font-weight:700;line-height:1}.stat-waiting .value{color:var(--status-waiting)}.stat-called .value{color:var(--status-called)}.stat-completed .value{color:var(--status-completed)}.split-view{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.split-view{grid-template-columns:1fr}}.customer-list{flex-direction:column;gap:12px;display:flex}.list-item{background:var(--surface-solid);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;animation:.3s forwards slideIn;display:flex;box-shadow:0 2px 10px #00000005}.list-item-info{align-items:center;gap:16px;display:flex}.list-item-number{background:var(--background);width:48px;height:48px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.list-item-details .name{font-size:16px;font-weight:600}.list-item-details .status{color:var(--text-secondary);background:#f3f4f6;border-radius:12px;margin-top:4px;padding:2px 8px;font-size:13px;display:inline-block}.list-item-actions{gap:8px;display:flex}.customer-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;transition:background-color .5s;display:flex}.customer-card{width:100%;max-width:400px;padding:48px 24px}.customer-number-display{margin:32px 0}.customer-number-display .label{color:var(--text-secondary);margin-bottom:8px;font-size:18px}.customer-number-display .number{color:var(--primary);font-size:80px;font-weight:700;line-height:1}.waiting-order-display{color:#d97706;background:#f59e0b1a;border-radius:12px;margin-top:24px;padding:16px}.waiting-order-display .order-num{font-size:32px;font-weight:700}@keyframes flashBlue{0%{background-color:#fff}50%{background-color:#e0f7fa}to{background-color:#fff}}.is-called{animation:2s ease-in-out infinite flashBlue}.is-called .customer-card{border-color:#3b82f680;box-shadow:0 0 40px #3b82f64d}.called-message{color:var(--status-called);margin-top:24px;font-size:24px;font-weight:700;animation:1.5s infinite alternate pulseText}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:400px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.qr-container{background:#fff;border-radius:8px;margin:24px 0;padding:16px;display:inline-block}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseText{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}