:root{--ink:#18343a;--ink-soft:#5d7478;--muted:#91a3a5;--line:#e5ecea;--paper:#fbfcfb;--surface:#fff;--surface-soft:#f4f8f7;--teal:#0d6269;--teal-dark:#084b51;--mint:#dff4ef;--mint-strong:#1b9d8f;--amber:#c78334;--amber-soft:#fff1dc;--red:#c75a51;--red-soft:#ffebea;--blue:#4d78a8;--blue-soft:#eaf1fb;--purple:#7b67a9;--shadow:0 20px 55px #1b383b12;--shadow-sm:0 8px 24px #1b383b0e;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--font:"Tajawal", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif}*{box-sizing:border-box}html{width:100%;max-width:100vw;height:100%;overflow-x:hidden}body{background:var(--paper);height:100%;min-height:100dvh;color:var(--ink);font-family:var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}body.in-app{overscroll-behavior:none;height:100dvh;overflow:hidden!important}html:has(body.in-app){overscroll-behavior:none;height:100dvh;overflow:hidden!important}html:has(.app-shell){overscroll-behavior:none;height:100dvh;overflow:hidden!important}body:has(.app-shell){overscroll-behavior:none;height:100dvh;overflow:hidden!important}#app{height:100dvh;overflow:hidden}#app:has(.login-shell){-webkit-overflow-scrolling:touch;height:auto;min-height:100dvh;overflow:hidden auto}[dir=rtl],[dir=rtl] *,:lang(ar),body:not(.is-ltr),body:not(.is-ltr) *{letter-spacing:normal!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}body,.app-shell,.sidebar,.topbar{transition:background-color .15s,border-color .15s,color .15s}html,body,button,a,input,select,textarea,.btn,.nav-item,.filter-tab,.detail-tab,[data-action],[data-view]{touch-action:manipulation}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.screen-reader{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-shell{box-sizing:border-box;background:radial-gradient(circle at 16% 15%,#1d9d8f21,#0000 28%),radial-gradient(circle at 84% 78%,#c783341a,#0000 29%),#f7faf9;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:clamp(16px,3vw,40px);display:flex}.login-wrap{background:#ffffffeb;border:1px solid #e5eceae6;border-radius:32px;grid-template-columns:1fr 1fr;width:100%;max-width:1140px;min-height:min(680px,100dvh - 64px);margin:auto;display:grid;overflow:hidden;box-shadow:0 30px 90px #16484c1f}.login-art{color:#fff;background:linear-gradient(145deg,#07464ced,#127a77e8),#0d6269;padding:46px;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:"";border:1px solid #ffffff2b;border-radius:50%;position:absolute}.login-art:before{width:460px;height:460px;top:-178px;left:-170px}.login-art:after{width:330px;height:330px;bottom:-152px;right:-118px}.login-geometry{opacity:.12;background-image:linear-gradient(#fff6 1px,#0000 1px),linear-gradient(90deg,#fff6 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 70%);mask-image:linear-gradient(135deg,#000,#0000 70%)}.brand-lockup{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.brand-mark{color:#eafbf7;background:#ffffff21;border:1px solid #ffffff4d;border-radius:15px;place-items:center;width:45px;height:45px;display:grid}.brand-mark svg{width:25px;height:25px}.brand-name{letter-spacing:.02em;font-size:17px;font-weight:800}.brand-subtitle{color:#ffffffa8;margin-top:3px;font-size:11px}.login-art-content{z-index:1;margin-top:170px;position:relative}.eyebrow{color:var(--mint-strong);letter-spacing:.12em;text-transform:uppercase;margin:0 0 15px;font-size:11px;font-weight:800}.login-art .eyebrow{color:#9fe1d6}.login-art h1{letter-spacing:-.045em;max-width:470px;margin:0;font-size:clamp(32px,4vw,52px);line-height:1.16}.login-art p{color:#ffffffb8;max-width:420px;margin:24px 0 0;font-size:15px;line-height:1.9}.login-note{inset-inline-end:46px;color:#ffffff8c;z-index:1;font-size:11px;position:absolute;bottom:40px}.login-card{background:var(--surface);justify-content:center;align-items:center;min-height:100%;padding:clamp(24px,4vw,56px);display:flex}.login-card-inner{width:100%;max-width:440px;margin:auto}.login-card h2{letter-spacing:-.04em;margin:0;font-size:28px}.login-card .intro{color:var(--ink-soft);margin:10px 0 34px;font-size:14px;line-height:1.8}.login-demo{color:#286b6c;background:#f1faf8;border:1px solid #d7ebe8;border-radius:13px;align-items:flex-start;gap:10px;margin-top:25px;padding:13px 14px;font-size:11px;line-height:1.7;display:flex}.login-demo svg{flex:none;width:16px;height:16px;margin-top:2px}.field{gap:8px;margin-bottom:17px;display:grid}.field label{color:#466367;font-size:12px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:0;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:100px}.field input::placeholder,.field textarea::placeholder{color:#b0bdbc}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint-strong);box-shadow:0 0 0 4px #1b9d8f1c}.field-hint{color:var(--muted);font-size:11px;line-height:1.7}.btn{touch-action:manipulation;will-change:transform;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:12px;font-weight:800;transition:transform 50ms ease-out,background .12s,box-shadow .12s,border-color .12s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.btn:hover{transform:translateY(-1px)}.btn:active{transition:none!important;transform:scale(.97)!important}.btn svg{width:16px;height:16px}.btn-primary{color:#fff;background:var(--teal);box-shadow:0 8px 18px #0d626929}.btn-primary:hover{background:var(--teal-dark);box-shadow:0 10px 24px #0d626938}.btn-soft{color:var(--teal);background:#eff9f7;border-color:#cfe8e4}.btn-soft:hover{background:#e3f4f0}.btn-ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--ink);background:var(--surface-soft)}.btn-danger{color:var(--red);background:#fff8f7;border-color:#f1d6d3}.btn-danger:hover{background:var(--red-soft)}.btn-block{width:100%}.btn-sm{min-height:34px;padding:7px 11px;font-size:11px}.app-shell{background:var(--paper);grid-template-columns:270px minmax(0,1fr);grid-template-areas:"sidebar workspace";width:100%;max-width:100vw;height:100dvh;display:grid;overflow:hidden}.app-shell.is-ltr{direction:ltr}.sidebar{border-inline-end:1px solid var(--line);background:var(--surface);overscroll-behavior:contain;z-index:20;scrollbar-width:thin;flex-direction:column;flex-shrink:0;grid-area:sidebar;height:100dvh;padding:24px 16px 18px;display:flex;position:relative;overflow:hidden auto}.sidebar-brand{align-items:center;gap:10px;padding:0 10px 28px;display:flex}.sidebar-brand .brand-mark{width:37px;height:37px;color:var(--teal);background:#f0f9f7;border-color:#cce3e0;border-radius:12px}.sidebar-brand .brand-mark svg{width:20px;height:20px}.sidebar-brand .brand-name{color:var(--ink);font-size:14px}.sidebar-brand .brand-subtitle{color:var(--muted)}.nav-title{color:#a7b4b4;letter-spacing:.14em;padding:0 12px 10px;font-size:10px;font-weight:900}.nav-list{gap:4px;display:grid}.nav-item{color:#708487;text-align:start;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:12px;font-weight:800;display:flex}.nav-item:hover{color:var(--ink);background:#f5f9f8}.nav-item.active{color:var(--teal);background:#eaf7f4}.nav-item svg{stroke-width:1.8px;flex:none;width:17px;height:17px}.nav-separator{background:var(--line);height:1px;margin:22px 11px}.sidebar-bottom{margin-top:auto}.admin-badge{border:1px solid var(--line);background:#fafcfb;border-radius:15px;align-items:center;gap:10px;padding:12px;display:flex}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:33px;height:33px;font-size:11px;font-weight:900;display:grid;overflow:hidden;transform:translateZ(0)}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-lg{width:43px;height:43px;font-size:13px}.avatar-xl{width:51px;height:51px;font-size:14px}.admin-info{min-width:0}.admin-info strong,.admin-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-info strong{color:var(--ink);font-size:11px}.admin-info span{color:var(--muted);margin-top:3px;font-size:10px}.sidebar-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:13px;padding:0 8px;font-size:10px;display:flex}.sidebar-footer button{color:inherit;background:0 0;border:0;padding:3px}.workspace{background:var(--paper);flex-direction:column;grid-area:workspace;min-width:0;height:100dvh;min-height:0;display:flex;overflow:hidden}.is-ltr .workspace{direction:ltr}.topbar{border-bottom:1px solid var(--line);background:var(--surface);z-index:15;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px clamp(18px,3.5vw,44px);display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.topbar-kicker{color:var(--muted);font-size:10px;font-weight:800}.topbar-title{letter-spacing:-.04em;margin-top:3px;font-size:18px;font-weight:900}.topbar-divider{background:var(--line);width:1px;height:25px}.icon-button{border:1px solid var(--line);width:37px;height:37px;color:var(--ink-soft);background:#fff;border-radius:11px;place-items:center;display:grid;position:relative}.icon-button:hover{color:var(--teal);background:#f7fcfb;border-color:#c9e1de}.icon-button svg{width:17px;height:17px}.notification-dot{top:7px;background:var(--red);border-radius:50%;width:6px;height:6px;position:absolute;inset-inline-end:7px;box-shadow:0 0 0 2px #fff}.profile-chip{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:9px;padding-block:4px;padding-inline:10px 6px;display:flex}.profile-chip-text strong,.profile-chip-text span{display:block}.profile-chip-text strong{color:var(--ink);font-size:11px}.profile-chip-text span{color:var(--muted);margin-top:3px;font-size:9px}.workspace-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;width:100%;height:100%;padding:clamp(20px,3.5vw,40px) clamp(18px,3.5vw,44px) 56px;overflow:hidden auto}.page-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:27px;display:flex}.page-head h1{letter-spacing:-.06em;margin:0;font-size:clamp(24px,3vw,32px)}.page-head p{color:var(--ink-soft);margin:8px 0 0;font-size:12px;line-height:1.7}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.welcome-banner{border-radius:var(--radius-xl);color:#fff;min-height:168px;box-shadow:var(--shadow);background:linear-gradient(118deg,#0a555d,#0e7775 62%,#399786);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.welcome-banner:before{content:"";border:1px solid #ffffff2e;border-radius:50%;width:330px;height:330px;position:absolute;top:-190px;left:9%;box-shadow:0 0 0 24px #ffffff09,0 0 0 48px #ffffff06}.welcome-banner:after{content:"";border:1px solid #ffffff30;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-146px;right:-80px}.welcome-copy,.welcome-status{z-index:1;position:relative}.welcome-copy .eyebrow{color:#a9e7da;margin-bottom:9px}.welcome-copy h1{letter-spacing:-.06em;margin:0;font-size:clamp(23px,3vw,35px);line-height:1.25}.welcome-copy p{color:#ffffffb8;max-width:590px;margin:11px 0 0;font-size:12px;line-height:1.75}.welcome-status{background:#ffffff1a;border:1px solid #ffffff29;border-radius:15px;min-width:170px;padding:14px 16px}.welcome-status span{color:#ffffff9e;font-size:10px;display:block}.welcome-status strong{color:#fff;letter-spacing:-.05em;margin-top:6px;font-size:22px;display:block}.welcome-status small{color:#a9e7da;margin-top:4px;font-size:10px;display:block}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:25px;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:117px;box-shadow:var(--shadow-sm);padding:17px 18px;position:relative;overflow:hidden}.metric-card:after{content:"";border:1px solid #d9ebe8;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-37px;left:-35px}.metric-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-label{color:var(--ink-soft);font-size:11px;font-weight:800}.metric-icon{border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.metric-icon svg{width:15px;height:15px}.metric-value{letter-spacing:-.07em;margin-top:16px;font-size:27px;font-weight:900;line-height:1}.metric-note{color:var(--muted);align-items:center;gap:4px;margin-top:9px;font-size:9px;display:inline-flex}.metric-note.up{color:var(--mint-strong)}.metric-note.alert{color:var(--red)}.metric-card.teal .metric-icon{color:var(--teal);background:var(--mint)}.metric-card.amber .metric-icon{color:var(--amber);background:var(--amber-soft)}.metric-card.red .metric-icon{color:var(--red);background:var(--red-soft)}.metric-card.blue .metric-icon{color:var(--blue);background:var(--blue-soft)}.content-grid{grid-template-columns:minmax(0,1.56fr) minmax(290px,.78fr);align-items:start;gap:20px;display:grid}.stack{gap:20px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);background:#fff;padding:20px}.panel-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.panel-title{letter-spacing:-.03em;margin:0;font-size:14px;font-weight:900}.panel-subtitle{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.6}.text-link{color:var(--teal);background:0 0;border:0;font-size:10px;font-weight:900}.text-link:hover{color:var(--teal-dark);text-decoration:underline}.project-list{gap:10px;display:grid}.project-row{background:#fbfcfc;border:1px solid #0000;border-radius:14px;grid-template-columns:minmax(190px,1.25fr) minmax(120px,.75fr) 86px 32px;align-items:center;gap:15px;padding:13px 12px;transition:border-color .2s,background .2s,transform .2s;display:grid}.project-row:hover{background:#f6fbfa;border-color:#d9ebe7;transform:translateY(-1px)}.project-main{align-items:center;gap:10px;min-width:0;display:flex}.project-symbol{width:35px;height:35px;color:var(--teal);background:#e5f4f1;border-radius:11px;flex:none;place-items:center;display:grid}.project-symbol svg{width:17px;height:17px}.project-name{min-width:0}.project-name strong,.project-name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-name strong{font-size:11px}.project-name span{color:var(--muted);margin-top:4px;font-size:9px}.progress-cell{min-width:0}.progress-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:7px;margin-bottom:6px;font-size:9px;display:flex}.progress-meta strong{color:var(--ink);font-size:10px}.progress-track{background:#eaf0ee;border-radius:99px;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#149687,#58c4ac);height:100%}.progress-fill.amber{background:linear-gradient(90deg,#c98538,#e5b36a)}.progress-fill.red{background:linear-gradient(90deg,#c45c55,#e58b7c)}.project-owner{color:var(--ink-soft);align-items:center;gap:6px;font-size:9px;display:flex}.project-owner .avatar{width:23px;height:23px;font-size:8px}.project-arrow{width:29px;height:29px;color:var(--muted);background:#fff;border:0;border-radius:9px;place-items:center;display:grid}.project-arrow:hover{color:var(--teal);background:#eaf7f4}.project-arrow svg{width:14px;height:14px}.attention-list{gap:8px;display:grid}.attention-item{background:#fbfcfc;border-radius:13px;align-items:flex-start;gap:10px;padding:12px;display:flex}.attention-icon{border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.attention-icon svg{width:14px;height:14px}.attention-icon.red{color:var(--red);background:var(--red-soft)}.attention-icon.amber{color:var(--amber);background:var(--amber-soft)}.attention-icon.blue{color:var(--blue);background:var(--blue-soft)}.attention-copy{min-width:0}.attention-copy strong,.attention-copy span:not(.badge):not(.mini-badge):not(.role-badge):not(.role-system-badge):not(.stealth-dev-badge):not(.type-pill){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attention-copy strong{font-size:10px}.attention-copy span{color:var(--muted);margin-top:4px;font-size:9px}.empty{min-height:125px;color:var(--muted);text-align:center;place-items:center;padding:20px;font-size:11px;line-height:1.8;display:grid}.empty-icon{width:38px;height:38px;color:var(--teal);background:var(--mint);border-radius:12px;place-items:center;margin-bottom:9px;display:grid}.empty-icon svg{width:18px;height:18px}.team-table{gap:2px;display:grid}.team-row{border-bottom:1px solid #f0f3f2;grid-template-columns:minmax(145px,1.4fr) minmax(70px,.8fr) minmax(120px,1fr) 42px;align-items:center;gap:12px;padding:11px 8px;display:grid}.team-row:last-child{border-bottom:0}.team-member{align-items:center;gap:9px;min-width:0;display:flex}.team-member-copy{min-width:0}.team-member-copy strong,.team-member-copy span:not(.badge):not(.mini-badge):not(.role-badge):not(.role-system-badge):not(.stealth-dev-badge):not(.type-pill){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.team-member-copy strong{color:var(--ink);font-size:10px}.team-member-copy span{color:var(--muted);margin-top:3px;font-size:9px}.team-stat{color:var(--ink-soft);font-size:10px}.team-stat strong{color:var(--ink);font-size:12px}.team-progress{min-width:0}.team-progress .progress-meta{margin-bottom:5px}.team-progress .progress-track{height:5px}.team-menu{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.team-menu:hover{background:var(--surface-soft);color:var(--teal)}.pulse{justify-content:space-between;align-items:flex-end;gap:10px;height:102px;padding:10px 3px 0;display:flex}.pulse-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.pulse-bars{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:74px;display:flex}.pulse-bar{background:#c9e9e3;border-radius:5px 5px 2px 2px;width:8px;min-height:7px}.pulse-bar.current{background:var(--teal)}.pulse-col span{color:var(--muted);font-size:9px}.badge{white-space:nowrap;background:var(--surface-soft);color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.3;transition:all .18s;display:inline-flex}.status-badge,.priority-badge,.mini-badge{white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:5px;font-size:9.5px;font-weight:700;line-height:1.3;display:inline-flex}.status-badge{padding:6px 9px;font-weight:900}.status-badge.on_track,.status-badge.done{color:#177f73;background:#e3f6f0}.status-badge.at_risk,.status-badge.review,.status-badge.approval{color:#9b6827;background:#fff1da}.status-badge.off_track,.status-badge.blocked{color:#b05249;background:#ffebea}.status-badge.in_progress{color:#436d9e;background:#e9f1fb}.status-badge.not_started,.status-badge.on_hold,.status-badge.planning{color:#687c80;background:#eef2f1}.status-badge.completed{color:#177f73;background:#e3f6f0}.priority-badge{padding:4px 7px;font-weight:900}.priority-badge.urgent{color:var(--red);background:var(--red-soft)}.priority-badge.high{color:#a16a25;background:var(--amber-soft)}.priority-badge.medium{color:var(--blue);background:var(--blue-soft)}.priority-badge.low{color:var(--ink-soft);background:#eef2f1}.badge-teal,.badge-pulse{background:var(--mint);color:var(--teal);border:1px solid #16b29033}.badge-blue,.badge-info{background:var(--blue-soft);color:var(--blue);border:1px solid #3b82f633}.badge-amber,.badge-warning{background:var(--amber-soft);color:var(--amber);border:1px solid #f59e0b40}.badge-red,.badge-attention{background:var(--red-soft);color:var(--red);border:1px solid #ef444433}.badge-neutral{background:var(--surface-soft);color:var(--ink-soft);border:1px solid var(--line)}.stealth-dev-badge{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;font-weight:700;line-height:1.3;display:inline-flex;box-shadow:0 1px 3px #92400e14}.view-toolbar{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:8px;display:flex}.view-toolbar-start,.view-toolbar-end{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.search-box{min-width:235px;color:var(--muted);border:1px solid var(--line);border-radius:11px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-box svg{flex:none;width:15px;height:15px}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:8px 0;font-size:11px}.filter-select{border:1px solid var(--line);height:34px;color:var(--ink-soft);background:#fff;border-radius:9px;outline:0;padding:0 9px;font-size:10px}.filter-tab{min-height:33px;color:var(--ink-soft);background:0 0;border:0;border-radius:9px;padding:7px 11px;font-size:10px;font-weight:800}.filter-tab.active{color:var(--teal);background:var(--mint)}.project-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.project-card{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface,#fff);height:100%;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.project-card:hover{box-shadow:var(--shadow);border-color:#cfe5e1;transform:translateY(-2px)}.project-card-top{justify-content:space-between;align-items:flex-start;gap:10px;min-height:44px;display:flex}.project-card-symbol{width:40px;height:40px;color:var(--teal);background:var(--mint);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.project-card-symbol svg{width:19px;height:19px}.project-card h3{letter-spacing:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:0;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.project-card p{min-height:34px;max-height:34px;color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 12px;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.project-card-meta-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-sizing:border-box;justify-content:space-between;align-items:center;min-height:50px;max-height:50px;padding:10px 0;font-size:11px;display:flex}.project-card-bottom{justify-content:space-between;align-items:center;gap:10px;min-height:40px;margin-top:12px;display:flex}.project-card-date{color:var(--muted);flex-direction:column;justify-content:center;font-size:9px;display:flex}.project-card-date strong{color:var(--ink);margin-top:2px;font-size:11px;display:block}.project-card-progress{color:var(--teal);justify-items:end;gap:4px;font-size:13px;font-weight:800;display:grid}.project-card-progress .progress-track{background:var(--line);border-radius:999px;width:80px;height:6px;overflow:hidden}.project-card button[data-action=open-project]{margin-top:auto}:is(.project-card:has(.project-card-team-stack:hover),.project-card:has(.project-card-team-stack:focus-within)){z-index:40}.project-card-team-stack{cursor:pointer;outline:none;align-items:center;display:inline-flex;position:relative}.project-card-team-popup{top:calc(100% + 6px);z-index:100;background:var(--surface);border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;text-align:start;border-radius:12px;min-width:210px;max-width:260px;max-height:220px;padding:10px 12px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;inset-inline-end:0;overflow-y:auto;transform:translateY(4px);box-shadow:0 10px 28px #00000024,0 2px 6px #0000000f}.project-card-team-stack:hover .project-card-team-popup,.project-card-team-stack:focus-within .project-card-team-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.board{grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;padding-bottom:5px;display:grid;overflow-x:auto}.board-column{border:1px solid var(--line);background:#f7faf9;border-radius:16px;min-height:350px;padding:12px}.board-column-head{justify-content:space-between;align-items:center;gap:8px;padding:3px 3px 12px;display:flex}.board-column-title{color:var(--ink);align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.column-dot{background:#9baead;border-radius:50%;width:8px;height:8px}.column-dot.blue{background:var(--blue)}.column-dot.amber{background:var(--amber)}.column-dot.green{background:var(--mint-strong)}.board-count{min-width:21px;color:var(--muted);text-align:center;background:#e9efed;border-radius:7px;padding:3px 6px;font-size:9px;font-weight:900}.board-cards{gap:8px;display:grid}.task-card{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#fff;border:1px solid #e5ecea;border-radius:13px;padding:13px;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 10px #1e414109}.task-card:hover{border-color:#cde4df;transform:translateY(-1px);box-shadow:0 5px 15px #1e41410f}@keyframes dropPop{0%{border-color:var(--teal);background:#0d626914;transform:scale(.96)}60%{background:#0d626908;transform:scale(1.02)}to{background:#fff;transform:scale(1)}}.task-card.just-dropped{animation:.35s cubic-bezier(.2,.8,.2,1) dropPop}.task-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.task-code{color:var(--muted);font-size:9px;font-weight:900}.task-card h4{margin:10px 0 6px;font-size:11px;line-height:1.6}.task-category{color:var(--muted);font-size:9px}.task-card-foot{border-top:1px solid #f0f3f2;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;padding-top:10px;display:flex}.task-assignee{min-width:0;color:var(--ink-soft);align-items:center;gap:6px;font-size:9px;display:flex}.task-assignee .avatar{width:21px;height:21px;font-size:7px}.task-assignee span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-progress{color:var(--teal);font-size:10px;font-weight:900}.table-wrap{border:1px solid var(--line);border-radius:16px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{text-align:start;white-space:nowrap;border-bottom:1px solid #edf2f0;padding:14px 15px}.data-table th{color:var(--muted);background:#fbfcfc;font-size:9px;font-weight:900}.data-table td{color:var(--ink-soft);font-size:10px}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fbfdfc}.table-title{color:var(--ink);font-weight:900}.table-sub{color:var(--muted);margin-top:4px;font-size:9px;display:block}.select-compact{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:8px;outline:0;padding:6px 8px;font-size:9px}.project-hero{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;padding:24px;display:flex}.project-hero-copy{align-items:flex-start;gap:14px;min-width:0;display:flex}.back-button{border:1px solid var(--line);width:34px;height:34px;color:var(--ink-soft);background:#fff;border-radius:10px;flex:none;place-items:center;display:grid}.back-button:hover{color:var(--teal);background:var(--mint)}.back-button svg{width:15px;height:15px}.project-hero h1{letter-spacing:-.055em;margin:0;font-size:24px}.project-hero p{color:var(--ink-soft);margin:7px 0 0;font-size:11px}.project-hero-meta{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.meta-chip{color:var(--ink-soft);background:#f3f7f6;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;display:inline-flex}.meta-chip svg{width:12px;height:12px;color:var(--teal)}.project-hero-score{min-width:120px;color:var(--teal);background:var(--mint);text-align:center;border-radius:15px;padding:13px 15px}.project-hero-score strong{letter-spacing:-.07em;font-size:28px;display:block}.project-hero-score span{color:#3f8079;margin-top:3px;font-size:9px;display:block}.detail-tabs{border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;margin-bottom:17px;padding:4px;display:flex}.detail-tab{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:900}.detail-tab.active{color:var(--teal);background:var(--mint)}.template-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:17px;display:grid}.template-sidebar{border:1px solid var(--line);background:#fff;border-radius:17px;gap:5px;padding:10px;display:grid;position:sticky;top:20px}.template-category-tab{color:var(--ink-soft);text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:10px;font-size:10px;font-weight:800;display:flex}.template-category-tab:hover{background:#f5f9f8}.template-category-tab.active{color:var(--teal);background:var(--mint)}.template-category-tab .category-icon{background:#ffffffa6;border-radius:8px;place-items:center;width:25px;height:25px;font-size:14px;display:grid}.template-category-tab small{color:var(--muted);margin-inline-start:auto;font-size:9px}.template-section{margin-bottom:22px}.template-section-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.template-section-head .category-icon{background:var(--mint);border-radius:10px;place-items:center;width:31px;height:31px;font-size:16px;display:grid}.template-section-head h3{margin:0;font-size:13px}.template-section-head span{color:var(--muted);font-size:9px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.template-item{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:11px;padding:12px;transition:border-color .2s,background .2s;display:flex}.template-item:hover{background:#fbfefd;border-color:#cde4df}.template-number{width:30px;height:30px;color:var(--teal);background:#eaf7f4;border-radius:9px;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.template-copy{flex:1;min-width:0}.template-copy strong,.template-copy span:not(.badge):not(.mini-badge):not(.role-badge):not(.role-system-badge):not(.stealth-dev-badge):not(.type-pill){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.template-copy strong{font-size:10px}.template-copy span{color:var(--muted);text-align:start;margin-top:4px;font-size:9px}.template-weight{color:var(--muted);font-size:9px}.template-action{width:27px;height:27px;color:var(--teal);background:#f0f9f7;border:0;border-radius:8px;place-items:center;display:grid}.template-action:hover{background:var(--mint)}.template-action svg{width:14px;height:14px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.member-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:17px;padding:17px}.member-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.member-card-person{align-items:center;gap:10px;min-width:0;display:flex}.member-card-person-copy{min-width:0}.member-card-person-copy strong,.member-card-person-copy span:not(.badge):not(.mini-badge):not(.role-badge):not(.role-system-badge):not(.stealth-dev-badge):not(.type-pill){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-card-person-copy strong{font-size:11px}.member-card-person-copy span{color:var(--muted);margin-top:4px;font-size:9px}.member-menu{width:27px;height:27px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.member-menu:hover{background:var(--surface-soft);color:var(--teal)}.member-card-role{margin:15px 0 12px}.member-card-role .status-badge{padding:5px 8px}.member-card-stats{color:var(--muted);border-top:1px solid #f0f3f2;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;font-size:9px;display:flex}.member-card-stats strong{color:var(--ink);font-size:12px}.member-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-align:start;margin-top:9px;font-size:9px;overflow:hidden}.report-grid{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:18px;display:grid}.report-bars{gap:17px;display:grid}.report-bar-row{grid-template-columns:145px minmax(100px,1fr) 45px;align-items:center;gap:12px;display:grid}.report-bar-row>span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.report-bar-row strong{color:var(--ink);text-align:left;font-size:11px}.report-bar-track{background:#ecf2f0;border-radius:99px;height:8px;overflow:hidden}.report-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--teal), #6bcdb6);height:100%}.report-stat-list{gap:9px;display:grid}.report-stat{background:#f8faf9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.report-stat span{color:var(--ink-soft);font-size:10px}.report-stat strong{letter-spacing:-.04em;font-size:16px}.settings-layout{grid-template-columns:215px minmax(0,1fr);align-items:start;gap:18px;display:grid}.settings-nav{border:1px solid var(--line);background:#fff;border-radius:16px;gap:4px;padding:9px;display:grid}.settings-nav button{color:var(--ink-soft);text-align:start;background:0 0;border:0;border-radius:9px;padding:11px;font-size:10px;font-weight:800}.settings-nav button:hover{background:var(--surface-soft)}.settings-nav button.active{color:var(--teal);background:var(--mint)}.settings-content{min-width:0}.setting-section{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;margin-bottom:18px;padding:20px}.setting-section h2{letter-spacing:-.03em;margin:0;font-size:14px}.setting-section>p{color:var(--muted);margin:7px 0 18px;font-size:10px;line-height:1.7}.company-preview{background:#f5faf9;border-radius:13px;align-items:center;gap:12px;padding:14px;display:flex}.company-preview .brand-mark{width:39px;height:39px;color:var(--teal);background:#fff;border-color:#c9e4df}.company-preview strong{font-size:12px;display:block}.company-preview span{color:var(--muted);margin-top:3px;font-size:9px;display:block}.role-list{gap:10px;display:grid}.role-row{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.role-row:hover{box-shadow:var(--shadow-sm);border-color:#0d626940}.role-copy{flex:1;min-width:0}.role-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.role-name{color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:800}.role-system-badge{border-radius:var(--radius-sm);color:var(--teal);background:var(--mint);border:1px solid #0d62692e;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.3;display:inline-flex;box-shadow:0 1px 2px #0d62690d}[data-theme=dark] .role-system-badge{color:var(--teal);background:#4ac7d11f;border-color:#4ac7d147}.role-desc{color:var(--ink-soft);margin:5px 0 0;font-size:11px;line-height:1.5}.role-meta{color:var(--teal);margin-top:6px;font-size:10px;font-weight:700}.role-actions{flex:none;gap:6px;display:flex}.profile-avatar-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:20px;margin-bottom:24px;padding:18px 20px;display:flex}.avatar-upload-trigger{cursor:pointer;border:2px solid var(--surface);width:76px;height:76px;box-shadow:0 0 0 1px var(--line), var(--shadow-sm);border-radius:50%;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.avatar-upload-trigger:hover,.avatar-upload-trigger:focus-visible{box-shadow:0 0 0 2px var(--teal), var(--shadow);outline:none;transform:scale(1.04)}.avatar-upload-circle{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.avatar-upload-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-upload-fallback{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:900;display:flex}.avatar-upload-overlay{color:#fff;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d6269d1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-upload-trigger:hover .avatar-upload-overlay,.avatar-upload-trigger:focus-visible .avatar-upload-overlay{opacity:1}.avatar-upload-overlay span{font-size:9px;font-weight:800}.profile-avatar-meta{min-width:0}.profile-user-name{letter-spacing:-.02em;margin:0 0 4px;font-size:16px;font-weight:800}.profile-user-role{color:var(--muted);margin:0 0 10px;font-size:12px}.profile-upload-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-hint{color:var(--muted);font-size:11px}.logo-upload-trigger{cursor:pointer;background:var(--surface);border:1px solid var(--line);width:68px;height:68px;box-shadow:var(--shadow-sm);border-radius:14px;flex-shrink:0;padding:4px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s;position:relative}.logo-upload-trigger:hover,.logo-upload-trigger:focus-visible{border-color:var(--teal);outline:none;transform:scale(1.04)}.logo-upload-box{background:var(--surface-soft);border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.logo-upload-img{object-fit:contain;width:100%;height:100%}.logo-upload-fallback{color:var(--teal);justify-content:center;align-items:center;display:flex}.logo-upload-overlay{color:#fff;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d6269d1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:opacity .2s;display:flex;position:absolute;inset:0}.logo-upload-trigger:hover .logo-upload-overlay,.logo-upload-trigger:focus-visible .logo-upload-overlay{opacity:1}.logo-upload-overlay span{font-size:9px;font-weight:800}.company-preview-meta{min-width:0}.company-name{margin-bottom:4px;font-size:16px;font-weight:800;display:block}.company-sub{color:var(--muted);margin-bottom:10px;font-size:12px;display:block}.company-upload-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.trash-notice-banner{border-radius:var(--radius-md);background:#fdfaf3;border:1px solid #fae8c8;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}[data-theme=dark] .trash-notice-banner{background:#c783341f;border-color:#c7833440}.trash-notice-icon{color:var(--amber);flex-shrink:0;margin-top:2px}.trash-notice-text strong{color:var(--ink);margin-bottom:3px;font-size:12px;display:block}.trash-notice-text p{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.5}.trash-item-cell{align-items:center;gap:10px;display:flex}.trash-item-icon{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.trash-item-icon.is-project{color:var(--blue);background:#eaf1fb}.trash-item-icon.is-task{color:var(--teal);background:#e8f7f4}.trash-item-icon.is-doc{color:#b45309;background:#fef3c7}[data-theme=dark] .trash-item-icon.is-project{color:#93c5fd;background:#4d78a833}[data-theme=dark] .trash-item-icon.is-task{color:var(--mint-strong);background:#0d626933}[data-theme=dark] .trash-item-icon.is-doc{color:#fcd34d;background:#b4530933}.trash-item-title{color:var(--ink);font-size:12px;font-weight:700;display:block}.trash-item-code{color:var(--muted);margin-top:2px;font-family:monospace;font-size:10px;display:inline-block}.type-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.type-pill.type-project{color:#2b6cb0;background:#ebf3fb;border:1px solid #bee3f8}.type-pill.type-task{color:var(--teal);background:#e6f6f4;border:1px solid #bce6df}.type-pill.type-doc{color:#854d0e;background:#fef9c3;border:1px solid #fef08a}[data-theme=dark] .type-pill.type-project{color:#90cdf4;background:#2b6cb033;border-color:#90cdf440}[data-theme=dark] .type-pill.type-task{color:var(--mint-strong);background:#0d626933;border-color:#1b9d8f4d}[data-theme=dark] .type-pill.type-doc{color:#fde047;background:#854d0e40;border-color:#fde0474d}.trash-parent-badge{color:var(--ink-soft);align-items:center;gap:4px;font-size:11px;display:inline-flex}.trash-date{color:var(--muted);white-space:nowrap;font-size:11px}.restore-btn{gap:5px;font-weight:700}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:280px;padding:2px;display:grid;overflow:auto}.permission-option{border:1px solid var(--line);background:#fbfcfc;border-radius:10px;align-items:flex-start;gap:8px;padding:10px;font-size:10px;line-height:1.5;display:flex}.permission-option input{accent-color:var(--teal);margin-top:2px}.permission-option:has(input:checked){background:#f0faf7;border-color:#bfe2db}.audit-list{gap:8px;display:grid}.audit-row{background:#fafcfb;border-radius:11px;align-items:flex-start;gap:10px;padding:10px;display:flex}.audit-dot{background:var(--teal);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.audit-copy{min-width:0}.audit-copy strong{font-size:10px;display:block}.audit-copy span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;will-change:opacity;background:#0a191b7a;place-items:center;padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) forwards modalBackdropFadeIn;display:grid;position:fixed;inset:0}.modal-backdrop.is-closing{animation:.15s cubic-bezier(.16,1,.3,1) forwards modalBackdropFadeOut}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalBackdropFadeOut{0%{opacity:1}to{opacity:0}}.modal{border:1px solid var(--border);background:var(--surface);width:min(570px,100%);max-height:min(850px,100dvh - 36px);color:var(--ink);will-change:transform, opacity;transform-origin:50%;border-radius:20px;padding:24px;animation:.24s cubic-bezier(.16,1,.3,1) forwards modalScaleIn;overflow:hidden auto;box-shadow:0 25px 70px -10px #00000052}.modal.is-closing{animation:.15s cubic-bezier(.16,1,.3,1) forwards modalScaleOut}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalScaleOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(6px)}}.modal-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:21px;display:flex}.modal-head h2{letter-spacing:-.04em;margin:0;font-size:18px}.modal-head p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.6}.modal-close{width:34px;min-width:34px;height:34px;color:var(--muted);background:var(--surface-soft);border:0;border-radius:9px;place-items:center;transition:background .15s,color .15s;display:grid}.modal-close:hover{color:var(--red);background:var(--red-soft)}.modal-close svg{width:15px;height:15px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px;display:grid}.form-grid .field.full{grid-column:1/-1}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:21px;padding-top:16px;display:flex}.role-modal-note{color:var(--ink-soft);background:var(--surface-soft);border-radius:10px;margin:-5px 0 15px;padding:10px 12px;font-size:10px;line-height:1.6}.toast-stack{inset-inline-end:22px;z-index:100000;pointer-events:none;gap:8px;width:min(360px,100vw - 44px);transition:bottom .25s;display:grid;position:fixed;bottom:22px}.is-ltr .toast-stack,[dir=ltr] .toast-stack{left:22px;right:auto}body:has(#floating-upload-manager) .toast-stack{bottom:230px}.toast{pointer-events:auto;color:var(--ink);box-shadow:var(--shadow);background:#f4fcfa;border:1px solid #cfe8e4;border-radius:13px;align-items:flex-start;gap:9px;padding:13px 14px;font-size:11px;line-height:1.6;animation:.25s ease-out toast-in;display:flex}.toast.error{background:#fff7f6;border-color:#f1d6d3}.toast svg{width:16px;height:16px;color:var(--teal);flex:none;margin-top:2px}.toast.error svg{color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading{min-height:100vh;color:var(--teal);background:var(--paper);place-items:center;display:grid}.loading-mark{color:var(--muted);justify-items:center;gap:12px;font-size:11px;display:grid}.loading-spinner{border:3px solid #dceeea;border-top-color:var(--teal);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.sidebar{width:230px}.app-shell{grid-template-columns:230px minmax(0,1fr)}.metrics-grid,.project-cards,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.login-shell{align-items:flex-start;padding:16px}.login-wrap{border-radius:24px;grid-template-columns:1fr;min-height:auto;margin:10px auto}.login-art{min-height:220px;padding:28px 24px}.login-art-content{margin-top:30px}.login-art p,.login-note{display:none}.login-card{padding:28px 20px}.login-card-inner{max-width:100%}}@media (width<=880px){.login-wrap{grid-template-columns:1fr}.login-art{min-height:220px}.login-art-content{margin-top:30px}.login-note{display:none}.app-shell,.app-shell.is-ltr{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.workspace{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.topbar{flex-shrink:0;min-height:62px;padding-inline:14px;position:sticky;top:0}.workspace-content{-webkit-overflow-scrolling:touch;flex:1;height:100%;padding:18px 14px 40px;overflow:hidden auto}.sidebar{width:270px;height:100dvh;box-shadow:var(--shadow);visibility:hidden;pointer-events:none;z-index:1000;transition:transform .25s cubic-bezier(.16,1,.3,1),visibility .25s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}[dir=rtl] .sidebar{inset:0 0 0 auto;transform:translate(105%)}.sidebar.open,[dir=rtl] .sidebar.open{visibility:visible;pointer-events:auto;transform:translate(0)}.mobile-menu{display:grid!important}.content-grid,.report-grid,.template-layout,.settings-layout{grid-template-columns:1fr}.template-sidebar{display:flex;position:static;overflow-x:auto}.template-category-tab{min-width:155px}.board{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;grid-template-columns:repeat(4,minmax(260px,280px));padding-bottom:14px;overflow-x:auto}.board-column{scroll-snap-align:start}}@media (width<=640px){.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%!important;max-width:100%!important;max-height:94dvh!important;padding:20px 16px calc(20px + env(safe-area-inset-bottom,16px))!important;border-radius:22px 22px 0 0!important;margin:0!important;animation:.25s cubic-bezier(.16,1,.3,1) forwards modalSlideUpMobile!important}.modal.is-closing{animation:.15s cubic-bezier(.16,1,.3,1) forwards modalSlideDownMobile!important}@keyframes modalSlideUpMobile{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideDownMobile{0%{opacity:1;transform:translateY(0)}to{opacity:.6;transform:translateY(100%)}}.hide-mobile{display:none!important}.show-mobile{display:block!important}.login-shell{padding:12px}.login-wrap{border-radius:25px}.login-art,.login-card{padding:24px 18px}.login-art{min-height:280px}.login-art h1{font-size:28px}.metrics-grid,.project-cards,.team-grid{grid-template-columns:1fr}.workspace-content{padding:18px 12px 36px}.topbar{min-height:62px;padding:10px 12px}.profile-chip-text{display:none}.topbar-title{font-size:14px}.welcome-banner{padding:18px;display:block}.welcome-status{margin-top:16px}.page-head{display:block}.page-actions{margin-top:12px}.project-row{grid-template-columns:minmax(0,1fr) 80px 29px}.project-owner{display:none}.team-row{grid-template-columns:minmax(145px,1fr) 40px 28px}.team-progress{display:none}.view-toolbar{flex-direction:column;gap:8px;display:flex}.view-toolbar-start,.view-toolbar-end{flex-wrap:wrap;gap:6px;width:100%;display:flex}.view-toolbar-end{margin-top:4px}.search-box{flex:100%;min-width:0}.form-grid{grid-template-columns:1fr;gap:8px}.form-grid .field.full{grid-column:auto}.project-hero{display:block}.project-hero-score{margin-top:18px}.template-grid{grid-template-columns:1fr}.report-bar-row{grid-template-columns:105px minmax(80px,1fr) 38px;gap:7px}.permission-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-actions>*{width:100%}.modal-actions button{justify-content:center;width:100%}}.mobile-menu{display:none}.modal.modal-lg{width:min(960px,100%)}.mention-option:hover{background:var(--blue-soft)}.board-column.drag-over{border:1px dashed var(--blue);background:#00000005;border-radius:12px}.task-card.is-dragging{transition:opacity .15s,transform .15s;transform:scale(.98);box-shadow:0 10px 25px #00000026;opacity:.45!important;cursor:grabbing!important}.btn:active,.nav-item:active,.filter-tab:active,.detail-tab:active,.task-card:active{transition:none!important;transform:scale(.97)!important}[data-theme=dark]{--ink:#eaf1fb;--ink-soft:#a1b0b5;--muted:#65777a;--line:#2b393b;--paper:#0b1113;--surface:#141c1e;--surface-soft:#1c2729;--teal:#4ac7d1;--teal-dark:#37aeb8;--mint:#153e39;--mint-strong:#25bdae;--amber:#e5a45a;--amber-soft:#4b3621;--red:#eb776c;--red-soft:#462220;--blue:#7caaf0;--blue-soft:#23344a;--purple:#aa95e0;--shadow:0 20px 55px #0006;--shadow-sm:0 8px 24px #0000004d}[data-theme=dark] .modal-backdrop{background:#000000b3}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface-soft)!important;border-color:var(--line)!important;color:var(--ink)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--muted)!important}[data-theme=dark] .dropdown-menu{background:var(--surface)!important;border-color:var(--line)!important}[data-theme=dark] .menu-item{color:var(--ink)!important}[data-theme=dark] .menu-item:hover{background:var(--surface-soft)!important}[data-theme=dark] .sidebar,[data-theme=dark] .panel,[data-theme=dark] .icon-button,[data-theme=dark] .profile-chip,[data-theme=dark] .task-card,[data-theme=dark] .member-card,[data-theme=dark] .template-item,[data-theme=dark] .modal,[data-theme=dark] .modal-shell,[data-theme=dark] .data-table,[data-theme=dark] .project-hero,[data-theme=dark] .board-column{background:var(--surface)!important;border-color:var(--line)!important}[data-theme=dark] .topbar{border-bottom-color:var(--line)!important;background:#141c1ed9!important}[data-theme=dark] .admin-badge,[data-theme=dark] .nav-item:hover,[data-theme=dark] .metric-card,[data-theme=dark] .btn-soft,[data-theme=dark] .template-sidebar{background:var(--surface-soft)!important}[data-theme=dark] .btn-soft{border-color:var(--line)!important}[data-theme=dark] .nav-item.active{background:var(--mint)!important}[data-theme=dark] .notification-dot{box-shadow:0 0 0 2px var(--surface)}[data-theme=dark] .login-shell{background:radial-gradient(circle at 16% 15%,#1d9d8f14,#0000 28%),radial-gradient(circle at 84% 78%,#c783340f,#0000 29%),#0b1113}[data-theme=dark] .login-wrap{border-color:var(--line);background:#141c1ef2}[data-theme=dark] .login-card{background:var(--surface)}[data-theme=dark] .login-demo{background:var(--surface-soft);border-color:var(--line);color:var(--ink-soft)}[data-theme=dark] .project-card{background:var(--surface)!important;border-color:var(--line)!important}[data-theme=dark] .detail-tab{color:var(--ink-soft)}[data-theme=dark] .detail-tab.active{color:var(--ink);border-bottom-color:var(--teal)}[data-theme=dark] .report-stat{border-color:var(--line)}[data-theme=dark] .filter-tab{color:var(--ink-soft)}[data-theme=dark] .filter-tab.active{color:var(--teal);background:var(--mint)}[data-theme=dark] .filter-select{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}[data-theme=dark] .search-box{background:var(--surface-soft);border-color:var(--line)}[data-theme=dark] .search-box input{color:var(--ink)!important}[data-theme=dark] .settings-nav button{color:var(--ink-soft)}[data-theme=dark] .settings-nav button.active{color:var(--teal);background:var(--mint)}[data-theme=dark] .template-category-tab{color:var(--ink-soft)}[data-theme=dark] .template-category-tab.active{color:var(--teal);background:var(--mint)}[data-theme=dark] .btn-primary{background:var(--teal);color:#0b1113}[data-theme=dark] .btn-ghost{color:var(--ink-soft)}[data-theme=dark] .btn-ghost:hover{color:var(--ink);background:var(--surface-soft)}[data-theme=dark] .empty{color:var(--muted)}[data-theme=dark] .eyebrow{color:var(--mint-strong)}[data-theme=dark] .badge-teal,[data-theme=dark] .badge-pulse{color:var(--mint-strong);background:#16b29029;border-color:#2dd4bf40}[data-theme=dark] .badge-blue,[data-theme=dark] .badge-info{color:#93c5fd;background:#2563eb29;border-color:#93c5fd47}[data-theme=dark] .badge-amber,[data-theme=dark] .badge-warning{color:#fbbf24;background:#f59e0b29;border-color:#fbbf2447}[data-theme=dark] .badge-red,[data-theme=dark] .badge-attention{color:#f87171;background:#ef444429;border-color:#f8717147}[data-theme=dark] .badge-neutral{background:var(--surface-soft);color:var(--ink-soft);border-color:var(--line)}[data-theme=dark] .mini-badge:not([class*=badge-]){background:var(--surface-soft);color:var(--ink-soft)}[data-theme=dark] .audit-row{border-color:var(--line)}[data-theme=dark] .member-email{color:var(--muted)}[data-theme=dark] .timeline-bar{border-color:var(--line)}[data-theme=dark] .project-row{background:var(--surface-soft);border-color:#0000}[data-theme=dark] .project-row:hover{background:var(--surface);border-color:var(--line)}[data-theme=dark] .project-symbol{background:var(--mint)}[data-theme=dark] .project-arrow{background:var(--surface)}[data-theme=dark] .project-arrow:hover{background:var(--mint)}[data-theme=dark] .progress-track,[data-theme=dark] .attention-item{background:var(--surface-soft)}[data-theme=dark] .pulse-bar{background:var(--mint)}[data-theme=dark] .pulse-bar.current{background:var(--teal)}[data-theme=dark] .status-badge.on_track,[data-theme=dark] .status-badge.done,[data-theme=dark] .status-badge.completed{color:var(--mint-strong);background:var(--mint)}[data-theme=dark] .status-badge.at_risk,[data-theme=dark] .status-badge.review,[data-theme=dark] .status-badge.approval{color:var(--amber);background:var(--amber-soft)}[data-theme=dark] .status-badge.off_track,[data-theme=dark] .status-badge.blocked{color:var(--red);background:var(--red-soft)}[data-theme=dark] .status-badge.in_progress{color:var(--blue);background:var(--blue-soft)}[data-theme=dark] .status-badge.not_started,[data-theme=dark] .status-badge.on_hold,[data-theme=dark] .status-badge.planning{color:var(--muted);background:var(--surface-soft)}[data-theme=dark] .priority-badge.low{background:var(--surface-soft)}[data-theme=dark] .view-toolbar{background:var(--surface);border-color:var(--line)}[data-theme=dark] .board-count{background:var(--surface-soft)}[data-theme=dark] .board-column.drag-over{border-color:var(--blue);background:#ffffff08}[data-theme=dark] .task-card:hover{border-color:var(--line)}[data-theme=dark] .task-card-foot{border-top-color:var(--line)}[data-theme=dark] .data-table th{background:var(--surface-soft)}[data-theme=dark] .data-table th,[data-theme=dark] .data-table td{border-bottom-color:var(--line)}[data-theme=dark] .data-table tr:hover td{background:var(--surface-soft)}[data-theme=dark] .table-wrap{border-color:var(--line)}[data-theme=dark] .select-compact{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}[data-theme=dark] .back-button{background:var(--surface);border-color:var(--line)}[data-theme=dark] .back-button:hover{background:var(--mint)}[data-theme=dark] .meta-chip{background:var(--surface-soft)}[data-theme=dark] .detail-tabs{background:var(--surface);border-color:var(--line)}[data-theme=dark] .detail-tab.active{color:var(--teal);background:var(--mint)}[data-theme=dark] .project-card:hover{border-color:var(--line)}[data-theme=dark] .project-card-bottom{border-top-color:var(--line)}[data-theme=dark] .project-card-symbol{background:var(--mint)}[data-theme=dark] .report-stat{background:var(--surface-soft);border-color:var(--line)}[data-theme=dark] .report-bar-track{background:var(--surface-soft)}[data-theme=dark] .template-number{background:var(--mint)}[data-theme=dark] .template-action{background:var(--surface-soft)}[data-theme=dark] .template-action:hover{background:var(--mint)}[data-theme=dark] .template-item:hover{border-color:var(--line);background:var(--surface-soft)}[data-theme=dark] .template-category-tab:hover{background:var(--surface-soft)}[data-theme=dark] .template-section-head .category-icon{background:var(--mint)}[data-theme=dark] .member-card-stats{border-top-color:var(--line)}[data-theme=dark] .team-row{border-bottom-color:var(--line)}[data-theme=dark] .settings-nav,[data-theme=dark] .setting-section{background:var(--surface);border-color:var(--line)}[data-theme=dark] .company-preview{background:var(--surface-soft)}[data-theme=dark] .company-preview .brand-mark{background:var(--surface);border-color:var(--line)}[data-theme=dark] .role-row,[data-theme=dark] .permission-option{background:var(--surface-soft);border-color:var(--line)}[data-theme=dark] .permission-option:has(input:checked){border-color:var(--mint-strong);background:var(--mint)}[data-theme=dark] .role-modal-note{background:var(--surface-soft);color:var(--ink-soft)}[data-theme=dark] .audit-row{background:var(--surface-soft);border-color:var(--line)}[data-theme=dark] .modal{border-color:var(--line);box-shadow:0 30px 90px #00000080}[data-theme=dark] .modal-close{background:var(--surface-soft)}[data-theme=dark] .modal-close:hover{color:var(--red);background:var(--red-soft)}[data-theme=dark] .modal-actions{border-top-color:var(--line)}[data-theme=dark] .toast{background:var(--surface);border-color:var(--line);color:var(--ink)}[data-theme=dark] .toast.error{background:var(--red-soft);border-color:#5a2a26}[data-theme=dark] .btn-danger{color:var(--red);border-color:var(--red-soft);background:var(--red-soft)}[data-theme=dark] .btn-danger:hover{background:#5a2a26}[data-theme=dark] .icon-button:hover{border-color:var(--line);background:var(--surface-soft)}[data-theme=dark] .sidebar-brand .brand-mark{background:var(--mint);border-color:var(--line)}[data-theme=dark] .admin-badge,[data-theme=dark] .metric-card:after,[data-theme=dark] .metric-card{border-color:var(--line)}[data-theme=dark] .empty-icon{background:var(--mint)}[data-theme=dark] .project-hero-score span{color:var(--muted)}[data-theme=dark] .mention-option:hover{background:var(--blue-soft)}.login-shell.is-ltr{background:radial-gradient(circle at 84% 15%,#1d9d8f21,#0000 28%),radial-gradient(circle at 16% 78%,#c783341a,#0000 29%),#f7faf9}[data-theme=dark] .login-shell.is-ltr{background:radial-gradient(circle at 84% 15%,#1d9d8f14,#0000 28%),radial-gradient(circle at 16% 78%,#c783340f,#0000 29%),#0b1113}.mini-avatar{border:1.5px solid var(--surface)!important;width:24px!important;height:24px!important;font-size:10px!important}.project-team-stack{position:relative}.project-team-stack:hover .team-hover-tooltip,.team-hover-tooltip:hover{display:block!important}.project-team-stack:after{content:"";pointer-events:auto;height:10px;position:absolute;top:100%;left:0;right:0}.omnisearch-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0e1e2073;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.omnisearch-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:min(640px,92vw);display:flex;overflow:hidden;box-shadow:0 25px 60px #0000002e}.omnisearch-input-wrap{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 20px;display:flex}.omnisearch-input-wrap input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.omnisearch-results{flex-direction:column;gap:4px;max-height:420px;padding:10px;display:flex;overflow-y:auto}.omni-group-title{color:var(--muted);text-transform:uppercase;padding:8px 12px 4px;font-size:11px;font-weight:700}.omni-item{cursor:pointer;color:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s,transform .1s;display:flex}.omni-item:hover,.omni-item.selected{background:var(--surface-soft);color:var(--teal)}.omni-item-left{align-items:center;gap:10px;display:flex;overflow:hidden}.omni-badge{background:var(--surface-soft);color:var(--ink-soft);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:10px}.omnisearch-foot{background:var(--surface-soft);border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;display:flex}.omni-shortcuts-hint{align-items:center;gap:14px;display:flex}kbd.shortcut-kbd{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px;box-shadow:0 1px 2px #00000014}.topbar-search-trigger{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.topbar-search-trigger:hover{border-color:var(--teal);color:var(--ink)}.cheatsheet-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:16px;display:grid}.cheatsheet-row{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.task-modal-layout{align-items:flex-start;gap:28px;width:100%;display:flex}.task-modal-col{box-sizing:border-box;flex:320px;min-width:0;max-width:100%}.task-modal-col.task-modal-side{border-inline-start:1px solid var(--line);flex-direction:column;gap:24px;padding-inline-start:24px;display:flex}@media (width<=840px){.task-modal-layout{flex-direction:column!important;gap:20px!important}.task-modal-col{flex:100%!important;width:100%!important;min-width:0!important}.task-modal-col.task-modal-side{border-top:1px solid var(--line);padding-top:20px;border-inline-start:none!important;padding-inline-start:0!important}.project-hero-meta{gap:8px}.team-hover-tooltip{max-width:250px!important}}.activity-wrapper{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.activity-pill{border-radius:12px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.activity-pill.online{color:#059669;background:#10b9811f;border:1px solid #10b98147}[data-theme=dark] .activity-pill.online{color:#34d399;background:#10b9812e;border-color:#34d39952}.activity-pill.recent{color:var(--teal);background:#4ac7d11a;border:1px solid #4ac7d138}.activity-pill.idle{background:var(--surface-soft);color:var(--ink-soft);border:1px solid var(--border-subtle)}.activity-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.activity-dot.online{background:#10b981;animation:2s ease-in-out infinite pulse-online;box-shadow:0 0 6px #10b981b3}@keyframes pulse-online{0%{opacity:.85;transform:scale(.95)}50%{opacity:1;transform:scale(1.2)}to{opacity:.85;transform:scale(.95)}}.activity-dot.recent{background:var(--teal)}.activity-dot.idle{background:var(--muted)}.activity-sub{color:var(--muted);font-size:10px}.activity-never{color:var(--muted);font-size:11px;font-style:italic}