@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Outfit", sans-serif;--bg-gradient-start:#030711;--bg-gradient-end:#10192d;--panel-bg:#141f3899;--panel-border:#22345e66;--panel-shadow:0 8px 32px 0 #0000005e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#627084;--color-primary:#735af2;--color-primary-hover:#8f7bf4;--color-accent:#0dccf2;--color-accent-hover:#3dd6f5;--color-success:#14b858;--color-success-hover:#18dc6a;--color-warning:#e0a906;--color-warning-hover:#f9bf10;--color-danger:#ec1325;--color-danger-hover:#ef3948;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:radial-gradient(circle at top right, var(--bg-gradient-end), var(--bg-gradient-start));color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-gradient-start)}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{min-height:100vh;display:flex}.admin-layout{width:100%;display:flex}.content-area{flex:1;max-height:100vh;padding:2.5rem;overflow-y:auto}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:var(--radius-md);box-shadow:var(--panel-shadow);transition:var(--transition-smooth);padding:2rem}.glass-panel:hover{border-color:#2f488399}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:700}h1{margin-bottom:1.5rem;font-size:2.25rem}h2{margin-bottom:1.25rem;font-size:1.75rem}h3{margin-bottom:1rem;font-size:1.25rem}p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.btn{font-family:var(--font-family);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #735af266}.btn-secondary{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--panel-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover);transform:translateY(-2px)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{font-family:var(--font-family);border:1px solid var(--panel-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#0b111ecc;padding:.75rem 1rem;font-size:1rem}.form-control:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #0dccf233}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--color-success);background:#14b85826;border:1px solid #14b8584d}.badge-warning{color:var(--color-warning);background:#e0a90626;border:1px solid #e0a9064d}.badge-danger{color:var(--color-danger);background:#ec132526;border:1px solid #ec13254d}.badge-info{color:var(--color-accent);background:#0dccf226;border:1px solid #0dccf24d}.badge-orange{color:#f96b06;background:#f96b0626;border:1px solid #f96b064d}.table-container{width:100%;margin-top:1.5rem;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th,.custom-table td{border-bottom:1px solid var(--panel-border);padding:1rem 1.25rem}.custom-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.custom-table tr:hover td{background:#18254366}.pwa-layout{flex-direction:column;justify-content:space-between;max-width:600px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.pwa-header{text-align:center;padding:1rem 0}.pwa-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.btn-giant{text-transform:uppercase;letter-spacing:.02em;border-radius:var(--radius-lg);border:4px solid var(--text-primary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;min-height:40vh;font-size:2.25rem;font-weight:800;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 20px 40px #0006}.btn-giant:active{transform:scale(.96);box-shadow:0 10px 20px #0000004d}.btn-giant-green{background:var(--color-success);color:#fff;border-color:#47eb8bcc}.btn-giant-green:hover{background:var(--color-success-hover)}.btn-giant-blue{background:var(--color-accent);color:#fff;border-color:#6ee0f7cc}.btn-giant-blue:hover{background:var(--color-accent-hover)}.btn-giant-red{background:var(--color-danger);color:#fff;border-color:#f4717ccc}.btn-giant-red:hover{background:var(--color-danger-hover)}.btn-giant-yellow{background:var(--color-warning);color:#fff;border-color:#fbd051cc}.btn-giant-yellow:hover{background:var(--color-warning-hover)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse-animation{animation:2s ease-in-out infinite pulse}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow-animation{animation:10s linear infinite spin-slow}.touch-lock-overlay{-webkit-backdrop-filter:blur(16px);z-index:9999;box-sizing:border-box;background:#081020e6;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100vh;padding:3rem 2rem;display:flex;position:fixed;top:0;left:0}.touch-lock-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:450px;display:flex}.touch-lock-icon-container{width:100px;height:100px;color:var(--color-accent);background:#0dccf21a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.hold-cancel-container{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:450px;display:flex}.btn-hold-cancel{border-radius:var(--radius-md);background:var(--panel-bg);border:2px solid var(--panel-border);width:100%;height:70px;color:var(--text-primary);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:var(--transition-smooth);justify-content:center;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:700;display:flex;position:relative;overflow:hidden}.btn-hold-cancel:active{transform:scale(.98)}.hold-progress-fill{background:linear-gradient(90deg, var(--color-danger), #ff4d4d);opacity:.35;pointer-events:none;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.hold-cancel-instruction{color:var(--text-secondary);text-align:center;font-size:.85rem}