.pwa-banner{align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.pwa-banner-offline{background:var(--warning-soft);color:var(--warning)}.pwa-banner-install,.pwa-banner-update{background:var(--primary-soft);color:var(--primary)}.pwa-banner-action{background:var(--primary);min-height:32px;color:var(--on-primary);border-radius:var(--radius-sm);border:none;margin-inline-start:auto;padding:0 14px;font-weight:600}.pwa-banner-close{color:inherit;opacity:.7;background:0 0;border:none;align-items:center;padding:4px;display:inline-flex}.pwa-banner-close:hover{opacity:1}.pwa-banner-action+.pwa-banner-close{margin-inline-start:0}.shell{gap:24px;min-height:100dvh;padding:24px;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--blur));color:var(--text-muted);flex-direction:column;flex-shrink:0;display:flex}.sidebar-head{height:calc(var(--header-height) + 8px);border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex}.brand{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:10px;font-weight:700;display:flex;overflow:hidden}.brand-mark{border:4px solid var(--primary);width:22px;height:22px;box-shadow:var(--glow-sm);border-radius:50%;flex-shrink:0}.sidebar .sidebar-close{color:var(--text-muted);display:none}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-link{border-radius:var(--radius);min-height:44px;color:var(--text-muted);align-items:center;gap:12px;margin-bottom:2px;padding:0 12px;font-size:14.5px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-link:hover{color:var(--text);background:#ffffff2e;text-decoration:none}.nav-link-active{background:var(--active-tint);color:var(--primary);border-radius:var(--radius-pill);font-weight:600}.nav-link-disabled{opacity:.45;cursor:default}.nav-link-disabled:hover{color:var(--text-muted);background:0 0}.nav-soon{opacity:.8;margin-inline-start:auto;font-size:11px}.sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:14px 18px;font-size:13px;display:flex}.sidebar-user{color:var(--text);font-weight:600}.sidebar-user-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-user-row .sidebar-user{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-logout{border-radius:var(--radius);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.sidebar-logout:hover{background:var(--danger-soft);color:var(--danger)}.sidebar-role{color:var(--text-muted);font-size:12px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.header{z-index:10;height:var(--header-height);background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--blur));align-items:center;gap:10px;margin-bottom:24px;padding:0 16px;display:flex;position:relative}.header-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.header-actions{align-items:center;gap:4px;margin-inline-start:auto;display:flex}.header-tools{flex:0 auto;align-items:center;gap:4px;min-width:0;margin-inline-start:auto;display:flex}.header-tools .gsearch{flex:0 320px;min-width:0;max-width:520px;margin-inline-start:0}.icon-btn{border-radius:var(--radius);width:40px;height:40px;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}@media (pointer:coarse){.icon-btn{width:44px;height:44px}}.icon-btn:hover{color:var(--primary);background:#ffffff2e}.header .menu-btn{display:none}.gsearch{flex:1;min-width:0;max-width:520px;margin-inline-start:auto;position:relative}.gsearch-icon{inset-inline-start:12px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.gsearch-input{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius);width:100%;min-height:42px;color:var(--text);-webkit-backdrop-filter:blur(6px);padding-inline:38px 14px;transition:border-color .15s,box-shadow .15s}.gsearch-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.gsearch-panel{z-index:50;background:var(--glass-bg-strong);max-height:60vh;padding:8px;position:absolute;inset-block-start:calc(100% + 6px);inset-inline:0;overflow-y:auto}.gsearch-state{justify-content:center;align-items:center;gap:8px;padding:22px 12px;font-size:13.5px;display:flex}.gsearch-groups{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.gsearch-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:6px 4px 4px;font-size:11.5px;font-weight:700}.gsearch-row{border-radius:var(--radius);width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.gsearch-row-active .gsearch-row,.gsearch-row:hover{background:var(--primary-soft)}.gsearch-row-icon{border-radius:var(--radius-sm);background:var(--surface-2);width:30px;height:30px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gsearch-row-body{flex-direction:column;flex:1;min-width:0;display:flex}.gsearch-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.gsearch-row-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.gsearch-row-extra{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:12px;overflow:hidden}.gsearch-row-tag{background:var(--surface-2);color:var(--text-muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:10.5px;font-weight:700}.content{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:1400px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--blur-card));flex:1;padding:20px}@media (width>=901px){.shell{height:100dvh;overflow:hidden}.main{min-height:0}.content{min-height:0;overflow-y:auto}.sidebar-nav{min-height:0}}.backdrop{z-index:30;background:#0a101a80;position:fixed;inset:0}.tabbar{z-index:20;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--blur-strong));box-shadow:var(--shadow);padding-bottom:env(safe-area-inset-bottom);margin-top:24px;display:none;position:sticky;bottom:0}.tab-link{min-height:var(--tabbar-height);color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.tab-link:hover{text-decoration:none}.tab-link-active{color:var(--primary)}.tab-link-disabled{opacity:.4}@media (width<=900px){.shell{gap:12px;padding:12px}.sidebar{z-index:40;background:var(--bg);box-shadow:var(--shadow-lg);visibility:hidden;transition:transform .22s,visibility .22s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(0)}html[dir=rtl] .sidebar{transform:translate(100%)}html[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar-open{visibility:visible}html[dir=rtl] .sidebar-open,html[dir=ltr] .sidebar-open{transform:translate(0)}.sidebar .sidebar-close,.header .menu-btn{display:inline-flex}.tabbar{display:flex}.content{padding:16px}.header{margin-bottom:12px;padding:0 12px}.header-tools .gsearch{flex:0 200px}}:root{--mesh-blue:#c8d8ff;--mesh-cyan:#a6e4f0;--mesh-purple:#e2c4ff;--brand-50:#eef4ff;--brand-100:#d8e2ff;--brand-200:#adc6ff;--brand-300:#8fb3ff;--brand-400:#4d8ff5;--brand-500:#1e6fe0;--brand-600:#0057b9;--brand-700:#004494;--brand-800:#003a82;--brand-900:#002d63;--bg:#e6ecf4;--glass-bg:#fff6;--glass-bg-strong:#fff9;--glass-border:#7887a047;--control-border:#1428508c;--surface:#fff6;--surface-1:#ffffff8c;--surface-2:#1e6fe014;--glass-edge:#fff9;--border:#4650642e;--border-strong:#72778580;--divider:#72778529;--input-bg:#ffffff1a;--menu-bg:#ffffffbf;--modal-bg:#ffffff6b;--input-bg-modal:#ffffff14;--text:#131b2e;--text-muted:#424753;--text-inverse:#fff;--primary:#1e6fe0;--primary-hover:#0057b9;--primary-soft:#1e6fe01f;--on-primary:#fff;--secondary:#4648d4;--secondary-bright:#6366f1;--tertiary:#8116d8;--accent:#8116d8;--accent-soft:#8116d81f;--success:#15803d;--success-soft:#15803d1f;--warning:#b45309;--warning-soft:#b453091f;--danger:#ba1a1a;--danger-soft:#ba1a1a1a;--info:#4648d4;--info-soft:#4648d41f;--success-bright:#4ade80;--warning-bright:#fbbf24;--on-danger:#fff;--row-stripe:#ffffff1a;--row-hover:#1e6fe00f;--glow:0 8px 24px #1e6fe059;--glow-sm:0 0 12px #1e6fe073;--active-tint:#1e6fe026;--scrollbar-thumb:#72778566;--scrollbar-thumb-hover:#727785a6;--trial-bg:#fbbf2414;--trial-border:#b4530933;--focus-ring:0 0 0 3px #1e6fe038;--blur:16px;--blur-strong:32px;--blur-card:12px;--radius-sm:8px;--radius:12px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #1e6fe00f, inset 0 1px 1px #ffffff80;--shadow:0 8px 24px #1e6fe014, inset 0 1px 1px #ffffff80;--shadow-lg:0 20px 40px #1e6fe01f, inset 0 1px 1px #fff9;--header-height:60px;--sidebar-width:256px;--tabbar-height:62px;--font:"IBM Plex Sans Arabic", "Segoe UI", "Noto Kufi Arabic", "Tahoma", system-ui, -apple-system, sans-serif}[data-theme=dark]{--mesh-blue:#1e6fe038;--mesh-cyan:#0e749033;--mesh-purple:#8116d833;--bg:#0e1420;--glass-bg:#1c223480;--glass-bg-strong:#1c2234b8;--glass-border:#ffffff24;--glass-edge:#ffffff1f;--control-border:#ffffff6b;--surface:#1c223480;--surface-1:#ffffff0f;--surface-2:#adc6ff1a;--border:#ffffff24;--border-strong:#b7c3da66;--divider:#ffffff14;--input-bg:#ffffff24;--menu-bg:#1c2234eb;--modal-bg:#1c22349e;--input-bg-modal:#ffffff1a;--text:#eef0ff;--text-muted:#b7c3da;--primary:var(--brand-200);--primary-hover:var(--brand-300);--primary-soft:#adc6ff24;--on-primary:#001a41;--accent:#d8b4fe;--accent-soft:#d8b4fe29;--success:#4ade80;--success-soft:#4ade8024;--warning:#fbbf24;--warning-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717124;--info:#a5b4fc;--info-soft:#a5b4fc29;--success-bright:#86efac;--warning-bright:#fde68a;--on-danger:#450a0a;--row-stripe:#ffffff0a;--row-hover:#adc6ff1a;--glow:0 8px 24px #00000073;--glow-sm:0 0 12px #adc6ff59;--active-tint:#adc6ff29;--scrollbar-thumb:#b7c3da52;--scrollbar-thumb-hover:#b7c3da8c;--trial-bg:#fbbf240f;--trial-border:#fbbf242e;--focus-ring:0 0 0 3px #adc6ff4d;--shadow-sm:0 1px 2px #0006, inset 0 1px 1px #ffffff0f;--shadow:0 8px 24px #00000073, inset 0 1px 1px #ffffff0f;--shadow-lg:0 20px 40px #0000008c, inset 0 1px 1px #ffffff14}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background-color:var(--bg);background-image:radial-gradient(60% 45% at 82% 8%, var(--mesh-blue) 0%, transparent 60%), radial-gradient(50% 45% at 12% 22%, var(--mesh-cyan) 0%, transparent 57%), radial-gradient(65% 55% at 68% 88%, var(--mesh-purple) 0%, transparent 60%), radial-gradient(45% 40% at 20% 70%, var(--mesh-blue) 0%, transparent 55%);color:var(--text);-webkit-font-smoothing:antialiased;background-repeat:no-repeat;background-attachment:fixed;margin:0;font-size:15px;line-height:1.6}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.3}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--blur-card)) saturate(1.4)}.header-btn-group{flex-wrap:wrap;gap:8px;display:flex}@media (width<=620px){.header-btn-group{width:100%}.header-btn-group .btn{flex:1}}.btn{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s,opacity .15s,transform .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary-bright));color:var(--on-primary)}.btn-primary:not(:disabled):hover{box-shadow:var(--glow);filter:brightness(1.05)}.btn-primary:not(:disabled):active{transform:translateY(1px)}.btn-ghost{border:1.5px solid var(--control-border);color:var(--text);-webkit-backdrop-filter:blur(4px);background:0 0}.btn-ghost:not(:disabled):hover{border-color:var(--primary);color:var(--primary);background:#ffffff2e}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-danger:not(:disabled):hover{filter:brightness(1.1)}.btn-block{width:100%}.btn-sm{min-height:36px;padding:0 12px;font-size:13.5px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text);font-size:14px;font-weight:600}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.timeline-composer textarea{background:var(--input-bg);border:1px solid var(--control-border);border-radius:var(--radius);min-height:44px;color:var(--text);padding:0 14px;transition:border-color .15s,box-shadow .15s}.field textarea,.timeline-composer textarea{resize:vertical;padding:10px 14px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus,.timeline-composer textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.field input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:13px}.field-hint{color:var(--text-muted);font-size:12px}.cell-link{color:var(--primary);font-weight:600}.cell-link-btn{font:inherit;color:var(--primary);text-align:start;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;display:inline}.cell-link-btn:hover{text-decoration:underline}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:3px;display:inline-flex}.segmented-block{width:100%;margin-bottom:18px;display:flex}.segmented-block .segment{flex:1}.segment{border-radius:var(--radius-sm);min-height:38px;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.segment:hover{color:var(--text)}.segment-active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar-filters{align-items:center;gap:8px;display:flex}.search-box{flex:1;min-width:200px;max-width:360px;position:relative}.search-box input{background:var(--input-bg);border:.5px solid var(--control-border);border-radius:var(--radius);width:100%;min-height:44px;color:var(--text);padding-inline:40px 14px;transition:border-color .15s,box-shadow .15s}.search-box input:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.search-icon{inset-inline-start:12px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.select{background:var(--input-bg);border:1px solid var(--control-border);border-radius:var(--radius);min-height:38px;color:var(--text);padding:0 10px}.row-actions{gap:4px;display:flex}.row-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.row-btn:hover{background:var(--surface-2);color:var(--text)}@media (pointer:coarse){.row-btn{width:44px;height:44px}}.row-btn-primary:hover{background:var(--primary-soft);color:var(--primary)}.row-btn-danger:hover{background:var(--danger-soft);color:var(--danger)}.alert{border-radius:var(--radius);margin-bottom:16px;padding:12px 14px;font-size:14px}.alert-danger{background:var(--danger-soft);color:var(--danger)}.alert-warning{background:var(--warning-soft);color:var(--warning)}.alert-success{background:var(--success-soft);color:var(--success)}.trial-banner{border-radius:var(--radius);color:var(--warning);background:var(--trial-bg);border:1px solid var(--trial-border);-webkit-backdrop-filter:blur(12px);align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 3px 10px #b4530912,inset 0 1px 1px #ffffff40}.trial-banner svg{color:var(--warning);flex-shrink:0}[data-theme=dark] .trial-banner{box-shadow:0 3px 10px #0000002e,inset 0 1px 1px #ffffff0d}.muted{color:var(--text-muted)}@media (prefers-reduced-transparency:reduce){:root{--surface:#fff;--surface-1:#f7f9fc;--input-bg:#fff;--menu-bg:#fff;--modal-bg:#fff;--glass-border:#4650643d}[data-theme=dark]{--surface:#161f2f;--surface-1:#1d2839;--input-bg:#1d2839;--menu-bg:#161f2f;--modal-bg:#161f2f;--glass-border:#ffffff2e}body{background-image:none}*{-webkit-backdrop-filter:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.btn-ghost-danger{color:var(--danger)}.btn-ghost-danger:hover:not(:disabled){background:var(--danger-soft)}.alert-action{color:inherit;white-space:nowrap;border-inline-start:1px solid;margin-inline-start:10px;padding-inline-start:10px;font-weight:700;text-decoration:none}.alert-action:hover{text-decoration:underline}