@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Amiri:wght@400;700&display=swap";
:root{--hz-primary:#006d5b;--hz-primary-light:#00a388;--hz-secondary:#d4af37;--hz-accent:#b8860b;--hz-bg-base:#0a1a14;--hz-bg-card:#0f2a20;--hz-bg-surface:#143529;--hz-text-primary:#f0f5f3;--hz-text-secondary:#8cb5a4;--hz-text-dim:#5a8a77;--hz-border:#006d5b33;--hz-highlight:#006d5b4d;--hz-karaoke:#d4af37;--hz-font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hz-font-arabic:"Amiri", "KFGQPC Uthmani Hafs", serif;--hz-radius:20px;--hz-radius-sm:12px;--hz-radius-lg:24px;--hz-transition:.2s ease}[data-theme=navy]{--hz-primary:#d4a853;--hz-primary-light:#f0d68a;--hz-secondary:#3b82f6;--hz-accent:#10b981;--hz-bg-base:#0a1628;--hz-bg-card:#11203a;--hz-bg-surface:#162b50;--hz-text-primary:#e2e8f0;--hz-text-secondary:#94a3b8;--hz-text-dim:#64748b;--hz-border:#94a3b81a;--hz-highlight:#d4a85333;--hz-karaoke:#d4a853}[data-theme=light]{--hz-primary:#0d9488;--hz-primary-light:#14b8a6;--hz-secondary:#6366f1;--hz-accent:#f59e0b;--hz-bg-base:#f8fafc;--hz-bg-card:#fff;--hz-bg-surface:#f1f5f9;--hz-text-primary:#0f172a;--hz-text-secondary:#475569;--hz-text-dim:#94a3b8;--hz-border:#0f172a14;--hz-highlight:#0d948826;--hz-karaoke:#0d9488}[data-theme=sacred_night]{--hz-primary:#8b5cf6;--hz-primary-light:#a78bfa;--hz-secondary:#06b6d4;--hz-accent:#f43f5e;--hz-bg-base:#0c0a1a;--hz-bg-card:#14112a;--hz-bg-surface:#1c1838;--hz-text-primary:#e8e0f0;--hz-text-secondary:#9d8fc0;--hz-text-dim:#6b5a90;--hz-border:#8b5cf626;--hz-highlight:#8b5cf633;--hz-karaoke:#a78bfa}[data-theme=oasis]{--hz-primary:#d97706;--hz-primary-light:#f59e0b;--hz-secondary:#059669;--hz-accent:#dc2626;--hz-bg-base:#1a1409;--hz-bg-card:#2a2010;--hz-bg-surface:#352a16;--hz-text-primary:#fef3c7;--hz-text-secondary:#d4a855;--hz-text-dim:#92713a;--hz-border:#d9770626;--hz-highlight:#d9770633;--hz-karaoke:#f59e0b}[data-theme=hejaz]{--hz-primary:#b45309;--hz-primary-light:#d97706;--hz-secondary:#0891b2;--hz-accent:#be123c;--hz-bg-base:#fefce8;--hz-bg-card:#fffbeb;--hz-bg-surface:#fef9c3;--hz-text-primary:#1c1917;--hz-text-secondary:#57534e;--hz-text-dim:#a8a29e;--hz-border:#b453091f;--hz-highlight:#b4530926;--hz-karaoke:#b45309}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] html,[data-theme=hejaz] html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--hz-font-body);background:var(--hz-bg-base);color:var(--hz-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}[lang=ar],.arabic-text{font-family:var(--hz-font-arabic);direction:rtl;line-height:2.2}.glass-panel{-webkit-backdrop-filter:blur(40px);border-radius:var(--hz-radius);background:#ffffff08;border:1px solid #ffffff0f;box-shadow:0 8px 32px #0000001f}.glass-panel:hover{background:#ffffff0f}input,select,textarea{font-family:var(--hz-font-body);transition:border-color var(--hz-transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--hz-primary)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hz-text-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--hz-text-secondary)}::selection{background:var(--hz-highlight);color:var(--hz-text-primary)}.skeleton{background:linear-gradient(90deg, var(--hz-bg-surface) 25%, var(--hz-bg-card) 50%, var(--hz-bg-surface) 75%);border-radius:var(--hz-radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.status-processing{animation:2s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.glass-text-ar{font-family:var(--hz-font-arabic);text-align:right;direction:rtl;line-height:2.2}.glass-badge{border-radius:20px;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.glass-btn{border-radius:var(--hz-radius-sm);border:1px solid var(--hz-border);color:var(--hz-text-secondary);cursor:pointer;transition:var(--hz-transition);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex}.glass-btn:hover{background:var(--hz-highlight);color:var(--hz-primary-light)}.glass-btn-primary{background:linear-gradient(135deg, var(--hz-primary), var(--hz-primary-light));color:#fff;border:none}.glass-btn-primary:hover{opacity:.9;color:#fff}.glass-btn-active{border-color:var(--hz-primary);color:var(--hz-primary-light);background:var(--hz-highlight)}.hz-navbar{border-bottom:1px solid var(--hz-border);background:var(--hz-bg-card);-webkit-backdrop-filter:blur(40px);z-index:100;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.hz-navbar-logo{color:var(--hz-text-primary);flex-shrink:0;align-items:center;gap:10px;margin-right:32px;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.hz-navbar-links{flex:1;align-items:center;gap:4px;display:flex}.hz-navbar-link{border-radius:var(--hz-radius-sm);color:var(--hz-text-secondary);transition:var(--hz-transition);padding:6px 14px;font-size:.82rem;font-weight:500;text-decoration:none}.hz-navbar-link:hover{background:var(--hz-highlight);color:var(--hz-primary-light)}.hz-navbar-link-active{background:var(--hz-highlight);color:var(--hz-primary-light);font-weight:700}.hz-navbar-right{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.hz-navbar-email{color:var(--hz-text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.72rem;overflow:hidden}@media (max-width:640px){.hz-navbar{height:48px;padding:0 12px}.hz-navbar-logo{margin-right:12px;font-size:.95rem}.hz-navbar-link{padding:4px 8px;font-size:.75rem}.hz-navbar-email{display:none}}.drop-zone-dragging{animation:1s ease-in-out infinite drop-zone-pulse}@keyframes drop-zone-pulse{0%,to{border-color:var(--hz-primary);box-shadow:0 0 #006d5b33}50%{border-color:var(--hz-primary-light);box-shadow:0 0 0 6px #006d5b00}}.segment-collapsible{opacity:0;max-height:0;transition:max-height .35s,opacity .25s;overflow:hidden}.segment-collapsible.segment-expanded{opacity:1;max-height:2000px}.progress-thumb{background:var(--hz-primary-light);border:2px solid var(--hz-text-primary);pointer-events:none;opacity:0;border-radius:50%;width:14px;height:14px;transition:transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #0000004d}.progress-bar-wrapper:hover .progress-thumb{opacity:1}.table-striped tbody tr:nth-child(2n){background:#ffffff05}.table-striped tbody tr:hover{background:var(--hz-highlight)}.pipeline-step{color:var(--hz-text-dim);align-items:center;gap:10px;padding:8px 0;font-size:.78rem;transition:color .3s;display:flex}.pipeline-step-active{color:var(--hz-primary-light)}.pipeline-step-done{color:var(--hz-text-secondary)}.pipeline-dot{background:var(--hz-text-dim);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s}.pipeline-dot-active{background:var(--hz-primary-light);animation:2s ease-in-out infinite status-pulse}.pipeline-dot-done{background:var(--hz-primary)}.player-layout{height:calc(100vh - 56px);display:flex}.player-left{border-right:1px solid var(--hz-border);width:40%;padding:24px;overflow-y:auto}.player-right{scroll-behavior:smooth;width:60%;padding:24px 24px 24px 0;overflow-y:auto}@media (max-width:768px){.player-layout{flex-direction:column;height:auto;min-height:calc(100vh - 48px)}.player-left{border-right:none;border-bottom:1px solid var(--hz-border);width:100%;max-height:40vh;padding:12px}.player-right{flex:1;width:100%;padding:12px}}@media (max-width:375px){.player-left{max-height:35vh;padding:10px}.player-right{padding:10px}}