:root{--font-arabic: "Cairo", system-ui, -apple-system, sans-serif;--font-latin: "Inter", system-ui, -apple-system, sans-serif;--bg-primary: #080c14;--bg-secondary: #0f172a;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(26, 38, 64, .85);--border-glass: rgba(255, 255, 255, .08);--border-glass-focus: rgba(56, 189, 248, .5);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #38bdf8;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #a855f7;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 36px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-arabic);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(56,189,248,.08) 0%,transparent 40%),radial-gradient(circle at 85% 25%,rgba(99,102,241,.08) 0%,transparent 45%),radial-gradient(circle at 50% 90%,rgba(16,185,129,.05) 0%,transparent 50%);background-attachment:fixed}.latin-numbers{font-family:var(--font-latin);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal)}.glass-panel:hover{border-color:#ffffff24}.navbar{position:sticky;top:0;z-index:50;background:#080c14e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:.75rem 1.5rem}.navbar-inner{max-width:1540px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-container{display:flex;align-items:center;gap:.75rem}.brand-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-indigo));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 16px #38bdf859;flex-shrink:0}.brand-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(to left,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.brand-subtitle{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.navbar-center{flex:1;max-width:480px;margin:0 1rem}.event-selector-box{display:flex;align-items:center;gap:.5rem;background:#0f172acc;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:.35rem .75rem;transition:border-color var(--transition-fast)}.event-selector-box:focus-within{border-color:var(--accent-cyan)}.event-icon{color:var(--accent-cyan);flex-shrink:0}.event-dropdown{width:100%;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:.85rem;font-weight:600;outline:none;cursor:pointer}.event-dropdown option{background:#0f172a;color:#fff}.navbar-controls{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.live-pulse{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .75rem;background:#10b9811f;border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-full);color:#34d399;font-size:.78rem;font-weight:700;white-space:nowrap}.pulse-dot{width:7px;height:7px;background-color:#10b981;border-radius:50%;position:relative}.pulse-dot:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background-color:#10b981;animation:pulse-ring 1.8s cubic-bezier(.215,.61,.355,1) infinite}.pulse-dot.inline{display:inline-block;margin-left:.35rem}@keyframes pulse-ring{0%{transform:scale(.5);opacity:.8}to{transform:scale(2.2);opacity:0}}.btn-demo-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-sm);color:var(--accent-cyan);font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-demo-toggle:hover{background:#38bdf833}.btn-demo-toggle.active{background:#f59e0b26;border-color:#f59e0b66;color:#fbbf24}.dashboard-layout{max-width:1540px;margin:0 auto;padding:1.25rem 1.5rem;display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.main-workspace{min-width:0}.desktop-live-feed{display:block}.mobile-live-feed-container{display:none}.stats-section-container{margin-bottom:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:.85rem}.stat-card{padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:transparent}.stat-card.total:before{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue))}.stat-card.checked-in:before{background:linear-gradient(90deg,var(--accent-emerald),#34d399)}.stat-card.not-arrived:before{background:linear-gradient(90deg,var(--accent-amber),#fcd34d)}.stat-card.gates:before{background:linear-gradient(90deg,var(--accent-purple),var(--accent-indigo))}.stat-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.stat-title{font-size:.85rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.cyan{background:#38bdf81f;color:var(--accent-cyan)}.stat-icon.emerald{background:#10b9811f;color:#34d399}.stat-icon.amber{background:#f59e0b1f;color:#fbbf24}.stat-icon.purple{background:#a855f71f;color:#c084fc}.stat-value{font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:.35rem;font-family:var(--font-latin)}.stat-card.checked-in .stat-value{color:#34d399}.stat-card.not-arrived .stat-value{color:#fbbf24}.stat-card.total .stat-value{color:#38bdf8}.stat-footer{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}.stat-badge{font-weight:700;color:var(--text-secondary)}.stat-badge.emerald{color:#34d399}.stat-badge.amber{color:#fbbf24}.progress-container{width:100%;height:5px;background:#ffffff14;border-radius:99px;overflow:hidden;margin-top:.35rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-emerald),#38bdf8);border-radius:99px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.categories-subbar{padding:.65rem 1.15rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.subbar-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.subbar-label{font-size:.78rem;color:var(--text-muted);font-weight:700}.category-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:6px;font-size:.75rem;font-weight:700}.category-pill.default{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.tabs-header{display:flex;gap:.4rem}.tab-button{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:inherit;font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-button:hover{color:var(--text-primary);background:#ffffff0d}.tab-button.active{color:#fff;background:#38bdf81f;border-color:#38bdf859}.mobile-only-tab{display:none}.desktop-actions{display:flex;align-items:center;gap:.5rem}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:240px}.search-input{width:100%;padding:.65rem 2.4rem .65rem .85rem;background:#0f172ad9;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:#fff;font-family:inherit;font-size:.875rem;outline:none;transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--accent-cyan)}.search-icon{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filter-select-group{display:flex;gap:.5rem;flex-wrap:wrap}.filter-select{padding:.65rem .85rem;background:#0f172ad9;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.85rem;outline:none;cursor:pointer}.filter-select option{background:#0f172a;color:#fff}.desktop-table-view{display:block}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#0f172a99}.data-table{width:100%;border-collapse:collapse;text-align:right;font-size:.875rem}.data-table th{background:#080c14d9;padding:.85rem 1rem;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-glass);white-space:nowrap}.data-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.data-table tbody tr:hover{background:#ffffff08}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;white-space:nowrap}.status-badge.not-arrived{background:#64748b26;border:1px solid rgba(148,163,184,.25);color:#cbd5e1}.status-badge.partial{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.status-badge.complete{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399}.live-feed-panel{display:flex;flex-direction:column;height:calc(100vh - 110px);position:sticky;top:85px}.live-feed-header{padding:1rem 1.15rem;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between}.live-feed-list{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.feed-item{padding:.75rem;border-radius:var(--radius-sm);background:#0f172abf;border:1px solid rgba(255,255,255,.05);transition:transform var(--transition-fast),border-color var(--transition-fast)}.feed-item:hover{border-color:#38bdf84d}.feed-item.duplicate-attempt{background:#f43f5e1a;border-color:#f43f5e59}.feed-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.feed-time{font-size:.72rem;color:var(--text-muted)}.feed-guest{font-size:.875rem;font-weight:700;color:var(--text-primary)}.feed-meta{font-size:.75rem;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.3rem}.feed-tag{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .45rem;border-radius:4px;background:#ffffff0d;font-size:.72rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.15rem;border-radius:var(--radius-sm);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;border:none;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#fff;box-shadow:0 4px 14px #38bdf84d}.btn-primary:hover{opacity:.95}.btn-secondary{background:#ffffff0f;border:1px solid var(--border-glass);color:var(--text-primary)}.btn-icon{width:34px;height:34px;padding:0;border-radius:8px;background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{color:#fff;background:#ffffff1a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{width:100%;max-width:580px;background:#0f172a;border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#080c1480}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}.mobile-cards-view{display:none;flex-direction:column;gap:.75rem}.mobile-fab{display:none}@media(max-width:1024px){.dashboard-layout{grid-template-columns:1fr;padding:1rem}.desktop-live-feed{display:none}.mobile-only-tab{display:inline-flex}.mobile-live-feed-container{display:block}.mobile-live-feed-container .live-feed-panel{height:auto;max-height:65vh;position:static}.mobile-fab{display:inline-flex;align-items:center;gap:.45rem;position:fixed;bottom:1.5rem;left:1.5rem;z-index:90;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#fff;font-weight:800;font-size:.9rem;border-radius:9999px;border:none;box-shadow:0 8px 25px #38bdf873;cursor:pointer}.mobile-fab:active{transform:scale(.96)}}@media(max-width:768px){.navbar{padding:.65rem .85rem}.navbar-inner{flex-direction:column;align-items:stretch;gap:.6rem}.brand-container{justify-content:space-between;width:100%}.brand-text-block{display:flex;flex-direction:column}.brand-subtitle{display:none}.navbar-center{margin:0;max-width:100%}.navbar-controls{justify-content:space-between;width:100%;border-top:1px solid rgba(255,255,255,.05);padding-top:.5rem}.btn-demo-toggle .demo-text{font-size:.72rem}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.65rem}.stat-card{padding:.85rem}.stat-title{font-size:.75rem}.stat-value{font-size:1.5rem}.stat-footer{font-size:.7rem}.desktop-table-view{display:none}.mobile-cards-view{display:flex}.desktop-actions{display:none!important}.filter-bar{flex-direction:column;align-items:stretch;gap:.5rem}.search-input-wrapper{min-width:100%}.filter-select-group{width:100%}.filter-select-group .filter-select{flex:1}.tabs-header{width:100%;justify-content:space-between}.tab-button{padding:.45rem .65rem;font-size:.78rem}.mobile-booking-card{padding:.85rem;background:#0f172ad9;border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer}}