:root,:root[data-theme=light]{--c-navy:#143a67;--c-blue:#0e477a;--c-blue-600:#02537d;--c-blue-500:#2074a3;--c-blue-300:#86bcdc;--c-blue-100:#eaf2f8;--c-gold:#f2ca1b;--c-gold-soft:#fdf4ce;--c-gold-ink:#8a6d00;--c-coral:#d66062;--c-coral-soft:#fbebeb;--c-ink:#1a2330;--c-body:#3a4452;--c-muted:#6b7686;--c-line:#e6e9ef;--c-paper:#fff;--c-mist:#f6f8fb;--c-success:#2e7d5b;--c-success-soft:#e6f2ec;--c-info:#02537d;--c-info-soft:#eaf2f8;--c-warning:#e0a800;--c-warning-soft:#fcf3da;--c-danger:#c0392b;--c-danger-soft:#f8e9e7;--font:"Tajawal",system-ui,-apple-system,sans-serif;--font-quran:"KFGQPC Uthmanic","Amiri Quran",serif;--fs-display:3.5rem;--fs-h1:2.5rem;--fs-h2:2rem;--fs-h3:1.5rem;--fs-h4:1.25rem;--fs-base:1rem;--fs-sm:.875rem;--fs-caption:.75rem;--lh-body:1.9;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--sh-sm:0 1px 3px rgba(20,58,103,.08);--sh-md:0 4px 12px rgba(20,58,103,.08);--sh-lg:0 18px 40px rgba(20,58,103,.14);--primary:var(--c-blue);--primary-light:var(--c-blue-100);--primary-dark:var(--c-navy);--accent:var(--c-gold);--accent-soft:var(--c-gold-soft);--accent-ink:var(--c-gold-ink);--success:var(--c-success);--success-light:var(--c-success-soft);--warning:var(--c-warning);--warning-light:var(--c-warning-soft);--danger:var(--c-danger);--danger-light:var(--c-danger-soft);--info:var(--c-info);--info-light:var(--c-info-soft);--gray-50:#f6f8fb;--gray-100:#eef1f6;--gray-200:#e6e9ef;--gray-300:#d3d9e3;--gray-400:#a7b0bf;--gray-500:#6b7686;--gray-600:#55606f;--gray-700:#3a4452;--gray-800:#26303d;--gray-900:#1a2330;--bg:var(--c-mist);--surface:var(--c-paper);--surface-alt:#f1f5fa;--sidebar-bg:var(--c-navy);--border:var(--c-line);--border-strong:#d3d9e3;--text:var(--c-ink);--text-strong:var(--c-navy);--text-body:var(--c-body);--text-muted:var(--c-muted);--text-faint:#94a0b0;--sidebar-w:248px;--sidebar-collapsed:68px;--topbar-h:60px;--radius:var(--r-md);--shadow:var(--sh-sm);--shadow-md:var(--sh-md);--shadow-lg:var(--sh-lg);--ring:0 0 0 3px rgba(14,71,122,.14);--ring-gold:0 0 0 3px rgba(242,202,27,.55)}:root[data-theme=dark]{--c-navy:#0c2340;--c-blue:#2074a3;--c-blue-600:#3f8fbe;--c-blue-500:#5aa6d1;--c-blue-300:#86bcdc;--c-blue-100:#17324b;--c-gold:#f2ca1b;--c-gold-soft:#3a3212;--c-gold-ink:#f0d46a;--c-coral:#e58386;--c-coral-soft:#3b2323;--c-ink:#e8edf3;--c-body:#c3ccd8;--c-muted:#93a0af;--c-line:#1e3149;--c-paper:#10233a;--c-mist:#081726;--c-success:#4fb287;--c-success-soft:#12332a;--c-info:#5aa6d1;--c-info-soft:#17324b;--c-warning:#e9b933;--c-warning-soft:#3a2e0f;--c-danger:#e0685a;--c-danger-soft:#3a1f1b;--gray-50:#0f2136;--gray-100:#16293f;--gray-200:#1e3149;--gray-300:#2a415c;--gray-400:#5c6e82;--gray-500:#93a0af;--gray-600:#aebac7;--gray-700:#c3ccd8;--gray-800:#dce3eb;--gray-900:#e8edf3;--bg:var(--c-mist);--surface:var(--c-paper);--surface-alt:#16293f;--sidebar-bg:#071626;--border:var(--c-line);--border-strong:#2a415c;--text:var(--c-ink);--text-strong:var(--c-ink);--text-body:var(--c-body);--text-muted:var(--c-muted);--text-faint:#74839a;--sh-sm:0 1px 3px rgba(0,0,0,.45);--sh-md:0 4px 12px rgba(0,0,0,.5);--sh-lg:0 18px 40px rgba(0,0,0,.55);--ring:0 0 0 3px rgba(32,116,163,.3)}.fr-print,.public-showcase{--c-navy:#143a67;--c-blue:#0e477a;--c-blue-600:#02537d;--c-blue-500:#2074a3;--c-blue-300:#86bcdc;--c-blue-100:#eaf2f8;--c-gold-soft:#fdf4ce;--c-gold-ink:#8a6d00;--c-coral-soft:#fbebeb;--c-ink:#1a2330;--c-body:#3a4452;--c-muted:#6b7686;--c-line:#e6e9ef;--c-paper:#fff;--c-mist:#f6f8fb;--c-success:#2e7d5b;--c-success-soft:#e6f2ec;--c-warning:#e0a800;--c-danger:#c0392b;--text:var(--c-ink);--text-strong:var(--c-navy);--text-body:var(--c-body);--text-muted:var(--c-muted);--text-faint:#94a0b0;--surface:var(--c-paper);--surface-alt:#f1f5fa;--border:var(--c-line);--border-strong:#d3d9e3;color:#3a4452;color:var(--c-body);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body,html{direction:rtl}body{-webkit-font-smoothing:antialiased;background:#f6f8fb;background:var(--bg);color:#3a4452;color:var(--text-body);font-family:Tajawal,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:1rem;font-size:var(--fs-base);line-height:1.9;line-height:var(--lh-body);transition:background .2s,color .2s}h1,h2,h3,h4,h5,h6{color:#1a2330;color:var(--text);font-weight:700}h1{font-size:2.5rem;font-size:var(--fs-h1);line-height:1.25}h2{font-size:2rem;font-size:var(--fs-h2);line-height:1.3}h3{font-size:1.5rem;font-size:var(--fs-h3);line-height:1.35}h4{font-size:1.25rem;font-size:var(--fs-h4);font-weight:500;line-height:1.4}p{text-align:right}a{color:#0e477a;color:var(--c-blue)}::selection{background:#f2ca1b;background:var(--c-gold);color:#143a67;color:var(--c-navy)}:focus-visible{border-radius:6px;border-radius:var(--r-sm);box-shadow:0 0 0 3px rgba(242,202,27,.55);box-shadow:var(--ring-gold);outline:none}.kanban-count,.num,.public-stat-value,.report-ring-num,.stat-value{font-feature-settings:"tnum";direction:ltr;display:inline-block;font-variant-numeric:tabular-nums;unicode-bidi:isolate}.quran{color:#143a67;color:var(--c-navy);font-family:KFGQPC Uthmanic,Amiri Quran,serif;font-family:var(--font-quran);line-height:2.2}.motif-star{background-color:currentColor;color:#f2ca1b;color:var(--c-gold);display:inline-block;flex-shrink:0;height:1em;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;-webkit-mask:var(--motif-mask) center /contain no-repeat;mask:var(--motif-mask) center /contain no-repeat;width:1em}:root{--motif-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E")}.eyebrow{align-items:center;color:#6b7686;color:var(--c-muted);display:inline-flex;font-size:.75rem;font-size:var(--fs-caption);font-weight:500;gap:.5rem;gap:var(--s-2);letter-spacing:.04em;margin-bottom:.5rem;margin-bottom:var(--s-2)}.eyebrow:before{background:#f2ca1b;background:var(--c-gold);content:"";height:12px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;-webkit-mask:var(--motif-mask) center /contain no-repeat;mask:var(--motif-mask) center /contain no-repeat;width:12px}.dot-pattern{background-image:radial-gradient(circle at 1px 1px,rgba(14,71,122,.18) 1px,transparent 0);background-size:22px 22px}.layout{display:flex;min-height:100vh}.sidebar{background:#143a67;background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transition:width .2s;width:248px;width:var(--sidebar-w);z-index:100}.collapsed .sidebar{width:68px;width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid hsla(0,0%,100%,.12);gap:.5rem;gap:var(--s-2);justify-content:space-between;padding:1rem;padding:var(--s-4) var(--s-4)}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:.75rem;gap:var(--s-3);min-width:0}.sidebar-brand-name{color:#fff;font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{flex:1 1;overflow-y:auto;padding:.75rem .5rem;padding:var(--s-3) var(--s-2)}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.18);border-radius:4px}.nav-item{align-items:center;border-radius:10px;border-radius:var(--r-md);color:hsla(0,0%,100%,.74);display:flex;font-size:.875rem;font-size:var(--fs-sm);font-weight:500;gap:.75rem;gap:var(--s-3);line-height:1.5;margin-bottom:2px;padding:10px .75rem;padding:10px var(--s-3);position:relative;text-decoration:none;transition:background .15s,color .15s}.nav-item:hover{background:hsla(0,0%,100%,.08);color:#fff}.nav-item.active{background:#0e477a;background:var(--c-blue);color:#fff;font-weight:700}.nav-item.active:before{background:#f2ca1b;background:var(--c-gold);border-radius:999px;border-radius:var(--r-pill);bottom:18%;content:"";position:absolute;right:0;top:18%;width:3px}.nav-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;min-width:24px}.sidebar-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.12);display:flex;gap:.5rem;gap:var(--s-2);justify-content:space-between;padding:.75rem 1rem;padding:var(--s-3) var(--s-4)}.user-name{color:hsla(0,0%,100%,.7);font-size:.875rem;font-size:var(--fs-sm)}.sidebar-footer .btn-icon{color:hsla(0,0%,100%,.85)}.sidebar-footer .btn-icon:hover{background:hsla(0,0%,100%,.1)}.sidebar-header .btn-icon{color:hsla(0,0%,100%,.85)}.sidebar-header .btn-icon:hover{background:hsla(0,0%,100%,.1)}.main-content{flex:1 1;margin-right:248px;margin-right:var(--sidebar-w);min-width:0;transition:margin-right .2s}.collapsed .main-content{margin-right:68px;margin-right:var(--sidebar-collapsed)}.topbar{background:#fff;background:var(--surface);border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);height:60px;height:var(--topbar-h);justify-content:space-between;padding:0 1.5rem;padding:0 var(--s-5);position:sticky;top:0;z-index:50}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:.5rem;gap:var(--s-2)}.notif-btn{position:relative}.notif-badge{align-items:center;background:#d66062;background:var(--c-coral);color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;left:-2px;min-width:18px;padding:0 4px;position:absolute;top:-2px}.notif-badge,.user-badge{border-radius:999px;border-radius:var(--r-pill)}.user-badge{background:#eaf2f8;background:var(--c-blue-100);color:#0e477a;color:var(--c-blue);font-weight:500;padding:4px 14px}.breadcrumbs,.user-badge{font-size:.875rem;font-size:var(--fs-sm)}.breadcrumbs{align-items:center;display:flex;gap:.5rem;gap:var(--s-2)}.breadcrumbs,.breadcrumbs a{color:#6b7686;color:var(--text-muted)}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:#0e477a;color:var(--c-blue)}.breadcrumb-sep{color:#94a0b0;color:var(--text-faint)}.breadcrumb-current{color:#1a2330;color:var(--text);font-weight:700}.content-area{max-width:1400px;padding:2rem 1.5rem;padding:var(--s-6) var(--s-5)}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--s-4);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--s-5)}.page-header h2{font-size:1.5rem;line-height:1.35}.page-header .sub{color:#6b7686;color:var(--text-muted);margin-top:2px}.btn,.page-header .sub{font-size:.875rem;font-size:var(--fs-sm)}.btn{align-items:center;border:1px solid transparent;border-radius:10px;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.5rem;gap:var(--s-2);justify-content:center;line-height:1.2;padding:.7rem 1.5rem;text-decoration:none;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.btn:focus-visible{box-shadow:0 0 0 3px rgba(242,202,27,.55);box-shadow:var(--ring-gold)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:#0e477a;background:var(--c-blue);color:#fff}.btn-primary:hover:not(:disabled){background:#143a67;background:var(--c-navy)}.btn-gold{background:#f2ca1b;background:var(--c-gold);color:#143a67;color:var(--c-navy)}.btn-gold:hover:not(:disabled){background:#ddb918}.btn-outline{background:transparent;border-color:#0e477a;border-color:var(--c-blue);color:#0e477a;color:var(--c-blue)}.btn-outline:hover:not(:disabled){background:#eaf2f8;background:var(--c-blue-100)}.btn-secondary{background:#f1f5fa;background:var(--surface-alt);border-color:#e6e9ef;border-color:var(--border);color:#3a4452;color:var(--text-body)}.btn-secondary:hover:not(:disabled){background:#eaf2f8;background:var(--c-blue-100);color:#0e477a;color:var(--c-blue)}.btn-ghost{background:transparent;color:#02537d;color:var(--c-blue-600)}.btn-ghost:hover:not(:disabled){background:#eaf2f8;background:var(--c-blue-100)}.btn-success{background:#2e7d5b;background:var(--c-success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(.92)}.btn-danger{background:#c0392b;background:var(--c-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-warning{background:#e0a800;background:var(--c-warning);color:#143a67;color:var(--c-navy)}.btn-warning:hover:not(:disabled){filter:brightness(.94)}.btn-coral{background:#d66062;background:var(--c-coral);color:#fff}.btn-coral:hover:not(:disabled){filter:brightness(.94)}.btn-sm{font-size:.75rem;font-size:var(--fs-caption);padding:.45rem 1rem}.btn-lg{font-size:1rem;font-size:var(--fs-base);padding:.9rem 2rem}.btn-icon{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--r-sm);color:inherit;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:6px 9px;transition:background .15s}.btn-icon:hover{background:#eaf2f8;background:var(--c-blue-100)}.view-switcher{background:#f1f5fa;background:var(--surface-alt);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:999px;border-radius:var(--r-pill);display:inline-flex;padding:3px}.view-btn{background:transparent;border:none;border-radius:999px;border-radius:var(--r-pill);color:#6b7686;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.875rem;font-size:var(--fs-sm);font-weight:500;padding:6px 16px;transition:background .15s,color .15s}.view-btn:hover{color:#0e477a;color:var(--c-blue)}.view-btn.active{background:#0e477a;background:var(--c-blue);color:#fff;font-weight:700}.card{background:#fff;background:var(--surface);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 1px 3px rgba(20,58,103,.08);box-shadow:var(--sh-sm);padding:1.5rem;padding:var(--s-5)}.card-header{align-items:center;display:flex;gap:.75rem;gap:var(--s-3);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--s-4)}.card-title{color:#1a2330;color:var(--text);font-size:1.25rem;font-size:var(--fs-h4);font-weight:700}.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:hover{box-shadow:0 18px 40px rgba(20,58,103,.14);box-shadow:var(--sh-lg);transform:translateY(-4px)}.stats-grid{grid-gap:1rem;grid-gap:var(--s-4);display:grid;gap:1rem;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;margin-bottom:var(--s-5)}.stat-card{background:#fff;background:var(--surface);border:1px solid #e6e9ef;border-radius:16px;border-radius:var(--r-lg);border-right:4px solid #86bcdc;border:1px solid var(--border);border-right:4px solid var(--c-blue-300);box-shadow:0 1px 3px rgba(20,58,103,.08);box-shadow:var(--sh-sm);padding:1rem 1.5rem;padding:var(--s-4) var(--s-5)}.stat-card.danger{border-right-color:#c0392b;border-right-color:var(--c-danger)}.stat-card.warning{border-right-color:#e0a800;border-right-color:var(--c-warning)}.stat-card.success{border-right-color:#2e7d5b;border-right-color:var(--c-success)}.stat-card.info{border-right-color:#2074a3;border-right-color:var(--c-blue-500)}.stat-card.primary{border-right-color:#0e477a;border-right-color:var(--c-blue)}.stat-value{color:#143a67;color:var(--text-strong);font-size:1.75rem;font-weight:900;line-height:1.2}.stat-label{color:#6b7686;color:var(--text-muted);font-size:.875rem;font-size:var(--fs-sm);margin-top:.25rem;margin-top:var(--s-1)}.form-group{margin-bottom:1rem;margin-bottom:var(--s-4)}.form-label{display:block;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--s-2)}.form-input,.form-label,.form-select,.form-textarea{color:#1a2330;color:var(--text);font-size:.875rem;font-size:var(--fs-sm)}.form-input,.form-select,.form-textarea{background:#fff;background:var(--surface);border:1px solid #d3d9e3;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--r-md);direction:rtl;font-family:inherit;line-height:1.6;padding:.7rem .9rem;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:-ms-input-placeholder,.form-textarea:-ms-input-placeholder{color:#94a0b0;color:var(--text-faint)}.form-input::placeholder,.form-textarea::placeholder{color:#94a0b0;color:var(--text-faint)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0e477a;border-color:var(--c-blue);box-shadow:0 0 0 3px rgba(14,71,122,.14);box-shadow:var(--ring);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f1f5fa;background:var(--surface-alt);color:#6b7686;color:var(--text-muted);cursor:not-allowed}.form-textarea{line-height:1.9;line-height:var(--lh-body);min-height:96px;resize:vertical}.form-hint{color:#6b7686;color:var(--text-muted);font-size:.75rem;font-size:var(--fs-caption);margin-top:.25rem;margin-top:var(--s-1)}.form-row{grid-gap:1rem;grid-gap:var(--s-4);display:grid;gap:1rem;gap:var(--s-4);grid-template-columns:1fr 1fr}input[type=checkbox],input[type=radio]{accent-color:#0e477a;accent-color:var(--c-blue)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:.875rem;font-size:var(--fs-sm);width:100%}th{background:#f1f5fa;background:var(--surface-alt);color:#0e477a;color:var(--c-blue);font-weight:700;text-align:right;white-space:nowrap}td,th{border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);padding:.75rem;padding:var(--s-3)}td{color:#3a4452;color:var(--text-body);line-height:1.7}tr:hover td{background:#eaf2f8;background:var(--c-blue-100)}.badge{border-radius:999px;border-radius:var(--r-pill);display:inline-block;font-size:.75rem;font-size:var(--fs-caption);font-weight:700;line-height:1.6;padding:3px 12px;white-space:nowrap}.badge-blue,.badge-info{background:#eaf2f8;background:var(--c-blue-100);color:#02537d;color:var(--c-blue-600)}.badge-gold{background:#fdf4ce;background:var(--c-gold-soft);color:#8a6d00;color:var(--c-gold-ink)}.badge-coral{background:#fbebeb;background:var(--c-coral-soft);color:#d66062;color:var(--c-coral)}.badge-neutral,.badge-pending{background:#eef1f6;background:var(--gray-100);color:#55606f;color:var(--gray-600)}.badge-in_progress{background:#eaf2f8;background:var(--c-blue-100);color:#02537d;color:var(--c-blue-600)}.badge-waiting_approval{background:#fdf4ce;background:var(--c-gold-soft);color:#8a6d00;color:var(--c-gold-ink)}.badge-approved{background:#eaf2f8;background:var(--c-info-soft);color:#02537d;color:var(--c-info)}.badge-completed{background:#e6f2ec;background:var(--c-success-soft);color:#2e7d5b;color:var(--c-success)}.badge-revision{background:#fbebeb;background:var(--c-coral-soft);color:#d66062;color:var(--c-coral)}.badge-cancelled{background:#eef1f6;background:var(--gray-100);color:#a7b0bf;color:var(--gray-400)}.badge-warning{background:#fcf3da;background:var(--c-warning-soft);color:#8a6d00;color:var(--c-gold-ink)}.badge-low{background:#eef1f6;background:var(--gray-100);color:#6b7686;color:var(--gray-500)}.badge-medium{background:#eaf2f8;background:var(--c-blue-100);color:#02537d;color:var(--c-blue-600)}.badge-high{background:#fcf3da;background:var(--c-warning-soft);color:#8a6d00;color:var(--c-gold-ink)}.badge-urgent{background:#fbebeb;background:var(--c-coral-soft);color:#d66062;color:var(--c-coral)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(20,58,103,.55);display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--s-4);position:fixed;z-index:200}.modal{background:#fff;background:var(--surface);border-radius:24px;border-radius:var(--r-xl);box-shadow:0 18px 40px rgba(20,58,103,.14);box-shadow:var(--sh-lg);color:#3a4452;color:var(--text-body);max-height:85vh;max-width:560px;overflow-y:auto;padding:2rem;padding:var(--s-6);width:100%}.modal-title{color:#1a2330;color:var(--text);font-size:1.5rem;font-size:var(--fs-h3);font-weight:700;margin-bottom:1rem;margin-bottom:var(--s-4)}.modal-actions{display:flex;gap:.5rem;gap:var(--s-2);justify-content:flex-start;margin-top:1.5rem;margin-top:var(--s-5)}.login-error{background:#fbebeb;background:var(--c-coral-soft);border-radius:10px;border-radius:var(--r-md);border-right:3px solid #d66062;border-right:3px solid var(--c-coral);color:#c0392b;color:var(--c-danger);font-size:.875rem;font-size:var(--fs-sm);margin-bottom:1rem;margin-bottom:var(--s-4);padding:.75rem 1rem;padding:var(--s-3) var(--s-4)}.auth-page{align-items:center;background:#143a67;background:var(--c-navy);background-image:radial-gradient(900px 480px at 82% -12%,rgba(32,116,163,.55) 0,transparent 62%),linear-gradient(160deg,#143a67,#0b2444);direction:rtl;display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--s-5)}.auth-shell{background:#fff;background:var(--surface);border-radius:24px;border-radius:var(--r-xl);box-shadow:0 28px 70px rgba(6,24,45,.45);display:grid;grid-template-columns:1fr 1fr;max-width:940px;overflow:hidden;width:100%}.auth-shell-narrow{grid-template-columns:1fr;max-width:460px}.auth-brand{background:linear-gradient(165deg,#0e477a,#0b2444);background:linear-gradient(165deg,var(--c-blue) 0,#0b2444 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem 2rem;padding:var(--s-7) var(--s-6);position:relative}.auth-brand:after{background:#fff;bottom:-120px;content:"";height:320px;left:-120px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;-webkit-mask:var(--motif-mask) center /contain no-repeat;mask:var(--motif-mask) center /contain no-repeat;opacity:.045;pointer-events:none;position:absolute;width:320px}.auth-client .auth-brand{background:linear-gradient(165deg,#02537d,#072033);background:linear-gradient(165deg,var(--c-blue-600) 0,#072033 100%)}.auth-brand-logo{align-self:flex-start;margin-bottom:1.5rem;margin-bottom:var(--s-5);max-width:80%;position:relative}.auth-brand h1{color:#fff;font-size:1.75rem;font-weight:900;margin:0 0 .75rem;margin:0 0 var(--s-3);position:relative}.auth-brand p{color:hsla(0,0%,100%,.8);font-size:.875rem;font-size:var(--fs-sm);line-height:1.9;line-height:var(--lh-body);margin:0 0 1.5rem;margin:0 0 var(--s-5);position:relative}.auth-brand ul{grid-gap:.75rem;grid-gap:var(--s-3);display:grid;gap:.75rem;gap:var(--s-3);list-style:none;margin:0;padding:0;position:relative}.auth-brand li{color:hsla(0,0%,100%,.92);font-size:.875rem;font-size:var(--fs-sm);line-height:1.7;padding-right:26px;position:relative}.auth-brand li:before{background:#f2ca1b;background:var(--c-gold);content:"";height:11px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;-webkit-mask:var(--motif-mask) center /contain no-repeat;mask:var(--motif-mask) center /contain no-repeat;position:absolute;right:0;top:8px;width:11px}.auth-panel{padding:3rem 2rem;padding:var(--s-7) var(--s-6)}.auth-badge{background:#eaf2f8;background:var(--c-blue-100);border-radius:999px;border-radius:var(--r-pill);color:#02537d;color:var(--c-blue-600);display:inline-block;font-size:.75rem;font-size:var(--fs-caption);font-weight:700;margin-bottom:.75rem;margin-bottom:var(--s-3);padding:4px 14px}.auth-client .auth-badge{background:#fdf4ce;background:var(--c-gold-soft);color:#8a6d00;color:var(--c-gold-ink)}.auth-panel h2{color:#1a2330;color:var(--text);font-size:1.5rem;font-size:var(--fs-h3);margin:0 0 .25rem;margin:0 0 var(--s-1)}.auth-sub{color:#6b7686;color:var(--text-muted);font-size:.875rem;font-size:var(--fs-sm);margin:0 0 1.5rem;margin:0 0 var(--s-5)}.auth-password{position:relative}.auth-password .form-input{padding-left:42px}.auth-eye{background:none;border:none;cursor:pointer;font-size:1rem;left:10px;line-height:1;padding:4px;position:absolute;top:50%;transform:translateY(-50%)}.auth-row{flex-wrap:wrap;gap:.75rem;gap:var(--s-3);justify-content:space-between;margin:.25rem 0 1.5rem;margin:var(--s-1) 0 var(--s-5)}.auth-remember,.auth-row{align-items:center;display:flex}.auth-remember{color:#6b7686;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-size:var(--fs-sm);gap:.5rem;gap:var(--s-2)}.auth-remember input{height:16px;width:16px}.auth-link{color:#0e477a;color:var(--c-blue);font-size:.875rem;font-size:var(--fs-sm);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-submit{font-size:1rem;font-size:var(--fs-base);padding:.8rem 1.5rem;width:100%}.auth-alt{color:#6b7686;color:var(--text-muted);margin-top:1.5rem;margin-top:var(--s-5);text-align:center}.auth-alt,.auth-success{font-size:.875rem;font-size:var(--fs-sm)}.auth-success{background:#e6f2ec;background:var(--c-success-soft);border-radius:10px;border-radius:var(--r-md);border-right:3px solid #2e7d5b;border-right:3px solid var(--c-success);color:#2e7d5b;color:var(--c-success);line-height:1.8;margin-bottom:1rem;margin-bottom:var(--s-4);padding:.75rem 1rem;padding:var(--s-3) var(--s-4)}@media (max-width:760px){.auth-shell{grid-template-columns:1fr;max-width:460px}.auth-brand{padding:2rem 1.5rem;padding:var(--s-6) var(--s-5)}.auth-brand ul{display:none}.auth-panel{padding:2rem 1.5rem;padding:var(--s-6) var(--s-5)}}.workflow-steps{align-items:center;direction:rtl;display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--s-1)}.wf-step{background:#f1f5fa;background:var(--surface-alt);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:999px;border-radius:var(--r-pill);color:#6b7686;color:var(--text-muted);font-size:.75rem;font-size:var(--fs-caption);font-weight:500;padding:6px 14px}.wf-step.active{background:#0e477a;background:var(--c-blue);border-color:#0e477a;border-color:var(--c-blue);color:#fff;font-weight:700}.wf-step.done{background:#e6f2ec;background:var(--c-success-soft);border-color:#2e7d5b;border-color:var(--c-success);color:#2e7d5b;color:var(--c-success)}.wf-arrow{color:#86bcdc;color:var(--c-blue-300);font-size:.875rem;font-size:var(--fs-sm)}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--s-2);margin-bottom:1rem;margin-bottom:var(--s-4)}.filters .form-input,.filters .form-select{font-size:.875rem;font-size:var(--fs-sm);min-width:160px;padding:8px 12px;width:auto}.task-detail{grid-gap:1.5rem;grid-gap:var(--s-5);display:grid;gap:1.5rem;gap:var(--s-5);grid-template-columns:2fr 1fr}.task-meta{grid-gap:.75rem;grid-gap:var(--s-3);display:grid;gap:.75rem;gap:var(--s-3);grid-template-columns:1fr 1fr}.meta-label{color:#6b7686;color:var(--text-muted);font-size:.75rem;font-size:var(--fs-caption)}.meta-value{color:#1a2330;color:var(--text);font-size:.875rem;font-size:var(--fs-sm);font-weight:500}.comment{border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);padding:.75rem;padding:var(--s-3)}.comment-header{display:flex;gap:.75rem;gap:var(--s-3);justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--s-1)}.comment-author{color:#1a2330;color:var(--text);font-size:.875rem;font-size:var(--fs-sm);font-weight:700}.comment-date{color:#94a0b0;color:var(--text-faint);font-size:.75rem;font-size:var(--fs-caption)}.comment-text{color:#3a4452;color:var(--text-body);line-height:1.8}.comment-text,.log-item{font-size:.875rem;font-size:var(--fs-sm)}.log-item{border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);display:flex;gap:.75rem;gap:var(--s-3);padding:.5rem 0;padding:var(--s-2) 0}.log-dot{background:#86bcdc;background:var(--c-blue-300);border-radius:50%;flex-shrink:0;height:8px;margin-top:9px;width:8px}.log-time{color:#94a0b0;color:var(--text-faint);font-size:.75rem;font-size:var(--fs-caption)}.transcript-editor{background:#fff;background:var(--surface);border:1px solid #d3d9e3;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--r-md);color:#3a4452;color:var(--text-body);direction:rtl;font-family:Tajawal,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:1rem;line-height:2;min-height:300px;padding:1rem;padding:var(--s-4);white-space:pre-wrap}.transcript-editor:focus{border-color:#0e477a;border-color:var(--c-blue);box-shadow:0 0 0 3px rgba(14,71,122,.14);box-shadow:var(--ring);outline:none}.empty{color:#6b7686;color:var(--text-muted);padding:3rem 1.5rem;padding:var(--s-7) var(--s-5);text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;margin-bottom:var(--s-3);opacity:.55}.loader{align-items:center;color:#6b7686;color:var(--text-muted);display:flex;gap:.75rem;gap:var(--s-3);justify-content:center;padding:3rem;padding:var(--s-7)}.loader:before{animation:spin .7s linear infinite;border:2px solid #eaf2f8;border-top-color:#0e477a;border:2px solid var(--c-blue-100);border-radius:50%;border-top-color:var(--c-blue);content:"";height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes skeleton-pulse{0%{background-position:0 50%}to{background-position:-200% 50%}}.skeleton-card,.skeleton-line{animation:skeleton-pulse 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f1f5fa,#e6e9ef 50%,#f1f5fa);background:linear-gradient(90deg,var(--surface-alt) 0,var(--border) 50%,var(--surface-alt) 100%);background-size:200% 100%;border-radius:6px;border-radius:var(--r-sm)}.skeleton-line{display:inline-block;height:12px}.skeleton-card{border-radius:16px;border-radius:var(--r-lg);height:160px}.skeleton-grid{grid-gap:1rem;grid-gap:var(--s-4);display:grid;gap:1rem;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.portal-header{align-items:center;background:#143a67;background:var(--c-navy);color:#fff;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--s-4);justify-content:space-between;padding:1.5rem;padding:var(--s-5) var(--s-5)}.portal-header h1{color:#fff;font-size:1.5rem;font-size:var(--fs-h3)}.kanban-board{grid-gap:.75rem;grid-gap:var(--s-3);display:grid;gap:.75rem;gap:var(--s-3);grid-template-columns:repeat(5,minmax(240px,1fr));overflow-x:auto;padding-bottom:.5rem;padding-bottom:var(--s-2)}.kanban-col{background:#f1f5fa;background:var(--surface-alt);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);min-height:400px;padding:.75rem;padding:var(--s-3);transition:background .15s,border-color .15s}.kanban-col.drop-hover{background:#eaf2f8;background:var(--c-blue-100);border-color:#0e477a;border-color:var(--c-blue)}.kanban-col-header{align-items:center;border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);border-top:3px solid;display:flex;font-weight:700;gap:.5rem;gap:var(--s-2);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--s-2);padding-bottom:.5rem;padding-bottom:var(--s-2);padding-top:.75rem;padding-top:var(--s-3)}.kanban-count{background:#fff;background:var(--surface);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:999px;border-radius:var(--r-pill);color:#6b7686;color:var(--text-muted);font-size:11px;font-weight:700;padding:1px 9px}.kanban-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--s-2)}.kanban-card,.task-card{background:#fff;background:var(--surface);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);cursor:grab;padding:.75rem;padding:var(--s-3);transition:transform .12s,box-shadow .12s}.kanban-card:hover,.task-card:hover{box-shadow:0 4px 12px rgba(20,58,103,.08);box-shadow:var(--sh-md);transform:translateY(-2px)}.kanban-card:active{cursor:grabbing}.kanban-empty{border:1px dashed #d3d9e3;border:1px dashed var(--border-strong);border-radius:10px;border-radius:var(--r-md);color:#94a0b0;color:var(--text-faint);font-size:.75rem;font-size:var(--fs-caption);padding:1.5rem .5rem;padding:var(--s-5) var(--s-2);text-align:center}.calendar{background:#fff;background:var(--surface);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);overflow:hidden}.calendar-header{background:#143a67;background:var(--c-navy);border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-name{color:hsla(0,0%,100%,.85);font-size:.75rem;font-size:var(--fs-caption);font-weight:700;padding:.75rem;padding:var(--s-3);text-align:center}.calendar-body{display:flex;flex-direction:column}.calendar-week{border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week:last-child{border-bottom:none}.calendar-cell{background:#fff;background:var(--surface);border-left:1px solid #e6e9ef;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem;gap:var(--s-1);min-height:104px;padding:.5rem;padding:var(--s-2)}.calendar-cell.empty{background:#f1f5fa;background:var(--surface-alt);padding:.5rem;padding:var(--s-2)}.calendar-cell.today{background:#eaf2f8;background:var(--c-blue-100);box-shadow:inset 0 -3px 0 #f2ca1b;box-shadow:inset 0 -3px 0 var(--c-gold)}.calendar-cell:last-child{border-left:none}.calendar-date{font-feature-settings:"tnum";color:#6b7686;color:var(--text-muted);font-size:.75rem;font-size:var(--fs-caption);font-variant-numeric:tabular-nums;font-weight:700;text-align:left}.calendar-cell.today .calendar-date{color:#0e477a;color:var(--c-blue)}.calendar-tasks{display:flex;flex-direction:column;gap:3px}.calendar-task{background:#f1f5fa;background:var(--surface-alt);border-radius:6px;border-radius:var(--r-sm);border-right:3px solid #86bcdc;border-right:3px solid var(--c-blue-300);color:#3a4452;color:var(--text-body);cursor:pointer;font-size:11px;overflow:hidden;padding:3px 7px;text-overflow:ellipsis;white-space:nowrap}.calendar-task:hover{background:#eaf2f8;background:var(--c-blue-100);color:#0e477a;color:var(--c-blue)}.calendar-more{color:#6b7686;color:var(--text-muted);cursor:pointer;font-size:10px;padding:2px 6px}.toast-container{bottom:1.5rem;bottom:var(--s-5);display:flex;flex-direction:column-reverse;gap:.5rem;gap:var(--s-2);left:1.5rem;left:var(--s-5);max-width:420px;pointer-events:none;position:fixed;z-index:9999}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.toast{align-items:center;animation:toastSlideIn .18s ease-out;background:#fff;background:var(--surface);border:1px solid #e6e9ef;border-right:4px solid #0e477a;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);border-right:4px solid var(--c-blue);box-shadow:0 4px 12px rgba(20,58,103,.08);box-shadow:var(--sh-md);color:#3a4452;color:var(--text-body);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--fs-sm);gap:.75rem;gap:var(--s-3);min-width:280px;padding:.75rem 1rem;padding:var(--s-3) var(--s-4);pointer-events:auto}.toast-success{border-right-color:#2e7d5b;border-right-color:var(--c-success)}.toast-error{border-right-color:#c0392b;border-right-color:var(--c-danger)}.toast-warning{border-right-color:#e0a800;border-right-color:var(--c-warning)}.toast-info{border-right-color:#2074a3;border-right-color:var(--c-blue-500)}.toast-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--fs-sm);font-weight:700;height:24px;justify-content:center;width:24px}.toast-success .toast-icon{background:#2e7d5b;background:var(--c-success)}.toast-error .toast-icon{background:#c0392b;background:var(--c-danger)}.toast-warning .toast-icon{background:#e0a800;background:var(--c-warning);color:#143a67;color:var(--c-navy)}.toast-info .toast-icon{background:#2074a3;background:var(--c-blue-500)}.toast-message{flex:1 1;line-height:1.5}.toast-close{background:none;border:none;color:#6b7686;color:var(--text-muted);cursor:pointer;font-size:1.25rem;line-height:1;padding:0 .25rem;padding:0 var(--s-1)}.toast-close:hover{color:#1a2330;color:var(--text)}.attachments-dropzone{background:#f1f5fa;background:var(--surface-alt);border:2px dashed #d3d9e3;border:2px dashed var(--border-strong);border-radius:10px;border-radius:var(--r-md);color:#6b7686;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-size:var(--fs-sm);margin-bottom:.75rem;margin-bottom:var(--s-3);padding:1rem;padding:var(--s-4);text-align:center;transition:border-color .15s,background .15s,color .15s}.attachments-dropzone.drag-over,.attachments-dropzone:hover{background:#eaf2f8;background:var(--c-blue-100);border-color:#0e477a;border-color:var(--c-blue);color:#0e477a;color:var(--c-blue)}.attachments-dropzone.uploading{border-color:#e0a800;border-color:var(--c-warning);color:#8a6d00;color:var(--c-gold-ink)}.attachments-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--s-2)}.attachment-item{align-items:center;background:#f1f5fa;background:var(--surface-alt);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);display:flex;gap:.75rem;gap:var(--s-3);padding:.5rem;padding:var(--s-2);transition:background .12s}.attachment-item:hover{background:#eaf2f8;background:var(--c-blue-100)}.attachment-thumb{cursor:zoom-in;object-fit:cover}.attachment-icon,.attachment-thumb{border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:6px;border-radius:var(--r-sm);flex-shrink:0;height:44px;width:44px}.attachment-icon{align-items:center;background:#fff;background:var(--surface);display:flex;font-size:1.35rem;justify-content:center}.attachment-info{flex:1 1;min-width:0}.attachment-name{color:#1a2330;color:var(--text);display:block;font-size:.875rem;font-size:var(--fs-sm);font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.attachment-name:hover{color:#0e477a;color:var(--c-blue);text-decoration:underline}.attachment-meta{color:#94a0b0;color:var(--text-faint);font-size:11px;margin-top:2px}.attachment-remove{color:#c0392b;color:var(--c-danger);font-size:.875rem;font-size:var(--fs-sm);line-height:1;opacity:.65;padding:.5rem;padding:var(--s-2)}.attachment-remove:hover{background:#fbebeb;background:var(--c-coral-soft);opacity:1}.public-showcase{background:#f6f8fb;background:var(--c-mist);direction:rtl;font-family:Tajawal,system-ui,-apple-system,sans-serif;font-family:var(--font);min-height:100vh}.public-header{background:#fff;background:var(--c-paper);border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--c-line);padding:1rem 0;padding:var(--s-4) 0}.public-header-inner{align-items:center;display:flex;gap:1rem;gap:var(--s-4);margin:0 auto;max-width:1100px;padding:0 1.5rem;padding:0 var(--s-5)}.public-logo{border-radius:6px;border-radius:var(--r-sm);height:56px}.public-main{margin:0 auto;max-width:1100px;padding:2rem 1.5rem;padding:var(--s-6) var(--s-5)}.public-card{background:#fff;background:var(--c-paper);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:16px;border-radius:var(--r-lg);padding:2rem;padding:var(--s-6)}.public-stats-row{grid-gap:.75rem;grid-gap:var(--s-3);display:grid;gap:.75rem;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:1.5rem;margin-bottom:var(--s-5)}.public-stat-card{background:#143a67;background:var(--report-brand);border:1px solid #143a67;border:1px solid var(--report-brand);border-radius:16px;border-radius:var(--r-lg);overflow:hidden;padding:1.5rem 1rem;padding:var(--s-5) var(--s-4);position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.public-stat-card:hover{box-shadow:0 18px 40px rgba(20,58,103,.14);box-shadow:var(--sh-lg);transform:translateY(-4px)}.public-stat-value{font-feature-settings:"tnum";color:#f2ca1b;color:var(--report-gold);font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:900;line-height:1.15}.public-stat-label{color:#cfe2f1;font-size:.875rem;font-size:var(--fs-sm);margin-top:.25rem;margin-top:var(--s-1)}.report-stat-icon{font-size:1.35rem;line-height:1;margin-bottom:.25rem;margin-bottom:var(--s-1)}.public-filters{align-items:flex-end;background:#fff;background:var(--c-paper);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:16px;border-radius:var(--r-lg);display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--s-3);margin-bottom:1rem;margin-bottom:var(--s-4);padding:.75rem 1rem;padding:var(--s-3) var(--s-4)}.public-filter-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--s-1)}.public-filter-group label{color:#6b7686;color:var(--c-muted);font-size:.75rem;font-size:var(--fs-caption);font-weight:500}.public-tabs{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--s-2);margin-bottom:1rem;margin-bottom:var(--s-4);padding-bottom:.5rem;padding-bottom:var(--s-2)}.public-tab{background:#fff;background:var(--c-paper);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:999px;border-radius:var(--r-pill);color:#3a4452;color:var(--c-body);cursor:pointer;font-family:inherit;font-size:.875rem;font-size:var(--fs-sm);font-weight:500;padding:8px 18px;transition:background .15s,color .15s,border-color .15s}.public-tab:hover{background:#eaf2f8;background:var(--c-blue-100);color:#0e477a;color:var(--c-blue)}.public-tab.active{background:#0e477a;background:var(--c-blue);border-color:#0e477a;border-color:var(--c-blue);color:#fff;font-weight:700}.public-client-section{background:#fff;background:var(--c-paper);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:16px;border-radius:var(--r-lg);margin-bottom:1rem;margin-bottom:var(--s-4);overflow:hidden}.public-client-header{align-items:center;background:#eaf2f8;background:var(--c-blue-100);border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--c-line);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--s-2);justify-content:space-between;padding:1rem 1.5rem;padding:var(--s-4) var(--s-5)}.public-client-header h3{color:#143a67;color:var(--text-strong);font-size:1.25rem;font-size:var(--fs-h4);font-weight:700;margin:0}.public-client-stats{color:#6b7686;color:var(--c-muted);display:flex;font-size:.75rem;font-size:var(--fs-caption);gap:1rem;gap:var(--s-4)}.public-task-list{list-style:none;margin:0;padding:0}.public-task-item{align-items:center;border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--c-line);display:flex;gap:.75rem;gap:var(--s-3);justify-content:space-between;padding:.75rem 1.5rem;padding:var(--s-3) var(--s-5)}.public-task-item:last-child{border-bottom:0}.public-task-title{color:#1a2330;color:var(--c-ink);flex:1 1;font-size:.875rem;font-size:var(--fs-sm)}.public-task-status{border-radius:999px;border-radius:var(--r-pill);color:#fff;font-size:.75rem;font-size:var(--fs-caption);font-weight:700;padding:3px 12px;white-space:nowrap}.public-footer{background:#fff;background:var(--c-paper);border-top:1px solid #e6e9ef;border-top:1px solid var(--c-line);color:#6b7686;color:var(--c-muted);font-size:.875rem;font-size:var(--fs-sm);margin-top:2rem;margin-top:var(--s-6);padding:2rem;padding:var(--s-6);text-align:center}:root{--report-brand:var(--c-navy);--report-brand-dark:#0b2444;--report-gold:var(--c-gold);--report-gold-ink:var(--c-gold-ink);--report-done:var(--c-success);--report-active:var(--c-blue);--report-todo:var(--c-coral);--report-paused:var(--c-muted)}.report-cover{background:linear-gradient(150deg,#143a67,#0b2444);background:linear-gradient(150deg,var(--report-brand) 0,var(--report-brand-dark) 100%);color:#fff;overflow:hidden;position:relative}.report-cover:after{background:#fff;content:"";height:300px;left:-60px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;-webkit-mask:var(--motif-mask) center /contain no-repeat;mask:var(--motif-mask) center /contain no-repeat;opacity:.05;pointer-events:none;position:absolute;top:-80px;width:300px}.report-cover-inner{align-items:center;display:flex;gap:1.5rem;gap:var(--s-5);margin:0 auto;max-width:1100px;padding:2rem 1.5rem;padding:var(--s-6) var(--s-5);position:relative;z-index:1}.report-cover-logo{background:#fff;border-radius:10px;border-radius:var(--r-md);height:64px;padding:6px}.report-cover-kicker{align-items:center;color:#f2ca1b;color:var(--report-gold);display:inline-flex;font-size:.75rem;font-size:var(--fs-caption);font-weight:500;gap:.5rem;gap:var(--s-2);letter-spacing:.04em;margin-bottom:.25rem;margin-bottom:var(--s-1)}.report-cover-kicker:before{background:#f2ca1b;background:var(--report-gold);content:"";height:12px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;-webkit-mask:var(--motif-mask) center /contain no-repeat;mask:var(--motif-mask) center /contain no-repeat;width:12px}.report-cover-title{color:#fff;font-size:2rem;font-size:var(--fs-h2);font-weight:900;line-height:1.25;margin:0}.report-cover-period{color:hsla(0,0%,100%,.82);font-size:.875rem;font-size:var(--fs-sm);margin-top:.25rem;margin-top:var(--s-1)}.report-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--s-3);margin-bottom:1rem;margin-bottom:var(--s-4)}.report-legend{align-items:center;background:#fff;background:var(--c-paper);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:16px;border-radius:var(--r-lg);color:#3a4452;color:var(--c-body);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--fs-sm);gap:1.5rem;gap:var(--s-5);margin-bottom:1.5rem;margin-bottom:var(--s-5);padding:.75rem 1rem;padding:var(--s-3) var(--s-4)}.report-legend>span{gap:.5rem;gap:var(--s-2)}.report-icon,.report-legend>span{align-items:center;display:inline-flex}.report-icon{border-radius:50%;color:#fff;font-size:.875rem;font-size:var(--fs-sm);font-weight:700;height:22px;justify-content:center;line-height:1;transition:transform .15s;width:22px}.report-icon-done{background:#2e7d5b;background:var(--report-done)}.report-icon-active{background:#0e477a;background:var(--report-active)}.report-icon-todo{background:#d66062;background:var(--report-todo)}.report-icon-paused{background:#6b7686;background:var(--report-paused);font-size:10px}.report-section{background:#fff;background:var(--c-paper);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:16px;border-radius:var(--r-lg);margin-bottom:1.5rem;margin-bottom:var(--s-5);overflow:hidden}.report-section-header{align-items:center;background:#143a67;background:var(--report-brand);color:#fff;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--s-3);justify-content:space-between;padding:1rem 1.5rem;padding:var(--s-4) var(--s-5)}.report-section-header h3{color:#fff;font-size:1.25rem;font-size:var(--fs-h4);font-weight:700;margin:0}.report-section-stats{color:hsla(0,0%,100%,.9);display:flex;font-size:.875rem;font-size:var(--fs-sm);gap:1rem;gap:var(--s-4)}.report-section-stats strong{font-feature-settings:"tnum";color:#f2ca1b;color:var(--report-gold);font-variant-numeric:tabular-nums}.report-empty{color:#6b7686;color:var(--c-muted);font-size:.875rem;font-size:var(--fs-sm);padding:1.5rem;padding:var(--s-5);text-align:center}.report-table-wrap{padding:1rem 1.5rem .25rem;padding:var(--s-4) var(--s-5) var(--s-1)}.report-table-title{background:#eaf2f8;background:var(--c-blue-100);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-bottom:none;border-radius:10px 10px 0 0;border-radius:var(--r-md) var(--r-md) 0 0;color:#143a67;color:var(--text-strong);font-weight:700;padding:.5rem .75rem;padding:var(--s-2) var(--s-3);text-align:center}.report-matrix,.report-table-title{font-size:.875rem;font-size:var(--fs-sm)}.report-matrix{border-collapse:collapse;width:100%}.report-matrix td,.report-matrix th{border:1px solid #e6e9ef;border:1px solid var(--c-line);padding:.5rem .75rem;padding:var(--s-2) var(--s-3);text-align:center;vertical-align:middle}.report-matrix thead th{background:#143a67;background:var(--report-brand);color:#fff;font-weight:700}.report-matrix .report-matrix-rowhead{background:#f6f8fb;background:var(--c-mist);color:#1a2330;color:var(--c-ink);font-weight:700;text-align:right}.report-matrix thead .report-matrix-rowhead{background:#143a67;background:var(--report-brand);color:#fff}.report-matrix tbody tr{transition:background .15s}.report-matrix tbody tr:nth-child(2n) td{background:#fafcfe}.report-matrix tbody tr:nth-child(2n) .report-matrix-rowhead{background:#f6f8fb;background:var(--c-mist)}.report-matrix tbody tr:hover td{background:#eaf2f8;background:var(--c-blue-100)}.report-matrix tbody tr:hover .report-matrix-rowhead{background:#ddebf5}.report-matrix td:hover .report-icon{transform:scale(1.18)}.report-task-list{list-style:none;margin:0;padding:.5rem 1.5rem 1rem;padding:var(--s-2) var(--s-5) var(--s-4)}.report-task-item{align-items:center;border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--c-line);display:flex;gap:.75rem;gap:var(--s-3);justify-content:space-between;padding:.75rem;padding:var(--s-3)}.report-task-item:last-child{border-bottom:0}.report-task-title{color:#1a2330;color:var(--c-ink);flex:1 1;font-size:.875rem;font-size:var(--fs-sm)}.report-task-state{align-items:center;display:inline-flex;gap:.5rem;gap:var(--s-2)}.report-footer,.report-task-label{color:#6b7686;color:var(--c-muted);font-size:.75rem;font-size:var(--fs-caption)}.report-footer{border-top:1px solid #e6e9ef;border-top:1px solid var(--c-line);display:flex;gap:1rem;gap:var(--s-4);justify-content:space-between;margin:2rem auto 0;margin:var(--s-6) auto 0;max-width:1100px;padding:1rem 1.5rem;padding:var(--s-4) var(--s-5)}.report-ring-card{flex-direction:column;gap:.5rem;gap:var(--s-2)}.report-ring,.report-ring-card{align-items:center;display:flex}.report-ring{background:conic-gradient(#f2ca1b calc(var(--pct)*1%),hsla(0,0%,100%,.16) 0);background:conic-gradient(var(--report-gold) calc(var(--pct)*1%),hsla(0,0%,100%,.16) 0);height:84px;width:84px}.report-ring,.report-ring-hole{border-radius:50%;justify-content:center}.report-ring-hole{align-items:center;background:#143a67;background:var(--report-brand);display:flex;height:62px;width:62px}.report-ring-num{font-feature-settings:"tnum";color:#f2ca1b;color:var(--report-gold);font-size:1.25rem;font-size:var(--fs-h4);font-variant-numeric:tabular-nums;font-weight:900}.report-progress{background:#eaf2f8;background:var(--c-blue-100);height:6px}.report-progress-fill{background:#143a67;background:var(--report-brand);height:100%;transition:width .9s ease}.report-section-pct{font-feature-settings:"tnum";background:hsla(0,0%,100%,.12);border:1px solid #f2ca1b;border:1px solid var(--report-gold);border-radius:999px;border-radius:var(--r-pill);color:#f2ca1b;color:var(--report-gold);font-variant-numeric:tabular-nums;font-weight:700;padding:1px 12px}.report-section-toggle{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.report-section-toggle h3{align-items:center;display:inline-flex;gap:.5rem;gap:var(--s-2)}.report-chevron{display:inline-block;transition:transform .2s ease}.report-section.is-collapsed .report-chevron{transform:rotate(-90deg)}.report-section.is-collapsed .report-section-body{display:none}.report-animate{animation:reportFadeUp .45s ease both}@keyframes reportFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.report-cards{grid-gap:.75rem;grid-gap:var(--s-3);display:grid;gap:.75rem;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));padding:1rem 1.5rem;padding:var(--s-4) var(--s-5)}.report-card{background:#fff;background:var(--c-paper);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:16px;border-radius:var(--r-lg);padding:1rem;padding:var(--s-4);transition:transform .2s,box-shadow .2s}.report-card:hover{box-shadow:0 18px 40px rgba(20,58,103,.14);box-shadow:var(--sh-lg);transform:translateY(-4px)}.report-card-title{color:#1a2330;color:var(--c-ink);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--s-2)}.report-card-badge{border-radius:999px;border-radius:var(--r-pill);color:#fff;display:inline-block;font-weight:700;padding:2px 12px}.report-card-badge,.report-card-meta{font-size:.75rem;font-size:var(--fs-caption)}.report-card-meta{color:#6b7686;color:var(--c-muted);margin-top:.5rem;margin-top:var(--s-2)}.report-group{border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:16px;border-radius:var(--r-lg);margin:.75rem 1.5rem;margin:var(--s-3) var(--s-5);overflow:hidden}.report-group-title{background:#eaf2f8;background:var(--c-blue-100);color:#143a67;color:var(--text-strong);font-weight:700;padding:.5rem .75rem;padding:var(--s-2) var(--s-3)}.report-group-items{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--s-3);padding:.75rem;padding:var(--s-3)}.report-group-item{align-items:center;background:#f6f8fb;background:var(--c-mist);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:999px;border-radius:var(--r-pill);display:inline-flex;font-size:.875rem;font-size:var(--fs-sm);gap:.5rem;gap:var(--s-2);padding:4px 14px 4px .5rem;padding:4px 14px 4px var(--s-2)}.report-group-item-label{color:#1a2330;color:var(--c-ink)}.tour-backdrop{animation:tourFade .2s ease;background:rgba(20,58,103,.6);inset:0;pointer-events:auto;position:fixed;z-index:9998}@keyframes tourFade{0%{opacity:0}to{opacity:1}}.tour-spotlight{background:transparent;border:3px solid #f2ca1b;border:3px solid var(--c-gold);border-radius:10px;border-radius:var(--r-md);box-shadow:0 0 0 9999px rgba(20,58,103,.6),0 0 24px rgba(242,202,27,.45);pointer-events:none;position:fixed;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;z-index:9999}.tour-tooltip{background:#fff;background:var(--surface);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 18px 40px rgba(20,58,103,.14);box-shadow:var(--sh-lg);color:#3a4452;color:var(--text-body);direction:rtl;font-family:Tajawal,system-ui,-apple-system,sans-serif;font-family:var(--font);max-width:calc(100vw - 32px);padding:1.5rem;padding:var(--s-5);width:380px;z-index:10000}.tour-step-counter{font-feature-settings:"tnum";background:#eaf2f8;background:var(--c-blue-100);border-radius:999px;border-radius:var(--r-pill);color:#02537d;color:var(--c-blue-600);display:inline-block;font-size:.75rem;font-size:var(--fs-caption);font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--s-2);padding:2px 10px}.tour-title{color:#1a2330;color:var(--text);font-size:1.25rem;font-size:var(--fs-h4);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--s-2)}.tour-body{color:#6b7686;color:var(--text-muted);font-size:.875rem;font-size:var(--fs-sm);line-height:1.8;margin:0 0 1rem;margin:0 0 var(--s-4)}.tour-actions{align-items:center;display:flex;gap:.5rem;gap:var(--s-2);justify-content:space-between}.help-search input.form-input{font-size:1rem;font-size:var(--fs-base);margin-bottom:1rem;margin-bottom:var(--s-4);padding:.75rem 1rem;padding:var(--s-3) var(--s-4);width:100%}.help-cats{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--s-2);margin-bottom:1.5rem;margin-bottom:var(--s-5)}.help-cat{background:#fff;background:var(--surface);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:999px;border-radius:var(--r-pill);color:#3a4452;color:var(--text-body);cursor:pointer;font-family:inherit;font-size:.75rem;font-size:var(--fs-caption);font-weight:500;padding:6px 16px;transition:background .15s,color .15s,border-color .15s}.help-cat:hover{background:#eaf2f8;background:var(--c-blue-100);color:#0e477a;color:var(--c-blue)}.help-cat.active{background:#0e477a;background:var(--c-blue);border-color:#0e477a;border-color:var(--c-blue);color:#fff;font-weight:700}.help-articles{grid-gap:.75rem;grid-gap:var(--s-3);display:grid;gap:.75rem;gap:var(--s-3)}.help-article{background:#fff;background:var(--surface);border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);padding:1.5rem;padding:var(--s-5);transition:border-color .15s,box-shadow .15s}.help-article:hover{border-color:#86bcdc;border-color:var(--c-blue-300);box-shadow:0 1px 3px rgba(20,58,103,.08);box-shadow:var(--sh-sm)}.help-article-title{align-items:center;color:#1a2330;color:var(--text);display:flex;font-size:1.25rem;font-size:var(--fs-h4);font-weight:700;gap:.5rem;gap:var(--s-2);margin:0 0 .5rem;margin:0 0 var(--s-2)}.help-article-title:before{background:#f2ca1b;background:var(--c-gold);content:"";flex-shrink:0;height:12px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m50 2 8.8 26.75 25.14-12.69L71.25 41.2 98 50l-26.75 8.8 12.69 25.14L58.8 71.25 50 98l-8.8-26.75-25.14 12.69L28.75 58.8 2 50l26.75-8.8-12.69-25.14L41.2 28.75Z'/%3E%3C/svg%3E") center /contain no-repeat;-webkit-mask:var(--motif-mask) center /contain no-repeat;mask:var(--motif-mask) center /contain no-repeat;width:12px}.help-article-body{color:#3a4452;color:var(--text-body);font-size:.875rem;font-size:var(--fs-sm);line-height:1.9}.bottom-tabs,.drawer-backdrop,.drawer-close-btn,.mobile-menu-btn,.mobile-title{display:none}@media (max-width:768px){html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:rgba(14,71,122,.1);overscroll-behavior-y:none}.sidebar{bottom:0;box-shadow:-8px 0 28px rgba(20,58,103,.28);position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);width:284px!important;z-index:100}.drawer-open .sidebar{transform:translateX(0)}.collapsed .sidebar{width:284px!important}.sidebar nav a span:not(.nav-icon){display:inline!important}.sidebar-header h2{font-size:1rem!important}.sidebar-collapse-btn{display:none}.drawer-close-btn{display:inline-flex}.drawer-backdrop{background:rgba(20,58,103,.5);display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:99}.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}.main-content{width:100%}.collapsed .main-content,.main-content{margin-right:0!important}.topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--border);display:flex;gap:.5rem;gap:var(--s-2);height:56px;padding:0 .75rem;padding:0 var(--s-3);position:sticky;top:0;z-index:50}.topbar-right{display:none}.mobile-menu-btn{display:inline-flex;font-size:1.25rem;height:40px;width:40px}.mobile-title{color:#1a2330;color:var(--text);display:block;flex:1 1;font-size:1.05rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-left{gap:2px}.topbar-left .user-badge{display:none}.content-area{padding:1rem .75rem 84px;padding:var(--s-4) var(--s-3) 84px}.bottom-tabs{background:#fff;background:var(--surface);border-top:1px solid #e6e9ef;border-top:1px solid var(--border);bottom:0;box-shadow:0 -2px 12px rgba(20,58,103,.08);display:block;height:64px;left:0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:80}.bottom-tabs-strip{-webkit-overflow-scrolling:touch;display:flex;height:100%;overflow-x:auto;overflow-y:hidden;padding:0 .75rem;padding:0 var(--s-3);scroll-padding-inline:50%;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity;scrollbar-width:none}.bottom-tabs-strip::-webkit-scrollbar{display:none}.bottom-tabs-fade{bottom:env(safe-area-inset-bottom,0);pointer-events:none;position:absolute;top:0;width:24px;z-index:2}.bottom-tabs-fade-start{background:linear-gradient(270deg,#fff,transparent);background:linear-gradient(to left,var(--surface),transparent);right:0}.bottom-tabs-fade-end{background:linear-gradient(90deg,#fff,transparent);background:linear-gradient(to right,var(--surface),transparent);left:0}.bottom-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;border-radius:16px;border-radius:var(--r-lg);color:#6b7686;color:var(--text-muted);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;font-family:inherit;gap:2px;justify-content:center;min-width:76px;padding:.5rem .75rem;padding:var(--s-2) var(--s-3);position:relative;scroll-snap-align:center;text-decoration:none;transition:color .2s ease,transform .1s ease}.bottom-tab:active{transform:scale(.92)}.bottom-tab:before{background:#eaf2f8;background:var(--c-blue-100);border-radius:16px;border-radius:var(--r-lg);content:"";inset:6px;opacity:0;position:absolute;transform:scale(.6);transition:transform .28s cubic-bezier(.5,1.6,.5,1),opacity .2s ease;z-index:-1}.bottom-tab:after{background:#f2ca1b;background:var(--c-gold);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%) scaleX(0);transition:transform .28s cubic-bezier(.32,.72,0,1);width:24px}.bottom-tab.active:before{opacity:1;transform:scale(1)}.bottom-tab.active:after{transform:translateX(-50%) scaleX(1)}.bottom-tab-icon{display:inline-flex;line-height:1;transition:transform .32s cubic-bezier(.5,1.6,.5,1)}.bottom-tab-label{font-size:11px;font-weight:500;line-height:1.2;opacity:.8;transition:opacity .2s ease,transform .25s cubic-bezier(.32,.72,0,1);white-space:nowrap}.bottom-tab.active{color:#0e477a;color:var(--c-blue)}.bottom-tab.active .bottom-tab-icon{transform:translateY(-2px) scale(1.12)}.bottom-tab.active .bottom-tab-label{font-weight:700;opacity:1;transform:translateY(-1px)}.btn,.btn-sm,.form-input,.form-select,.form-textarea{font-size:.875rem;font-size:var(--fs-sm);min-height:42px}.btn-icon{min-height:42px;min-width:42px}.nav-item{font-size:15px;min-height:48px}.form-row{gap:.75rem;gap:var(--s-3);grid-template-columns:1fr!important}.modal{animation:slideUpModal .25s cubic-bezier(.32,.72,0,1);border-radius:24px 24px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;bottom:0;left:0;margin:0;max-height:95vh;max-width:100%!important;overflow-y:auto;position:fixed;right:0;width:100%!important}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{align-items:flex-end;padding:0}.stats-grid,div[style*="grid-template-columns: repeat(3"],div[style*="grid-template-columns: repeat(4"]{gap:.75rem!important;gap:var(--s-3)!important;grid-template-columns:repeat(2,1fr)!important}div[style*="grid-template-columns: 1fr 340px"]{grid-template-columns:1fr!important}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap}table tbody,table thead,table tr{display:table;table-layout:fixed;width:100%}.progress-portal{padding:.75rem!important;padding:var(--s-3)!important}.report-matrix{display:table;table-layout:auto;white-space:normal;width:100%}.report-matrix thead{display:table-header-group}.report-matrix tbody{display:table-row-group}.report-matrix tr{display:table-row}.report-matrix td,.report-matrix th{padding:7px 8px}.report-matrix th{white-space:nowrap}.report-matrix .report-matrix-cell{min-width:44px;white-space:nowrap}.report-matrix .report-matrix-rowhead{box-shadow:-1px 0 0 #e6e9ef;box-shadow:-1px 0 0 var(--c-line);min-width:140px;position:sticky;right:0;white-space:normal;z-index:1}.report-table-wrap{padding:.75rem .75rem .25rem;padding:var(--s-3) var(--s-3) var(--s-1)}.table-wrap{-webkit-overflow-scrolling:touch}.task-detail{grid-template-columns:1fr}.kanban-board{-webkit-overflow-scrolling:touch;display:flex!important;gap:.75rem;gap:var(--s-3);grid-template-columns:none!important;overflow-x:auto;padding-bottom:.5rem;padding-bottom:var(--s-2);-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.kanban-col{flex:0 0 80%;scroll-snap-align:start}.calendar-cell{font-size:11px;min-height:60px}.calendar-task{font-size:10px;padding:2px 4px}h2{font-size:1.25rem!important}h3{font-size:1.05rem!important}.filters{align-items:stretch!important;flex-direction:column!important;gap:.5rem!important;gap:var(--s-2)!important}.filters>*{width:100%!important}.view-switcher{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.view-switcher::-webkit-scrollbar{display:none}.help-cats{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.help-cats::-webkit-scrollbar{display:none}.help-cat{flex-shrink:0;white-space:nowrap}.public-stats-row{grid-template-columns:repeat(2,1fr)!important}.public-stat-value{font-size:2rem}.public-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.public-tabs::-webkit-scrollbar{display:none}.public-tab{flex-shrink:0;white-space:nowrap}.report-cover-inner{gap:.75rem;gap:var(--s-3);padding:1.5rem 1rem;padding:var(--s-5) var(--s-4)}.report-cover-title{font-size:1.35rem}}@media (max-width:480px){.public-stats-row,.stats-grid,div[style*="grid-template-columns: repeat(4"]{grid-template-columns:1fr!important}.modal{padding:1rem!important;padding:var(--s-4)!important}.btn{font-size:.75rem;font-size:var(--fs-caption);padding:.6rem 1.1rem}.topbar{gap:.25rem;gap:var(--s-1);padding:0 .5rem;padding:0 var(--s-2)}.mobile-title{font-size:.95rem}}@supports (padding:env(safe-area-inset-top)){@media (max-width:768px){.topbar{height:calc(56px + env(safe-area-inset-top, 0))}.sidebar,.topbar{padding-top:env(safe-area-inset-top,0)}}}@media (prefers-reduced-motion:reduce){.report-animate{animation:none}.card-hover,.kanban-card,.public-stat-card,.report-card,.report-chevron,.report-icon,.report-progress-fill,.task-card{transition:none}}@media print{@page{size:A4;margin:12mm}.public-showcase.report-mode,body{background:#fff}.no-print{display:none!important}.public-stat-card,.report-cover,.report-cover:after,.report-group-title,.report-icon,.report-matrix thead th,.report-member-header,.report-progress-fill,.report-ring,.report-section-header,.report-section-pct,.report-table-title{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-section.is-collapsed .report-section-body{display:block!important}.report-group,.report-matrix tr,.report-member-header,.report-section,.report-table-wrap{break-inside:avoid;page-break-inside:avoid}.report-member-header{break-after:avoid;page-break-after:avoid}.public-main{max-width:none;padding:0}.report-cover-inner{padding:1rem 0;padding:var(--s-4) 0}}.checklist-head{gap:.75rem;gap:var(--s-3);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--s-2)}.board-toggle,.checklist-head{align-items:center;display:flex}.board-toggle{color:#6b7686;color:var(--c-muted);cursor:pointer;font-size:.75rem;font-size:var(--fs-caption);gap:5px;white-space:nowrap}.checklist-row{align-items:center;border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--c-line);display:flex;font-size:.875rem;font-size:var(--fs-sm);gap:.5rem;gap:var(--s-2);padding:.5rem 0;padding:var(--s-2) 0}.checklist-row:last-of-type{border-bottom:none}.checklist-dot{border:1.5px solid #6b7686;border:1.5px solid var(--c-muted);border-radius:6px;border-radius:var(--r-sm);flex:none;height:14px;width:14px}.checklist-remove{background:none;border:none;border-radius:6px;border-radius:var(--r-sm);color:#6b7686;color:var(--c-muted);cursor:pointer;font-size:.75rem;font-size:var(--fs-caption);line-height:1;padding:2px 4px}.checklist-remove:hover{background:#f6f8fb;background:var(--c-mist);color:#c0392b;color:var(--c-danger)}.checklist-progress{background:#e6e9ef;background:var(--c-line);border-radius:999px;border-radius:var(--r-pill);display:inline-block;flex:none;height:5px;overflow:hidden;width:90px}.checklist-progress>span{background:#2e7d5b;background:var(--c-success);display:block;height:100%}.card-notes{background:#f6f8fb;background:var(--c-mist);border-radius:6px;border-radius:var(--r-sm);color:#6b7686;color:var(--c-muted);font-size:.75rem;font-size:var(--fs-caption);line-height:1.6;margin-top:.5rem;margin-top:var(--s-2);max-height:60px;overflow:hidden;padding:.5rem;padding:var(--s-2);white-space:pre-wrap}.assignee-chips{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--s-2);margin-bottom:.5rem;margin-bottom:var(--s-2)}.assignee-chip{align-items:center;background:#f6f8fb;background:var(--c-mist);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:999px;border-radius:var(--r-pill);display:inline-flex;font-size:.75rem;font-size:var(--fs-caption);gap:5px;padding:3px 10px}.assignee-chip.primary{background:#eaf2f8;background:var(--c-blue-100);border-color:#86bcdc;border-color:var(--c-blue-300);color:#02537d;color:var(--c-blue-600);font-weight:600}.assignee-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:11px;line-height:1;opacity:.6;padding:0 1px}.assignee-chip button:hover{opacity:1}.weekday-picker{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--s-2);margin-top:.5rem;margin-top:var(--s-2)}.weekday{background:#fff;background:var(--c-paper);border:1px solid #e6e9ef;border:1px solid var(--c-line);border-radius:999px;border-radius:var(--r-pill);color:#6b7686;color:var(--c-muted);cursor:pointer;font-family:inherit;font-size:.75rem;font-size:var(--fs-caption);padding:4px 12px}.weekday.on{background:#0e477a;background:var(--primary);border-color:#0e477a;border-color:var(--primary);color:#fff;color:var(--c-paper);font-weight:600}
/*# sourceMappingURL=main.09aee18c.css.map*/