@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--brand-navy:#1b3a6b;--brand-teal:#00897b;--brand-gold:#ffa000;--brand-bg:#1d2125;--primary:#2563eb;--secondary:#f1f5f9;--accent:#f1f5f9;--destructive:#ef4444;--success:#16a34a;--warning:#f59e0b;--border:#3b4a54;--page:#1d2125;--surface:#22272b;--line:var(--border);--ink:#b6c2cf;--soft-ink:#b6c2cf;--muted:#8c9bab;--shadow:0 14px 30px #00000059;--bg-page:#1d2125;--bg-sidebar:#1d2d3e;--bg-card:#22272b;--bg-card-hover:#282e33;--bg-topbar:#1d2125;--bg-kanban-column:#101204;--bg-kanban-card:#22272b;--bg-board:linear-gradient(135deg, #4a1a6b 0%, #9b3888 50%, #c0407a 100%);--text-primary:#b6c2cf;--text-secondary:#8c9bab;--text-heading:#fff;--accent-blue:#579dff;--accent-blue-hover:#4a8fd9;--border-color:#3b4a54;--bg-input:#22272b;--danger:#f87168;--bg-primary:var(--bg-card);--bg-secondary:var(--bg-page);color:var(--text-primary);background:var(--bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box;font-family:Inter,sans-serif}h1,h2,h3,h4,.mini-team-card strong,.small-task-card p{letter-spacing:-.01em;color:var(--text-heading);font-weight:600}label,.status-badge,[class*=badge],button{font-weight:500}html{scroll-behavior:smooth}body{background:var(--bg-page);min-width:320px;margin:0}:root[data-theme=dark]{--page:#1d2125;--surface:#22272b;--ink:#b6c2cf;--soft-ink:#b6c2cf;--muted:#8c9bab;--border:#3b4a54;--line:#3b4a54;--bg-primary:var(--bg-card);--bg-secondary:var(--bg-page);--text-primary:var(--ink);--text-secondary:var(--muted);--border-color:var(--border)}:root[data-theme=dark] body{background:var(--page)}a{color:inherit}::selection{background:#579dff40}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-page);border-radius:999px}::-webkit-scrollbar-track{background:0 0}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;margin:0;font:700 19px/1.5 sans-serif;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font:400 14px/1.5 sans-serif}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font:12px/1.3 sans-serif;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.cicle-shell{background:var(--bg-secondary);min-height:100vh;color:var(--text-primary);flex-direction:row;align-items:stretch;display:flex}.app-main-column{flex:1;min-width:0}button,input{font:inherit}button{cursor:pointer}.top-chrome{z-index:10;background:#fff;border-bottom:1px solid #cfcfcf;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.breadcrumb-row,.module-tabs,.top-actions,.home-tools,.section-divider,.team-card-row,.avatar-stack,.preview-line,.preview-area article,.detail-header,.announcement-item,.board-actions,.board-column header,.small-task-card div,.inline-task-form,.folder-empty,.document-list article,.question-list article,.reply-bar,.member-panel label{align-items:center;display:flex}.plain-icon,.crumb{color:inherit;background:0 0;border:0;padding:0}.plain-icon{place-items:center;width:24px;height:24px;display:grid}.crumb{font-weight:700}.top-actions{gap:6px;margin-left:auto}.mini-search,.search-field,.member-panel label{color:#f59e0b;background:#fff;border:1px solid #d1d5db;align-items:center;gap:6px;height:26px;padding:0 8px;display:flex}.mini-search{width:120px}.search-field{width:230px}.mini-search input,.search-field input,.reply-bar input,.inline-task-form input,.member-panel input{color:#111827;background:0 0;border:0;outline:0;width:100%;min-width:0}.workspace-chip{color:#334155;background:#f8fafc;border:1px solid #d8dee4;border-radius:3px;padding:3px 8px}.module-tabs{border-top:1px solid #e5e7eb;gap:2px;min-height:29px;padding:0 12px;overflow-x:auto}.module-tabs button{color:#334155;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:5px;min-height:29px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.home-canvas{width:min(1440px,100vw - 28px);margin:54px auto}.home-tools{gap:8px;margin-bottom:22px;margin-left:36px}.home-filter-wrap{position:relative}.home-filter-panel{z-index:20;border:1px solid var(--border);background:#fff;border-radius:10px;gap:8px;min-width:170px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #0f172a26}.home-filter-panel label{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}[data-theme=dark] .home-filter-panel{background:var(--surface);border-color:var(--border);color:var(--ink)}.section-divider>button:first-child svg{transition:transform .15s}.section-divider>button:first-child svg.is-collapsed{transform:rotate(-90deg)}.home-section{margin-bottom:42px}.section-divider{color:#9ca3af;gap:7px;margin-bottom:28px;font-size:14px;font-weight:700}.section-divider>button:first-child{background:0 0;border:0;place-items:center;width:18px;height:18px;display:grid}.section-divider i{background:#bdbdbd;flex:1;height:2px}.yellow-plus{color:#fff;background:#ffbf26;border:0;border-radius:999px;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 2px 4px #0000001f}.team-card-row{grid-template-columns:repeat(3,1fr);gap:16px;padding-left:38px;display:grid}.section-create-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;width:min(420px,100% - 38px);margin:-12px 0 18px 38px;display:grid}.section-create-form input{border:1px solid var(--border);height:38px;color:var(--ink);background:#fff;border-radius:10px;padding:0 12px}.section-create-form .panel-primary{min-height:38px;padding-inline:16px}.mini-team-card{border:1px solid var(--border-color);text-align:left;background:var(--bg-card);width:100%;min-height:190px;color:var(--text-primary);border-radius:12px;flex-direction:column;align-items:flex-start;padding:20px;transition:background .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 2px 8px #0000003d}.mini-team-status-dot{background:#ffa000;border-radius:999px;width:8px;height:8px;position:absolute;top:16px;right:16px}.mini-team-icon{color:#fff;background:#1b3a6b;border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:14px;display:grid}.mini-team-card strong{color:#1b3a6b;font-size:16px;font-weight:800;line-height:1.3}.mini-team-card-subtitle{color:#78909c;margin-top:3px;font-size:12px;display:block}.mini-team-card-footer{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:auto;padding-top:16px;display:flex}.mini-team-avatars .avatar-stack .avatar:nth-child(3n){background:#1b3a6b}.mini-team-footer-stats{flex-shrink:0;align-items:center;gap:10px;display:flex}.mini-team-stat{align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.mini-team-stat--tasks{color:#00897b}.mini-team-stat--chat{color:#1b3a6b}.mini-team-chat-badge{color:#fff;background:#ffa000;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;display:inline-flex}.avatar-stack{margin-top:auto}.avatar,.avatar-stack span{color:#fff;background:#e11d48;border:1px solid #fff;border-radius:999px;place-items:center;width:20px;height:20px;font-size:9px;font-weight:800;line-height:1;display:inline-grid}.avatar-stack .avatar+.avatar,.avatar-stack span+span{margin-left:-5px}.module-canvas{width:min(1520px,100vw - 40px);margin:40px auto}.dashboard-stat-bar{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.stat-card--navy .stat-icon{color:var(--brand-navy);background:#1b3a6b1a}.stat-card--gold .stat-icon{color:var(--brand-gold);background:#ffa0001f}.stat-card--teal .stat-icon{color:var(--brand-teal);background:#00897b1f}.stat-card strong{color:#0f172a;font-size:20px;line-height:1.2;display:block}.stat-card span{color:#64748b;font-size:12px}.module-grid-v2{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}.module-tile{text-align:left;cursor:pointer;border:1px solid;border-radius:16px;flex-direction:column;min-width:0;min-height:210px;padding:16px;transition:transform .12s,box-shadow .12s;display:flex}.module-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.module-tile-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.module-tile-icon{background:#ffffffa6;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.module-tile-header h2{color:#0f172a;margin:0;font-size:14px}.module-tile-body{flex:1;min-height:0;overflow:hidden}.module-preview-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.module-preview-list li{color:#334155;align-items:flex-start;gap:8px;font-size:12px;display:flex}.module-preview-list li span{min-width:0;display:grid}.module-preview-list li b{color:#0f172a;font-size:12px}.module-preview-time{color:#0f172a;flex-shrink:0;font-weight:700}.module-tile-empty{color:#94a3b8;text-align:center;flex:1;place-items:center;gap:6px;padding:20px 0;display:grid}.module-tile-empty p{margin:0;font-size:12px}.status-dot{background:#94a3b8;border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-top:4px}.status-dot.blue{background:#3b82f6}.status-dot.green{background:#22c55e}.status-dot.red{background:#fb7185}.module-tile--chat{background:#eef2ff;border-color:#c7d2fe}.module-tile--chat .module-tile-icon{color:#1b3a6b}.module-tile--tasks{background:#fff8e6;border-color:#ffd977}.module-tile--tasks .module-tile-icon{color:#ffa000}.module-tile--schedule{background:#e6f7f5;border-color:#99d5cf}.module-tile--schedule .module-tile-icon{color:#00897b}.module-tile--announcements{background:#fff3e0;border-color:#ffcc80}.module-tile--announcements .module-tile-icon{color:#f59e0b}.module-tile--questions{background:#e8f5e9;border-color:#a5d6a7}.module-tile--questions .module-tile-icon{color:#16a34a}.module-tile--docs{background:#f0f4ff;border-color:#bac8f3}.module-tile--docs .module-tile-icon{color:#3b82f6}.role-badge{border-radius:999px;width:max-content;padding:2px 8px;font-size:10px;font-style:normal;font-weight:700}.role-badge--admin{color:var(--brand-navy);background:#1b3a6b1f}.role-badge--manager{color:var(--brand-teal);background:#00897b1f}.role-badge--member{color:#64748b;background:#e2e8f0}.team-members-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 16px;display:grid}.team-member-card{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.team-member-info{flex:1;gap:3px;min-width:0;display:grid}.team-member-info span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.team-member-card button{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.team-member-card button:hover{color:#ef4444}.team-members-empty{color:#94a3b8;grid-column:1/-1;font-size:13px}.team-members-panel{border:1px solid var(--border);background:#f8fafc;border-radius:14px;margin-top:20px;padding:16px}.team-members-panel header{margin-bottom:10px}.team-members-panel h3{color:var(--brand-navy);margin:0;font-size:14px}.team-members-panel ul{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.team-members-panel li{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:flex}.team-members-panel li span{flex:1}.team-members-panel li em{color:#94a3b8;font-size:11px;font-style:normal}.team-members-panel li button{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.team-members-panel li button:hover{color:#ef4444}.team-members-panel p{color:#94a3b8;font-size:13px}.member-add-picker{position:relative}.member-search-field{border:1px solid var(--border);color:#94a3b8;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.member-search-field input{color:var(--ink);border:none;outline:none;flex:1;font-size:13px}.member-add-picker>p{color:#94a3b8;margin:8px 0 0;font-size:12px}.member-search-results{gap:4px;max-height:220px;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.member-search-results button{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.member-search-results button:hover{background:#eef2ff}.member-search-results button span{flex:1}.member-search-results button em{color:#94a3b8;font-size:11px;font-style:normal}.tile-illustration{width:78px;height:70px;display:block;position:relative}.doc-illus i{background:#63b3ed;border-radius:4px;width:48px;height:34px;position:absolute;top:22px;left:14px}.doc-illus b{background:#f2eadb;width:35px;height:35px;position:absolute;top:11px;left:21px}.doc-illus em{background:#3485c5;width:46px;height:7px;position:absolute;top:22px;left:16px}.detail-layout,.detail-canvas,.board-view{width:min(1600px,100vw - 28px);margin:36px auto}.chat-layout{grid-template-columns:minmax(0,1fr) 320px;gap:0;display:grid}.chat-thread{border-right:1px solid #c9c9c9;min-height:calc(100vh - 105px);padding:14px 24px 80px}.status-banner{color:#92400e;background:#fff8e6;border:1px solid #ffd977;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:10px 14px;font-size:12px;display:flex}.status-banner button{color:#ffa000;cursor:pointer;background:#fff;border:1px solid #ffa000;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:11px;font-weight:700}.chat-thread-loading{color:#94a3b8;text-align:center;margin-top:40px;font-size:13px}.chat-thread-empty{color:#94a3b8;text-align:center;place-items:center;gap:8px;margin-top:60px;display:grid}.chat-thread-empty p{margin:0;font-size:13px}.chat-bubble-row{grid-template-columns:24px minmax(220px,480px);align-items:start;gap:10px;margin-bottom:34px;display:grid}.chat-bubble{background:#fff;border-radius:7px;padding:10px;box-shadow:0 2px 4px #0f172a29}.chat-bubble header{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.chat-bubble header button{background:0 0;border:0}.chat-bubble strong{font-size:12px}.chat-bubble p{white-space:pre-line;color:#334155;margin:0;font-size:12px;line-height:1.45}.chat-bubble time{color:#64748b;text-align:right;margin-top:6px;font-size:9px;display:block}.attachment-card{justify-items:center;gap:4px;margin-top:10px;display:grid}.sheet-thumb{background:#fef3c7;border:1px solid #cbd5e1;grid-template-rows:repeat(3,1fr);width:180px;height:70px;display:grid}.sheet-thumb span:nth-child(2){background:#eab308}.sheet-thumb span:nth-child(3){background:#f8fafc}.attachment-card small{color:#64748b;font-size:10px}.attachment-card a{color:#2563eb;font-size:11px;font-weight:700}.reply-bar{background:#fff;border:1px solid #d1d5db;border-radius:8px;gap:8px;width:min(520px,100%);padding:6px 7px 6px 12px;position:sticky;bottom:14px;box-shadow:0 4px 14px #0f172a1f}.reply-bar button{color:#fff;background:#ffbf26;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.member-panel{background:#fff;min-height:calc(100vh - 105px);padding:12px}.member-panel h3{color:#475569;margin:0 0 10px;font-size:12px}.member-panel label{width:100%;margin-bottom:10px}.member-panel>div{gap:7px;display:grid}.member-panel button{color:#334155;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:8px;height:32px;font-size:11px;display:flex}.member-panel small{color:#64748b;margin-top:18px;display:block}.member-panel button:has(.dm-member-info){height:auto;min-height:44px;padding:6px 8px}.member-panel button.is-active{border-color:var(--brand-teal);background:#00897b0f}.dm-member-info{gap:2px;min-width:0;display:grid}.dm-member-info strong{color:#0f172a;font-size:11px}.dm-member-info small{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;overflow:hidden}.chat-bubble-row--mine{flex-direction:row-reverse;gap:10px;display:flex}.chat-bubble-row--mine .chat-bubble{background:#00897b14}.wide-card,.calendar-card{background:#fff;border:1px solid #d1d5db;width:min(1320px,92vw);min-height:260px;margin:0 auto;box-shadow:0 1px 2px #0f172a14}.wide-card{padding:26px}.detail-header{justify-content:space-between;gap:16px;margin-bottom:20px}.detail-header h1,.folder-empty h1{color:#0f172a;margin:0;font-size:22px}.yellow-action{color:#fff;background:#ffbf26;border:0;border-radius:4px;align-items:center;gap:7px;min-height:32px;padding:0 13px;font-weight:800;display:inline-flex}.announcement-item{border-top:1px solid #eef2f7;align-items:flex-start;gap:12px;padding:14px 0}.announcement-item h2,.document-list h2,.question-list h2{color:#111827;margin:0;font-size:14px}.announcement-item strong{color:#fff;background:#f97316;border-radius:999px;width:max-content;margin:4px 0;padding:2px 8px;font-size:10px;display:block}.announcement-item p,.folder-empty p,.document-list p,.question-list p{color:#64748b;margin:0;font-size:12px}.question-answer-list{gap:8px;margin:10px 0;padding:0;list-style:none;display:grid}.question-answer-list li{color:#334155;align-items:flex-start;gap:8px;font-size:12px;display:flex}.question-answer-list li span{gap:2px;display:grid}.question-answer-list li b{color:#0f172a;font-size:12px}.question-answer-list li time{color:#94a3b8;font-size:10px}.announcement-item>span{color:#fff;background:#fb7185;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:800}.calendar-card{text-align:center;padding:34px 0 28px}.calendar-card>a{color:#2563eb;font-size:11px}.calendar-pair{justify-content:center;align-items:flex-start;gap:34px;margin:12px 0 22px;display:flex}.month-nav{justify-content:center;align-items:center;gap:14px;margin-bottom:6px;display:flex}.month-nav button{border:1px solid var(--border);color:#475569;background:#fff;border-radius:999px;place-items:center;width:26px;height:26px;display:grid}.month-nav button:hover{background:#eef4f8}.month-nav span{color:#334155;min-width:160px;font-size:12px;font-weight:700}.hijri-month-range{color:#00897b;text-align:center;margin:0 0 12px;font-size:12px;font-weight:700}.month-card h2{color:#111827;margin:0 0 10px;font-size:14px;font-weight:600}.week-row,.day-grid{grid-template-columns:repeat(7,24px);justify-content:center;gap:7px;display:grid}.week-row{color:#94a3b8;margin-bottom:6px;font-size:10px}.day-grid button{color:#111827;background:0 0;border:0;border-radius:999px;width:24px;height:24px;font-size:12px}.day-grid button.active{color:#fff;background:#3b82f6}.calendar-card p{color:#64748b;font-size:11px}.board-view{background:var(--bg-board);border-radius:12px;width:100%;min-height:calc(100vh - 220px);margin:14px 0;padding:16px 10px}.board-actions{justify-content:space-between;gap:8px;margin-bottom:10px}.board-actions-left{align-items:center;gap:8px;display:flex}.light-button.is-active{border-color:var(--brand-navy);color:var(--brand-navy);background:#1b3a6b0f}.hidden-columns-strip{align-items:center;gap:6px;display:flex}.hidden-columns-strip button{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.light-button,.add-list-button{color:#334155;background:#fff;border:1px solid #d1d5db;align-items:center;gap:5px;min-height:26px;padding:0 9px;font-size:11px;display:inline-flex}.board-columns{align-items:flex-start;gap:8px;padding-bottom:24px;display:flex;overflow-x:auto}.board-column{background:var(--bg-kanban-column);border-radius:12px;flex:0 0 272px;width:272px;min-height:180px;padding:6px}.board-column.drop-ready{outline:2px dashed var(--accent-blue);outline-offset:-4px}.board-column header{color:#fff;background:0 0;justify-content:space-between;gap:6px;min-height:24px;margin:0 0 6px;padding:8px 10px;font-size:11px;font-weight:600;position:relative}.column-menu{z-index:15;background:#fff;border:1px solid #dce3ea;border-radius:10px;flex-direction:column;gap:2px;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 16px 40px #0f172a2e}.column-menu button{color:#334155;text-align:left;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:700}.column-menu button:hover{background:#f1f5f9}.board-column header span{align-items:center;gap:5px;display:inline-flex}.board-column header b{color:#fff}.board-column header button{color:#fff;background:#ffffff40;border:0;border-radius:4px;place-items:center;width:22px;height:22px;display:grid}.board-stack{gap:6px;display:grid}.small-task-card{background:var(--bg-kanban-card);-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;border-radius:8px;min-height:64px;padding:8px 12px;box-shadow:0 1px 2px #0006}.small-task-card:active{cursor:grabbing}.small-task-card p{color:var(--text-heading);margin:0 0 8px;font-size:12px;line-height:1.35}.small-task-card div{justify-content:space-between}.done-pill{color:#fff;background:#22c55e;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800}.inline-task-form{gap:4px;margin-top:7px}.inline-task-form input{height:24px;color:var(--text-primary);background:0 0;border-radius:4px;padding:0 6px;font-size:11px}.inline-task-form input::placeholder{color:var(--text-secondary)}.inline-task-form button{min-height:24px;color:var(--text-secondary);background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;font-size:11px;transition:background .15s;display:inline-flex}.inline-task-form button:hover{background:#ffffff1a}.add-list-button{flex:0 0 170px;justify-content:flex-start;width:170px}.add-list-wrap{flex-direction:column;flex:0 0 170px;gap:6px;display:flex}.add-list-form{background:#fff;border:1px solid #dce3ea;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.add-list-form input{border:1px solid #dce3ea;border-radius:6px;height:30px;padding:0 8px;font-size:12px}.add-list-form button{background:var(--brand-navy);color:#fff;border:0;border-radius:6px;height:28px;font-size:11px;font-weight:800}.drag-preview{z-index:50;pointer-events:none;color:#111827;background:#fff;border-radius:5px;width:240px;min-height:58px;padding:9px;font-size:12px;font-weight:800;line-height:1.35;position:fixed;transform:translate(-50%,-50%)rotate(1deg);box-shadow:0 12px 28px #0f172a38}.question-list,.document-list{gap:10px;display:grid}.question-list article,.document-list article{border:1px solid #e5e7eb;border-radius:6px;gap:12px;padding:12px}.question-list span,.document-list span{color:#64748b;white-space:nowrap;margin-left:auto;font-size:12px}.folder-empty{gap:24px;min-height:170px;padding-left:16px}.folder-empty .tile-illustration{flex:none}.document-list{margin-top:20px}@media (width<=1220px){.module-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:28px}.chat-layout{grid-template-columns:1fr}.member-panel{min-height:0}.module-grid-v2,.team-card-row{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.breadcrumb-row{flex-wrap:wrap;padding:6px 10px}.top-actions{justify-content:flex-start;width:100%}.mini-search{flex:1}.home-canvas,.module-canvas,.detail-layout,.detail-canvas{width:calc(100vw - 20px);margin:22px auto}.home-tools,.team-card-row{margin-left:0;padding-left:0}.search-field{width:100%}.team-card-row{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr;gap:20px}.module-box{min-height:260px}.preview-area{height:190px}.calendar-pair{flex-direction:column}.chat-thread{padding-inline:0}.chat-bubble-row{grid-template-columns:24px minmax(0,1fr)}.wide-card,.calendar-card{width:100%}.folder-empty{flex-direction:column;align-items:flex-start}.dashboard-stat-bar{grid-template-columns:repeat(2,1fr)}.module-grid-v2,.team-members-grid{grid-template-columns:1fr}}@media (width<=460px){.detail-header{flex-direction:column;align-items:flex-start}}.top-chrome{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #d9dee8}.breadcrumb-row{color:#475569;gap:10px;min-height:48px;padding:0 28px;font-size:14px}.plain-icon{border-radius:9px;width:34px;height:34px}.plain-icon:hover,.plain-icon.active,.top-icon:hover,.profile-trigger:hover,.company-actions button:hover{background:#eef4f8}.crumb{color:#111827;font-size:15px;font-weight:800}.top-actions{gap:8px}.top-icon,.profile-trigger{color:#64748b;background:#fff;border:1px solid #dce3ea;border-radius:9px;place-items:center;height:34px;transition:all .18s;display:inline-grid}.top-icon{width:36px}.top-icon.active{color:#0f766e;background:#e9f6f8;border-color:#9fc7d6}.search-trigger{color:#f59e0b}.workspace-chip{color:#334155;background:#f8fafc;border:1px solid #dce3ea;border-radius:10px;align-items:center;height:34px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.header-date{white-space:nowrap;color:#475569;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.header-date-hijri{color:#00897b}.notification-button{position:relative}.notification-button span{color:#fff;background:#fbbf24;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-8px;left:-8px}.profile-trigger{border-radius:999px;width:44px;padding:0;position:relative}.profile-trigger .avatar{width:28px;height:28px}.profile-trigger i{background:#22c55e;border:2px solid #fff;border-radius:999px;width:9px;height:9px;position:absolute;bottom:3px;right:4px}.company-strip{background:var(--bg-topbar);border-bottom:1px solid var(--border-color);align-items:center;gap:10px;min-height:54px;padding:0 28px;display:flex}.subheader-left{align-items:center;display:flex;position:relative}.subheader-primary-action{background:var(--brand-navy);color:#fff;border:0;border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.subheader-quick-create{z-index:20;background:#fff;border:1px solid #dce3ea;border-radius:10px;align-items:center;gap:8px;min-width:240px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 40px #0f172a24}.subheader-quick-create input{color:#0f172a;border:1px solid #dce3ea;border-radius:8px;flex:1;height:34px;padding:0 10px;font-size:13px}.subheader-quick-create select{color:#0f172a;background:#fff;border:1px solid #dce3ea;border-radius:8px;height:34px;padding:0 8px;font-size:13px}.subheader-quick-create button{background:var(--brand-teal);color:#fff;border:0;border-radius:8px;height:34px;padding:0 12px;font-weight:800}.subheader-shortcuts{align-items:center;gap:8px;margin-left:auto;display:flex}.subheader-shortcuts button{min-height:34px;color:var(--brand-navy);background:#f8fafc;border:1px solid #dce3ea;border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.subheader-shortcuts button:hover{background:#1b3a6b14}.subheader-secondary{align-items:center;gap:6px;display:flex}.subheader-secondary button{color:#94a3b8;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;min-height:30px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.subheader-secondary button:hover{color:#64748b;background:#f1f5f9}.member-add{color:#fff;background:#111827;border:0;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.company-strip .avatar,.member-more{width:34px;height:34px;font-size:11px}.member-more{color:#334155;background:#fff;border:1px solid #dce3ea;border-radius:999px;place-items:center;font-weight:900;display:grid}.add-member-button,.company-actions button{color:#475569;background:0 0;border:0;align-items:center;gap:7px;min-height:34px;font-weight:800;display:inline-flex}.add-member-button{margin-left:8px}.company-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.company-actions button{border-radius:9px;padding:0 9px}.module-tabs{gap:8px;min-height:44px;padding:0 24px}.module-tabs button{color:#475569;min-height:44px;font-size:13px}.module-tabs button.active{color:#0f172a;border-bottom-color:#0f766e}.floating-panel{z-index:40;background:#fff;border:1px solid #dce3ea;border-radius:12px;position:fixed;top:58px;right:26px;box-shadow:0 22px 60px #0f172a2e}.nav-drawer{border-right:0 solid var(--border);flex-shrink:0;width:0;transition:width .25s,border-right-width .25s;overflow:hidden}.nav-drawer--open{border-right-width:1px;width:220px}.nav-drawer-inner{background:var(--bg-sidebar);grid-template-rows:auto auto 1fr;width:220px;height:100%;display:grid}.nav-brand{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;min-height:64px;padding:0 16px;display:flex}.brand-mark{background:linear-gradient(145deg,#00897b24,#ffa00033);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative}.brand-mark i,.brand-mark b{border:3px solid var(--brand-teal);border-top-color:var(--brand-gold);border-radius:12px 12px 4px 4px;width:12px;height:22px;position:absolute;transform:rotate(32deg)}.brand-mark b{border-color:var(--brand-navy);border-top-color:var(--brand-gold);transform:translate(7px)rotate(-32deg)}.nav-brand strong{color:var(--text-heading);font-size:15px;font-weight:900}.nav-brand button{width:34px;height:34px;color:var(--text-secondary);background:0 0;border:0;border-radius:9px;place-items:center;margin-left:auto;display:grid}.nav-brand button:hover,.nav-drawer-search button:hover,.workspace-nav-group button:hover{background:#ffffff14}.nav-drawer-search{grid-template-columns:minmax(0,1fr) 34px 34px;gap:8px;padding:18px 16px 14px;display:grid}.nav-drawer-search label{border:1px solid var(--border-color);background:var(--bg-input);min-width:0;height:34px;color:var(--text-secondary);border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.nav-drawer-search input{width:100%;min-width:0;color:var(--text-heading);background:0 0;border:0;outline:0;font-size:12px}.nav-drawer-search button{width:34px;height:34px;color:var(--text-secondary);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.workspace-nav-list{padding:0 10px 24px;overflow-y:auto}.workspace-nav-group{border-top:1px solid #ffffff14;padding:14px 0 12px}.workspace-nav-group:first-child{border-top:0;padding-top:0}.workspace-nav-group h2{min-height:28px;color:var(--text-secondary);align-items:center;gap:8px;margin:0 0 6px;padding:0 10px;font-size:13px;font-weight:900;display:flex}.workspace-nav-group button{width:100%;min-height:38px;color:var(--text-heading);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:700;line-height:1.25;display:grid}.workspace-nav-group button span{background:var(--text-secondary);border-radius:999px;width:9px;height:9px;box-shadow:inset 0 0 0 1px #0003}.workspace-nav-group button.active{color:var(--accent-blue);background:#579dff26}.workspace-nav-group button.active span{background:var(--accent-blue)}.notification-panel{width:min(520px,100vw - 32px);padding:14px}.activity-panel{width:min(520px,100vw - 32px);max-height:calc(100vh - 80px);padding:18px 16px 22px;overflow-y:auto}.activity-panel h2{color:var(--brand-navy);margin:0 0 12px;font-size:24px;line-height:1.2}.activity-filters{border-bottom:1px solid var(--border);gap:10px;margin-bottom:18px;padding-bottom:10px;display:flex}.activity-filters button{border:1px solid var(--border);color:#94a3b8;background:#fff;border-radius:9px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-weight:700;display:inline-flex}.activity-timeline{gap:18px;display:grid}.activity-timeline section{gap:10px;display:grid}.activity-timeline section>time{color:#a0a8b6;text-align:center;margin:8px 0 12px;font-size:12px;display:block}.activity-item{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;display:grid}.activity-avatar-wrap{width:42px;height:42px;position:relative}.activity-avatar-wrap .avatar{border-color:#fff;width:38px;height:38px;font-size:11px}.activity-avatar-wrap span{color:#fff;background:#fb7185;border:2px solid #fff;border-radius:999px;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:0;right:0}.activity-card{border:1px solid var(--border);background:#fff;border-radius:7px;padding:10px 10px 9px}.activity-card p{color:#334155;margin:0 0 9px;font-size:13px;line-height:1.42}.activity-card strong,.activity-card b{color:#1f2937;font-weight:800}.activity-card footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.activity-card footer span{color:#7b8494;font-size:11px}.activity-card footer em{color:#7b8494;white-space:nowrap;background:#eef2f7;border-radius:5px;padding:4px 8px;font-size:11px;font-style:normal}.notification-panel>header,.profile-menu>header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.notification-panel>header{justify-content:space-between}.notification-panel strong,.profile-menu strong{color:#0f172a;font-size:15px;display:block}.notification-panel span,.profile-menu span{color:#64748b;font-size:12px}.notification-panel header button{color:#0f766e;background:#eef7f5;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.notification-tabs{gap:8px;margin-bottom:18px;display:flex}.notification-tabs button{color:#475569;background:#fff;border:1px solid #dce3ea;border-radius:9px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-weight:800;display:inline-flex}.notification-tabs button.active{color:#fff;background:#0f766e;border-color:#0f766e}.notification-tabs span{color:#fff;background:#fbbf24;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:11px;display:grid}.notification-panel time{color:#94a3b8;text-align:center;margin-bottom:10px;font-size:12px;display:block}.notification-list{gap:8px;display:grid}.notification-list article{background:#f8fafc;border:1px solid #edf1f5;border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.notification-list article.unread{background:#fff8e7;border-color:#f8d37a}.notification-dot{color:#fff;background:#fbbf24;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.notification-list h3{color:#0f172a;margin:0;font-size:13px}.notification-list p,.notification-empty{color:#64748b;margin:0;font-size:12px}.notification-list small{color:#64748b;white-space:nowrap}.notification-empty{text-align:center;margin:14px 0}.panel-primary{background:var(--accent-blue);color:#fff;border:0;border-radius:6px;width:100%;min-height:40px;font-weight:500;transition:background .15s}.panel-primary:hover{background:var(--accent-blue-hover)}.profile-menu{width:280px;padding:12px}.profile-menu>button{color:#475569;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;display:flex}.profile-menu>button:hover{color:#0f172a;background:#f1f5f9}.profile-menu>button:disabled{color:#94a3b8;cursor:not-allowed}.profile-menu>button:disabled:hover{background:0 0}.profile-menu-value{color:#334155;background:#e2e8f0;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:10px;font-weight:800}.coming-soon-badge{background:#e2e8f0;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:10px;font-weight:900;color:#64748b!important}.search-backdrop{z-index:50;background:#0f172a85;place-items:start center;padding-top:92px;display:grid;position:fixed;inset:0}.search-modal{background:#fff;border-radius:16px;width:min(860px,100vw - 32px);min-height:560px;padding:22px;box-shadow:0 28px 80px #0f172a47}.modal-backdrop{z-index:80;background:#0f172a8f;place-items:start center;padding:48px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.task-detail-modal{border:1px solid var(--border-color);background:var(--bg-card);width:min(920px,100vw - 32px);color:var(--text-primary);border-radius:18px;padding:18px;box-shadow:0 28px 90px #00000080}.task-detail-modal>header,.task-detail-modal>header div,.task-detail-actions,.row-actions,.agenda-list article,.comment-list article,.attachment-list span{align-items:center;display:flex}.task-detail-modal>header{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.task-detail-modal>header div{color:var(--text-heading);gap:10px;font-size:18px;font-weight:600}.task-detail-modal>header button{background:var(--bg-input);width:36px;height:36px;color:var(--text-secondary);border:0;border-radius:10px;place-items:center;display:grid}.task-detail-form,.task-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.task-detail-form label,.module-create-form input,.module-create-form select,.schedule-create-form input,.task-detail-form input,.task-detail-form select,.task-detail-form textarea,.inline-mini-form input{min-width:0}.task-detail-form label{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:500;display:grid}.task-detail-form input,.task-detail-form select,.task-detail-form textarea,.module-create-form input,.module-create-form select,.schedule-create-form input{border:1px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--text-heading);border-radius:10px;padding:0 11px}.inline-mini-form input{border:1px solid var(--border-color);width:100%;color:var(--text-heading);background:#2c333a;border-radius:10px;padding:0 11px}.task-detail-form input,.task-detail-form select,.module-create-form input,.module-create-form select,.schedule-create-form input,.inline-mini-form input{height:38px}.task-detail-form textarea{resize:vertical;min-height:92px;padding-block:10px}.field-span{grid-column:1/-1}.task-detail-actions{gap:10px}.task-detail-actions .panel-primary{width:max-content;min-width:170px;padding-inline:18px}.danger-button,.row-actions button,.agenda-list button,.document-list button{background:var(--danger);color:#fff;border:0;border-radius:6px;min-height:34px;padding:0 10px;font-weight:500}.document-download-button{color:var(--brand-navy);background:#f8fafc;border-color:#dce3ea}.secondary-button{border:1px solid var(--border-color);min-height:34px;color:var(--text-primary);background:0 0;border-radius:6px;padding:0 10px;font-weight:500}.task-detail-grid{margin-top:18px}.task-detail-grid section,.comment-section{border:1px solid var(--border-color);background:var(--bg-input);border-radius:14px;padding:14px}.task-detail-grid h3,.comment-section h3{color:var(--text-heading);margin:0 0 10px;font-size:14px;font-weight:600}.checklist-stack{gap:8px;margin-bottom:12px;display:grid}.checklist-stack label{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:flex}.checklist-stack label span{flex:1}.checklist-stack label button{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.checklist-stack label button:hover{color:#ef4444}.attachment-list{gap:8px;margin-bottom:12px;display:grid}.attachment-list span{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.attachment-list p{color:#64748b;margin:0;font-size:13px}.attachment-list .attachment-name{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;padding:0;font-size:13px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.attachment-list span em{color:#94a3b8;font-size:11px;font-style:normal}.attachment-list span>button:not(.attachment-name){color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.attachment-list span>button:not(.attachment-name):hover{color:var(--brand-navy)}.confirm-delete-backdrop{z-index:60}.confirm-delete-dialog{background:#fff;border-radius:14px;width:90%;max-width:360px;padding:20px;box-shadow:0 20px 60px #0f172a40}.confirm-delete-dialog p{color:var(--ink);margin:0 0 16px;font-size:14px}.confirm-delete-actions{justify-content:flex-end;gap:8px;display:flex}.comment-section{margin-top:18px}.comment-list{gap:10px;margin-bottom:12px;display:grid}.comment-list article{align-items:flex-start;gap:10px}.comment-list strong,.comment-list p,.comment-list time{display:block}.comment-list p{color:var(--ink);margin:2px 0;font-size:13px}.comment-list time{color:#94a3b8;font-size:11px}.inline-mini-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.inline-mini-form button{background:var(--accent-blue);color:#fff;border:0;border-radius:6px;min-height:38px;padding:0 12px;font-weight:500}.module-create-form,.schedule-create-form{border:1px solid var(--border);background:#f8fafc;border-radius:14px;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;margin-bottom:18px;padding:12px;display:grid}.schedule-create-form{grid-template-columns:minmax(180px,1fr) 160px 130px auto}.docs-page .module-create-form{grid-template-columns:minmax(180px,1fr) auto auto}.row-actions{gap:8px;margin-left:auto}.row-actions button:first-child{border-color:var(--border);color:var(--brand-teal);background:#fff}.agenda-list{text-align:left;gap:10px;width:min(820px,100% - 32px);margin:20px auto 0;display:grid}.agenda-list article{border:1px solid var(--border);background:#fff;border-radius:14px;gap:12px;padding:12px}.agenda-list article div{flex:1;gap:3px;min-width:0;display:grid}.agenda-list strong{color:var(--ink)}.agenda-list span{color:#64748b;font-size:12px}.command-input{color:#f59e0b;border:1px solid #dce3ea;border-radius:12px;align-items:center;gap:10px;height:44px;padding:0 14px;display:flex}.command-input input{color:#0f172a;border:0;outline:0;width:100%}.command-grid{grid-template-columns:1.2fr .8fr .8fr;gap:24px;margin-top:22px;display:grid}.command-grid section{align-content:start;gap:8px;display:grid}.command-grid h2{color:#64748b;margin:0 0 4px;font-size:13px}.command-grid button{color:#475569;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:7px 9px;display:flex}.command-grid button:hover{background:#f1f5f9}.command-grid span{color:#334155;gap:2px;font-weight:800;display:grid}.command-grid small{color:#94a3b8;font-size:11px;font-weight:600}.all-tasks-view{width:min(1520px,100vw - 44px);margin:22px auto}.view-toolbar{color:#0f172a;justify-content:space-between;align-items:center;min-height:48px;display:flex}.view-toolbar>div{align-items:center;gap:9px;display:flex}.view-toolbar button{color:#475569;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-weight:800;display:inline-flex}.task-list-shell{background:#fff;border-radius:14px;padding:22px 28px;box-shadow:0 10px 30px #0f172a14}.task-list-title{align-items:center;gap:10px;margin-bottom:24px;display:flex}.task-list-title h1{color:#0f172a;margin:0;font-size:22px}.task-table-section{margin-bottom:30px}.task-table-section>header>div{color:#334155;align-items:center;gap:8px;display:flex}.task-table-section h2{margin:0;font-size:16px}.task-table-section header span{color:#334155;background:#e9eef5;border-radius:999px;place-items:center;min-width:24px;height:24px;font-weight:900;display:grid}.task-table-section header button{color:#64748b;background:0 0;border:0;align-items:center;gap:5px;font-weight:800;display:inline-flex}.task-table{margin-top:16px}.task-table-head,.task-table-row{border-bottom:1px solid #e5eaf0;grid-template-columns:minmax(260px,1.6fr) .55fr .55fr .55fr .65fr;align-items:center;gap:16px;display:grid}.task-table-head{color:#0f172a;min-height:42px}.task-table-row{color:#334155;cursor:pointer;min-height:54px}.task-table-row:hover{background:#f8fafc}.task-table-row>span:first-child{color:#0f172a;align-items:center;gap:10px;font-weight:700;display:flex}.status-ring{border:2px solid #94a3b8;border-radius:999px;width:14px;height:14px}.task-table-row em{color:#64748b;background:#edf4f7;border-radius:999px;padding:5px 9px;font-style:normal}.list-name{font-weight:900}.list-name.green{color:#16a34a}.list-name.blue{color:#2563eb}.task-table-add{border-bottom:1px solid #edf1f5;align-items:center;gap:8px;min-height:50px;display:flex}.task-table-add input{color:#0f172a;border:0;outline:0;flex:1;font-weight:800}.task-table-add button{color:#0f766e;background:#eef7f5;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.task-table-empty{color:#94a3b8;border-bottom:1px solid #edf1f5;align-items:center;min-height:46px;font-weight:800;display:flex}.view-toolbar button.is-active{color:var(--brand-navy);background:#1b3a6b14}.task-summary-bar{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.task-summary-card{border-radius:14px;gap:6px;padding:16px 18px;display:grid;box-shadow:0 10px 28px #0f172a0f}.task-summary-card span{color:#ffffffd9;font-size:12px;font-weight:800}.task-summary-card strong{color:#fff;font-size:24px}.task-summary-card--navy{background:var(--brand-navy)}.task-summary-card--red{background:#e53935}.task-summary-card--teal{background:var(--brand-teal)}.task-summary-card--gold{background:#ffa000}.task-list-add-form{background:#fff;border-radius:10px;align-items:center;gap:10px;min-height:46px;margin-bottom:14px;padding:0 14px;display:flex;box-shadow:0 10px 28px #0f172a0f}.task-list-add-form input{color:#0f172a;background:0 0;border:0;outline:0;flex:1;font-weight:700}.task-list-add-form button{background:var(--brand-navy);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-weight:800}.task-filter-panel{background:#fff;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:14px;padding:16px 18px;display:flex;box-shadow:0 10px 28px #0f172a0f}.task-filter-panel label{color:#64748b;gap:6px;min-width:150px;font-size:11px;font-weight:800;display:grid}.task-filter-panel select,.task-filter-panel input{color:#0f172a;border:1px solid #dce3ea;border-radius:8px;height:36px;padding:0 10px;font-size:12px}.task-filter-reset{color:#e11d48;background:#fef2f2;border:0;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 12px;font-weight:800;display:inline-flex}.task-list-count{color:#94a3b8;margin-left:auto;font-size:12px;font-weight:800}.task-table--list .task-table-head,.task-table--list .task-table-row{grid-template-columns:minmax(220px,1.5fr) .85fr 1fr .75fr .7fr .85fr}.task-table-head button{color:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:900}.task-title-cell{cursor:pointer;color:#0f172a;align-items:center;gap:10px;font-weight:700;display:flex}.task-title-cell:hover{text-decoration:underline}.due-badge,.priority-badge,.status-badge,.assignee-cell{cursor:pointer;color:#334155;background:#edf4f7;border:0;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.assignee-cell{background:0 0;border-radius:8px;align-items:center;gap:8px;padding:4px 6px;display:inline-flex}.due-badge--overdue{color:#e53935;background:#e539351f}.due-badge--soon{color:#b45309;background:#ffa00026}.due-badge--empty{color:#64748b;background:#e2e8f0}.priority-badge--high{color:#e53935;background:#e539351f}.priority-badge--medium{color:#9e9e9e;background:#9e9e9e29}.priority-badge--low{color:#00897b;background:#00897b1f}.status-badge--navy{color:var(--brand-navy);background:#1b3a6b1f}.status-badge--gold{color:#b45309;background:#ffa00026}.status-badge--teal{color:var(--brand-teal);background:#00897b1f}.status-badge--muted{color:#64748b;background:#e2e8f0}.task-table-row select,.task-table-row input[type=date]{color:#0f172a;border:1px solid #dce3ea;border-radius:8px;height:30px;padding:0 8px;font-size:11px;font-weight:700}.report-view{grid-template-columns:250px minmax(0,1fr);gap:22px;width:min(1520px,100vw - 44px);margin:22px auto;display:grid}.report-filter{background:#fff;border-radius:14px;min-height:calc(100vh - 140px);padding:16px;box-shadow:0 10px 28px #0f172a12}.report-filter header,.report-filter label,.report-person{border-bottom:1px solid #edf1f5;gap:10px;margin-bottom:16px;padding-bottom:16px;display:grid}.report-filter header{color:#0f172a;justify-content:space-between;align-items:center;display:flex}.report-filter label,.report-person span{color:#0f172a;font-size:13px;font-weight:900}.report-filter label button,.report-person button{color:#64748b;background:#fff;border:1px solid #dce3ea;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:0 11px;display:flex}.report-select-icon{color:#64748b;background:#fff;border:1px solid #dce3ea;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:0 11px;display:flex}.report-select-icon .report-filter-select{color:#0f172a;border:0;flex:1;height:100%;padding:0;font-weight:700}.report-person button{color:#0f172a;justify-content:flex-start}.report-filter-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dce3ea;border-radius:10px;width:100%;min-height:38px;padding:0 11px;font-size:12px;font-weight:700}.report-content{gap:18px;display:grid}.report-hero,.report-cards article,.report-block,.report-chart,.report-teams{background:#fff;border-radius:14px;box-shadow:0 10px 28px #0f172a12}.report-chart{padding:18px 20px}.report-chart h2{color:#0f172a;margin:0 0 14px;font-size:15px}.report-chart-empty{color:#94a3b8;margin:0;font-size:13px}.report-hero{justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:16px 20px;display:flex}.report-hero h1{color:#0f172a;margin:0 0 8px;font-size:22px}.report-hero p{color:#64748b;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.report-hero small{color:#94a3b8;white-space:nowrap}.report-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.report-cards article{min-height:160px;padding:18px}.report-cards article:first-child>div{align-items:center;gap:12px;display:flex}.report-cards .avatar{width:38px;height:38px}.report-cards strong{color:#0f172a;font-size:18px;display:block}.report-cards em{color:#fff;background:#0f172a;border-radius:5px;width:max-content;margin-top:4px;padding:4px 9px;font-style:normal;display:block}.report-cards dl{justify-content:space-between;margin:26px 0 0;display:flex}.report-cards dt,.report-cards p,.report-block p{color:#64748b;font-size:13px}.report-cards dd{color:#31527d;margin:0;font-weight:900}.report-cards h2,.report-block h2,.report-teams h2{color:#0f172a;margin:0 0 14px;font-size:14px}.report-block{padding:20px}.report-block>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.report-block strong{color:#31527d;font-size:18px}.report-teams{padding:20px}.report-teams>div{grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px;display:grid}.report-teams article{border:1px solid #dce3ea;border-left:4px solid #31527d;border-radius:10px;padding:14px}.report-teams header,.report-teams p{justify-content:space-between;align-items:center;gap:10px;display:flex}.report-teams header{color:#31527d;border-bottom:1px solid #edf1f5;margin-bottom:8px;padding-bottom:10px;font-weight:900}.report-teams p{color:#475569;border-bottom:1px solid #edf1f5;margin:0;padding:9px 0}.report-teams b{color:#31527d;background:#edf4f7;border-radius:999px;place-items:center;min-width:34px;height:22px;display:grid}@media (width<=980px){.company-strip,.breadcrumb-row{flex-wrap:wrap;align-items:flex-start;padding:10px 14px}.company-actions,.top-actions{width:100%;margin-left:0;overflow-x:auto}.command-grid,.report-view,.report-cards,.report-block>div,.report-teams>div{grid-template-columns:1fr}.task-table-head,.task-table-row{grid-template-columns:minmax(220px,1fr) 120px 90px 100px 120px;min-width:720px}.task-table{overflow-x:auto}}.cicle-shell{background:var(--bg-secondary);color:var(--text-primary);font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.top-chrome{border-bottom-color:var(--border-color);background:var(--bg-topbar);box-shadow:none}.breadcrumb-row,.module-tabs button,.company-actions button,.add-member-button,.view-toolbar button,.light-button,.add-list-button{color:var(--soft-ink)}.crumb,.task-list-title h1,.detail-header h1,.folder-empty h1,.report-hero h1,.report-filter header,.report-cards strong,.report-cards h2,.report-block h2,.report-teams h2,.command-grid span,.notification-panel strong,.profile-menu strong,.mini-team-card strong,.module-box,.task-card h3,.small-task-card p,.task-table-head,.task-table-row>span:first-child{color:var(--ink)}.top-icon,.profile-trigger,.workspace-chip,.mini-search,.search-field,.member-panel label,.report-filter label button,.report-person button,.light-button,.add-list-button,.notification-tabs button,.command-input{border-color:var(--border)}.workspace-chip,.task-table-section header span,.task-table-row em,.report-teams b{background:var(--brand-bg)}.top-icon.active,.module-tabs button.active,.notification-panel header button,.task-table-add button,.profile-menu>button:hover,.command-grid button:hover{color:var(--brand-teal);background:#00897b17}.top-icon.active{border-color:#00897b57}.module-tabs button.active{border-bottom-color:var(--brand-teal)}.search-trigger,.mini-search,.search-field,.command-input{color:var(--brand-gold)}.yellow-plus,.yellow-action,.reply-bar button,.notification-button span,.notification-tabs span,.notification-dot{background:var(--brand-gold);color:#fff}.member-add,.report-cards em{background:var(--brand-navy);color:#fff}.panel-primary{background:var(--accent-blue);color:#fff}.module-box,.mini-team-card,.wide-card,.calendar-card,.report-filter,.report-hero,.report-cards article,.report-block,.report-teams,.task-list-shell,.floating-panel,.activity-card,.search-modal,.chat-bubble{background:#fffffff0;border:1px solid #e2e8f0e6;box-shadow:0 16px 40px #1b3a6b14}.small-task-card{background:var(--bg-kanban-card)}.small-task-card.is-dragging{opacity:.35}.mini-team-card{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 2px 8px #0000003d}.mini-team-card:hover{background:var(--bg-card-hover);box-shadow:0 10px 28px #00000052}.mini-team-card strong{color:var(--text-heading)}.preview-area,.message-list article,.member-panel,.task-table-empty{background:#f1f5f9}.board-column{background:var(--bg-kanban-column)}.section-divider{color:#8091aa}.section-divider i{background:#c8d3e1}.avatar,.avatar-stack span{background:var(--brand-navy)}.avatar-stack .avatar:nth-child(2n),.preview-line .avatar:nth-child(2n),.member-panel .avatar:nth-child(2n){background:var(--brand-teal)}.avatar-stack .avatar:nth-child(3n){background:var(--brand-gold)}.priority.high,.announcement-preview em,.announcement-item strong{color:#9a5f00;background:#ffa00024}.announcement-preview i,.announcement-item>span{background:var(--destructive)}.task-preview small,.list-name.green,.done-pill{color:var(--success)}.done-pill{background:#16a34a1f}.status-ring.green{border-color:var(--success)}.status-ring.blue{border-color:var(--primary)}.status-ring.red{border-color:var(--destructive)}.list-name.blue,.report-cards dd,.report-block strong,.report-teams header,.report-teams b{color:var(--brand-navy)}.list-name.red{color:var(--destructive)}.report-teams article{border-color:var(--border);border-left-color:var(--brand-navy)}.search-backdrop{background:#0f172a8f}.photo-strip{background:linear-gradient(135deg, var(--brand-navy), var(--brand-teal) 52%, var(--brand-gold))}.tasks-loading-state{color:#888;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.app-crash-state{text-align:center;width:100%;min-height:100vh;color:var(--ink,#333);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.app-crash-state p{color:#888;max-width:480px;font-size:.9rem}.pill-btn{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem 1.1rem;font-size:.85rem;transition:background .15s}.pill-btn:hover{background:var(--border)}@media (width<=760px){.top-icon,.plain-icon,.profile-trigger,.member-add{min-width:44px;min-height:44px}.add-member-button,.company-actions button{justify-content:center;min-height:44px;padding-inline:10px}.add-member-button .btn-label,.company-actions button .btn-label{display:none}.module-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}.module-tabs::-webkit-scrollbar{display:none}.module-tabs button{flex:none}.board-columns{-webkit-overflow-scrolling:touch}.chat-layout{height:calc(100vh - 105px);display:block;position:relative;overflow:hidden}.member-panel{display:none}.chat-thread{-webkit-overflow-scrolling:touch;border-right:none;height:100%;min-height:0;padding-bottom:84px;overflow-y:auto}.reply-bar{width:auto;position:fixed;bottom:10px;left:12px;right:12px}}.settings-card{background:#f8fafc}.settings-section{margin-bottom:28px;padding-bottom:4px}.settings-section h2{color:#1b3a6b;margin:0 0 14px;font-size:15px;font-weight:800}.settings-profile-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.settings-profile-form label{color:#64748b;gap:6px;min-width:240px;font-size:12px;font-weight:700;display:grid}.settings-profile-form input{border:1px solid var(--border);height:40px;color:var(--ink);background:#fff;border-radius:10px;padding:0 12px;font-size:13px}.settings-saved-note{color:#00897b;font-size:12px;font-weight:700}.settings-toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-toggle-row:last-child{border-bottom:0}.settings-toggle-row strong{color:var(--ink);font-size:13px;display:block}.settings-toggle-row>div>span{color:#64748b;font-size:11px}.settings-toggle{background:#cbd5e1;border:0;border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .15s;position:relative}.settings-toggle span{background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.settings-toggle.is-on{background:#00897b}.settings-toggle.is-on span{transform:translate(18px)}.archive-modal{border:1px solid var(--border);background:#fff;border-radius:18px;width:min(820px,100vw - 32px);max-height:calc(100vh - 64px);padding:18px;overflow-y:auto;box-shadow:0 28px 90px #0f172a47}.archive-modal>header{border-bottom:1px solid var(--border);color:var(--brand-navy);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;font-size:16px;display:flex}.archive-modal>header button{color:#64748b;background:0 0;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.archive-empty{color:#94a3b8;text-align:center;padding:24px 0;font-size:13px}.archive-table-head,.archive-table-row{border-bottom:1px solid #edf1f5;grid-template-columns:minmax(180px,1.6fr) .9fr .9fr 1fr .7fr;align-items:center;gap:12px;padding:10px 4px;display:grid}.archive-table-head{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:800}.archive-table-row{color:#334155;font-size:13px}.archive-table-row button{color:var(--brand-teal);background:#00897b1a;border:0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800}[data-theme=dark] body,[data-theme=dark] .cicle-shell{background:var(--page);color:var(--ink)}[data-theme=dark] .top-chrome,[data-theme=dark] .nav-drawer,[data-theme=dark] .nav-drawer-inner{background:var(--surface);border-color:var(--border)}[data-theme=dark] .module-box,[data-theme=dark] .mini-team-card,[data-theme=dark] .wide-card,[data-theme=dark] .calendar-card,[data-theme=dark] .report-filter,[data-theme=dark] .report-hero,[data-theme=dark] .report-cards article,[data-theme=dark] .report-block,[data-theme=dark] .report-teams,[data-theme=dark] .task-list-shell,[data-theme=dark] .task-table-section,[data-theme=dark] .floating-panel,[data-theme=dark] .activity-card,[data-theme=dark] .search-modal,[data-theme=dark] .chat-bubble,[data-theme=dark] .small-task-card,[data-theme=dark] .task-summary-card,[data-theme=dark] .settings-card,[data-theme=dark] .task-detail-modal,[data-theme=dark] .archive-modal,[data-theme=dark] .report-chart,[data-theme=dark] .column-menu,[data-theme=dark] .add-list-form,[data-theme=dark] .task-filter-panel,[data-theme=dark] .workspace-chip{background:var(--surface);border-color:var(--border);color:var(--ink)}[data-theme=dark] .task-table-head,[data-theme=dark] .task-table-row,[data-theme=dark] .task-filter-panel,[data-theme=dark] .month-nav span,[data-theme=dark] .report-filter label,[data-theme=dark] .report-person span{border-color:var(--border);color:var(--ink)}[data-theme=dark] .task-table-row:hover{background:#ffffff0a}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .report-filter-select,[data-theme=dark] .due-badge,[data-theme=dark] .assignee-cell{background:var(--page);border-color:var(--border);color:var(--ink)}[data-theme=dark] .modal-backdrop{background:#000000a6}[data-theme=dark] .attachment-list span,[data-theme=dark] .confirm-delete-dialog{background:var(--surface);border-color:var(--border);color:var(--ink)}