:root{--canvas:#fbf7ef;--canvas-soft:#f3eadc;--surface:#ffffffdb;--surface-strong:#fff;--ink:#10223f;--ink-soft:#31415d;--muted:#5f6b82;--line:#10223f1a;--line-strong:#10223f29;--navy:#081a35;--navy-2:#10284e;--blue:#2777e6;--teal:#20b8aa;--coral:#ff776d;--purple:#8d6ae8;--amber:#f6a84b;--green:#17a676;--danger:#c24136;--shadow:0 22px 55px #1e273e1c;--shadow-soft:0 14px 30px #1e273e14;--radius:22px;--radius-sm:14px}*{box-sizing:border-box}html{min-width:320px}body{background:radial-gradient(circle at 15% 10%, #fffffffa, transparent 28%), linear-gradient(135deg, #fffaf3 0%, var(--canvas) 45%, #f8efe1 100%);color:var(--ink);direction:rtl;margin:0;font-family:Tahoma,Arial,sans-serif;line-height:1.65;overflow-x:hidden}html[dir=ltr] body{direction:ltr}body:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){direction:ltr}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:0;box-shadow:0 0 0 4px #20b8aa38,0 0 0 1px #081a3533}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.sidebar{background:radial-gradient(circle at 15% 10%, #3964af61, transparent 26%), linear-gradient(180deg, var(--navy) 0%, #06152b 100%);color:#f7fbff;z-index:5;width:286px;padding:28px 18px;position:fixed;top:0;bottom:0;right:0}:is(body:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .sidebar,html[dir=ltr] .sidebar){left:0;right:auto}.brand{gap:14px;margin-bottom:30px;padding:8px 8px 18px;display:grid}.brand-mark{background:#ffffff1f;border:1px solid #ffffff29;border-radius:18px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.brand-mark:before{background:linear-gradient(135deg, var(--teal), var(--blue));content:"";border-radius:10px;width:22px;height:22px}.brand strong{font-size:20px;display:block}.brand span{color:#b9c5d8;margin-top:3px;font-size:13px;display:block}.nav{flex-direction:column;gap:10px;min-height:calc(100vh - 150px);display:flex}.nav a,.nav button{color:#dce6f6;cursor:pointer;font:inherit;text-align:right;background:0 0;border:0;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 10px;display:grid}:is(body:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .nav a,body:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .nav button,html[dir=ltr] .nav a,html[dir=ltr] .nav button){text-align:left}.nav-icon{background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:inline-flex}.main{min-width:0;margin-right:286px;padding:46px 46px 34px}:is(body:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .main,html[dir=ltr] .main){margin-left:286px;margin-right:0}.topbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:var(--muted);margin:0 0 2px;font-size:13px}.topbar h1{color:var(--ink);margin:0;font-size:clamp(28px,4vw,48px);line-height:1.15}.topbar p{color:var(--ink-soft);margin:8px 0 0}.top-actions{flex-wrap:wrap;gap:10px;display:flex}.filter-pill{border:1px solid var(--line);color:var(--ink);background:#ffffffc7;border-radius:10px;align-items:center;min-height:42px;padding:8px 16px;display:inline-flex;box-shadow:0 8px 20px #1e273e0d}.team-switch{color:#dbe7f7;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;align-self:end;margin-top:auto;padding:14px}.team-switch span{color:#9fb0ca;font-size:12px;display:block}.team-switch strong{margin-top:3px;font-size:14px;display:block}.status,.errors{border-radius:18px;margin-bottom:16px;padding:12px 16px}.status{color:#6f3b00;background:#fff4dc;border:1px solid #f6a84b59}.errors{color:var(--danger);background:#fff0ef;border:1px solid #c2413647}.grid{gap:18px;display:grid}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}.dashboard-pair{direction:inherit;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}.dashboard-pair>*{direction:inherit}.grid.equal-two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.card,.login-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-soft);border:1px solid #ffffffb8}.panel-header{justify-content:space-between;align-items:start;gap:14px;margin-bottom:16px;display:flex}.panel h2,.panel h3{margin:0}.section-note{color:var(--muted);margin:4px 0 0}.card{padding:16px}.metric{color:#fff;border:0;min-height:188px;padding:26px;position:relative;overflow:hidden}.metric:after{content:"";opacity:.7;background:0 0;border-bottom:3px solid #ffffff73;border-radius:50%;width:78%;height:48px;position:absolute;bottom:14px;right:34px;transform:rotate(-4deg)}.metric .metric-icon{color:var(--ink);inset-inline-end:22px;background:#ffffffd6;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-weight:800;display:inline-flex;position:absolute;top:22px}.metric span{opacity:.98;font-size:14px;display:block}.metric strong{margin:18px 0 8px;font-size:38px;line-height:1.1;display:block}.metric small{color:#fffffff5}.metric-trend{z-index:1;align-items:center;gap:8px;margin-top:4px;display:inline-flex;position:relative}.metric-bars{opacity:.32;align-items:end;gap:7px;height:38px;display:flex;position:absolute;bottom:18px;left:22px;right:24px}.metric-bars i{background:#ffffffb8;border-radius:999px;flex:1}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{background:linear-gradient(135deg, var(--navy-2), var(--blue));color:#fff;cursor:pointer;font:inherit;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 10px 22px #2777e62e}.button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #2777e638}.button:disabled,.button[disabled]{cursor:not-allowed;filter:grayscale(.2);opacity:.62;transform:none}.button.secondary{border-color:var(--line);box-shadow:none;color:var(--ink);background:#fff}.button.ghost{box-shadow:none;color:var(--ink);background:#ffffffb3;border-color:#fffc}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#ffffffe6;border-radius:14px;width:100%;min-height:44px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#2777e68c;outline:0;box-shadow:0 0 0 4px #2777e61f}.language-button{color:var(--ink);cursor:pointer}textarea{resize:vertical;min-height:104px}label{color:var(--ink-soft);gap:7px;font-size:13px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.full{grid-column:1/-1}.table-wrap{overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}.table th,.table td{border-bottom:1px solid var(--line);text-align:right;vertical-align:top;padding:13px 12px}:is(body:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .table th,body:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .table td,html[dir=ltr] .table th,html[dir=ltr] .table td){text-align:left}.table th{color:var(--ink-soft);font-size:12px;font-weight:700}.table tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.badge{border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.badge:before{content:"";border-radius:999px;width:7px;height:7px}.badge.high{color:#ad392f;background:#ff776d24}.badge.high:before{background:var(--coral)}.badge.normal{color:#1b5db3;background:#2777e61f}.badge.normal:before{background:var(--blue)}.badge.low{color:#6c4ccd;background:#8d6ae81f}.badge.low:before{background:var(--purple)}.pill{color:var(--ink);background:#10223f0f;border-radius:999px;padding:4px 9px;font-size:12px;display:inline-flex}.avatar{background:linear-gradient(135deg, var(--navy-2), var(--teal));color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:inline-flex}.attendance-timeline{gap:14px;display:grid}.timeline-row{border:1px solid var(--line);background:#ffffff9e;border-radius:18px;padding:14px}.timeline-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.timeline-track{background:#e8ebee;border-radius:999px;gap:3px;height:22px;padding:3px;display:flex;position:relative;overflow:hidden}.timeline-segment{border-radius:999px;min-width:16px}.timeline-segment.active{background:linear-gradient(90deg, var(--teal), #67d5cc)}.timeline-segment.unavailable{background:#dce1e8}.timeline-meta{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.dashboard-attendance-card .timeline-track{gap:6px;height:46px;padding:7px;overflow:visible}.dashboard-attendance-card .timeline-segment{min-width:22px}.now-marker{color:var(--ink);z-index:2;place-items:center;gap:5px;font-size:12px;display:grid;position:absolute;top:-42px;transform:translate(50%)}.now-marker:after{background:var(--navy);content:"";width:2px;height:74px}.now-marker span{background:var(--navy);color:#fff;border-radius:6px;padding:3px 9px}.timeline-scale{color:var(--muted);justify-content:space-between;margin-top:12px;display:flex}.insight-card{background:linear-gradient(135deg,#ffffffeb,#f6f0ffd1);border:1px solid #8d6ae824;border-radius:18px;margin-bottom:12px;padding:16px}.insight-card strong{color:#5f46bd;margin-bottom:6px;display:block}.dashboard-insights{background:radial-gradient(circle at 18% 12%,#8d6ae821,#0000 34%),#ffffffd1}.dashboard-insights .button{margin-top:8px}.dashboard-insights .insight-card{margin-bottom:10px;padding:14px}.dashboard-insights .insight-card p{margin:6px 0}.insight-line{border-bottom:1px solid #8d6ae81f;padding:8px 0}.insight-line:last-of-type{border-bottom:0}.insight-line strong{color:#5f46bd}.insight-line p{color:var(--ink-soft);margin:4px 0 0}.empty-state{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;background:#ffffff7a;border-radius:18px;place-items:center;min-height:92px;display:grid}.board{grid-template-columns:repeat(5,minmax(280px,1fr));gap:16px;padding:4px 0 10px;display:grid;overflow-x:auto}.dashboard-board{grid-template-columns:repeat(4,minmax(260px,1fr));overflow:visible}.stage{border:1px solid var(--line);background:#ffffff75;border-radius:24px;min-height:480px;padding:14px}.dashboard-board .stage{min-height:330px}.stage-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.stage-title{align-items:center;gap:9px;margin:0;display:flex}.stage-dot{background:var(--teal);border-radius:999px;width:10px;height:10px}.stage:nth-child(2) .stage-dot{background:var(--blue)}.stage:nth-child(3) .stage-dot{background:var(--coral)}.stage:nth-child(4) .stage-dot{background:var(--purple)}.stage:nth-child(5) .stage-dot{background:var(--green)}.kanban-card{background:var(--surface-strong);border:1px solid #10223f14;border-radius:18px;margin-bottom:12px;padding:14px;box-shadow:0 12px 26px #1e273e12}.kanban-card h4{margin:0 0 6px;font-size:15px}.kanban-icon{color:var(--blue);background:#2777e61f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.project-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px;display:grid}.project-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-soft);border:1px solid #ffffffb8;gap:16px;padding:20px;display:grid}.project-card h2{margin:10px 0 4px}.progress-track{background:#10223f14;border-radius:999px;height:12px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--teal), var(--blue));border-radius:inherit;height:100%;display:block}.project-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.project-stats span{border:1px solid var(--line);color:var(--ink-soft);background:#ffffff9e;border-radius:16px;padding:10px}.project-stats strong{color:var(--ink);font-size:22px;display:block}.task-list{gap:10px;display:grid}.task-row{border:1px solid var(--line);background:#ffffffa8;border-radius:18px;grid-template-columns:auto minmax(180px,1fr) auto auto auto auto;align-items:center;gap:12px;padding:12px;display:grid}.task-row small{color:var(--muted);display:block}.card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.compact-form{gap:8px;margin-top:10px;display:grid}.report-filter-panel{background:radial-gradient(circle at 12% 12%,#2777e61a,#0000 28%),#ffffffd1}.report-filters{grid-template-columns:1.05fr repeat(2,.9fr) 1fr 1.25fr auto;align-items:end;gap:12px;display:grid}.report-filter-actions{gap:8px;display:flex}.report-main{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.report-summary .metric{min-height:168px}.report-attention-row{grid-template-columns:auto minmax(180px,1fr) auto auto auto auto}.report-insight-list{gap:12px;display:grid}.report-insight-list>div{border:1px solid var(--line);background:#ffffff9e;border-radius:18px;padding:14px}.report-insight-list strong{color:var(--ink);font-size:28px;line-height:1.2;display:block}.report-insight-list span{color:var(--blue);margin-top:3px;font-weight:700;display:block}.report-insight-list p{color:var(--ink-soft);margin:6px 0 0}.report-timeline{border:1px solid var(--line);background:#ffffff8a;border-radius:18px;align-items:end;gap:12px;min-height:230px;padding:18px;display:flex;overflow-x:auto}.report-day{flex:1 0 54px;place-items:center;gap:7px;min-height:178px;display:grid}.report-day span{background:linear-gradient(180deg, var(--blue), var(--teal));border-radius:999px;align-self:end;width:18px;min-height:16px}.report-day strong{color:var(--ink);font-size:14px}.report-day small{color:var(--muted)}.compact-table{min-width:520px}details{color:var(--ink-soft)}summary{cursor:pointer}.login-page{background:radial-gradient(circle at 18% 12%, #fffffff2, transparent 24%), linear-gradient(135deg, var(--navy) 0 36%, var(--canvas) 36% 100%);align-items:center;min-height:100vh;padding:28px;display:grid}.login-shell{grid-template-columns:minmax(280px,520px) minmax(320px,460px);align-items:stretch;gap:22px;width:100%;max-width:1120px;margin:auto;display:grid}.login-hero{color:#fff;background:radial-gradient(circle at 18% 12%,#2777e638,#0000 32%),linear-gradient(160deg,#081a35fa,#10284ef0);border:1px solid #ffffff1f;border-radius:28px;gap:22px;padding:26px;display:grid}.login-hero h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:1.12}.login-hero p{color:#cdd8e8;max-width:520px;margin:0}.login-hero .eyebrow{color:#dfe9f7}.login-preview{background:#ffffff1f;border:1px solid #ffffff29;border-radius:24px;gap:12px;padding:16px;display:grid}.login-box{padding:30px}.login-box h2{margin:0 0 8px;font-size:28px}.account-list{color:var(--ink-soft);background:#10223f0a;border-radius:18px;margin-top:18px;padding:12px;font-size:13px}.presence-overlay{z-index:50;background:#081a35c2;align-items:center;padding:18px;display:grid;position:fixed;inset:0}.presence-overlay[hidden]{display:none}.presence-dialog{text-align:center;background:radial-gradient(circle at 18% 12%,#20b8aa29,#0000 28%),#fff;border:1px solid #fffc;border-radius:28px;max-width:540px;margin:auto;padding:30px;box-shadow:0 28px 90px #00000047}.presence-dialog:focus{outline:0;box-shadow:0 0 0 5px #20b8aa38,0 28px 90px #00000047}.presence-mark{background:#20b8aa1f;border:1px solid #20b8aa33;border-radius:999px;width:64px;height:64px;margin:0 auto 14px;position:relative}.presence-mark:after{background:var(--teal);content:"";border-radius:999px;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.presence-dialog h2{margin:0 0 8px}.presence-countdown{border:1px solid var(--line);background:#10223f0f;border-radius:18px;justify-content:center;align-items:center;min-width:112px;margin:12px 0 16px;padding:8px 14px;font-size:18px;font-weight:800;display:inline-flex}.presence-dialog .toolbar{justify-content:center}.presence-help{color:var(--ink-soft);margin:12px 0 0;font-size:13px}.post-workspace{background:radial-gradient(circle at 12% 12%,#20b8aa1a,#0000 30%),#ffffffdb}.content-preview{border:1px solid var(--line);background:#10223f0a;border-radius:18px;padding:14px}.content-preview p{color:var(--ink-soft);white-space:pre-wrap;margin-bottom:0}.image-preview{margin:14px 0 0}.image-preview img{background:var(--canvas-soft);border:1px solid var(--line);object-fit:contain;border-radius:18px;width:100%;max-height:340px;display:block}.image-preview figcaption{color:var(--muted);margin-top:6px;font-size:12px}.attendance-behavior-card p{margin:8px 0 0}.manager-adjustment{border:1px solid var(--line);background:#ffffff94;border-radius:18px;margin-top:14px;padding:14px}.audit-list{border-top:1px solid var(--line);gap:10px;margin-top:14px;padding-top:14px;display:grid}.audit-item{border:1px solid var(--line);background:#10223f0a;border-radius:14px;padding:10px}.audit-item p{margin:6px 0 0}.presence-audio-status{color:#6f3b00;background:#f6a84b26;border:1px solid #f6a84b5c;border-radius:14px;max-width:440px;margin:0 auto 14px;padding:9px 12px;font-size:13px}.checkbox-label{flex-direction:row;align-items:center;gap:10px;display:flex}.checkbox-label input[type=checkbox]{flex:none;width:auto;min-height:auto}@media (width<=1180px){.sidebar{width:auto;position:static;bottom:auto}.main,html[dir=ltr] .main{margin-left:0;margin-right:0}.brand{justify-content:space-between;align-items:center;display:flex}.nav{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two,.grid.equal-two{grid-template-columns:1fr}.dashboard-board,.project-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.task-row,.report-filters,.report-main,.report-attention-row{grid-template-columns:1fr}.report-filter-actions{flex-direction:column;align-items:stretch}}@media (width<=760px){.main{padding:20px}.topbar{flex-direction:column;align-items:flex-start}.nav{grid-template-columns:1fr}.nav a,.nav button{grid-template-columns:34px 1fr auto}.grid.cards,.form-grid,.login-shell{grid-template-columns:1fr}.metric{min-height:142px}.board{grid-template-columns:minmax(280px,1fr);overflow:visible}.project-grid{grid-template-columns:1fr}.login-page{background:linear-gradient(180deg, var(--navy) 0 34%, var(--canvas) 34% 100%);padding:18px}}:root{--canvas:#f6f3ec;--canvas-soft:#eee8dc;--surface:#fff;--surface-strong:#fff;--line:#10223f1f;--shadow:0 12px 30px #141c2d14;--shadow-soft:0 6px 18px #141c2d0f;--radius:14px;--radius-sm:10px}body{background:var(--canvas)}.sidebar{background:#0b1b33;padding:22px 16px}.brand{gap:10px;margin-bottom:20px;padding-bottom:14px}.brand-mark,.nav-icon{border-radius:10px}.nav{gap:6px}.nav a,.nav button{border-radius:10px;min-height:46px}.team-switch,.filter-pill,.status,.errors,.panel,.card,.login-box,.project-card,.timeline-row,.stage,.kanban-card,.task-row,.cal-cell,.cal-item,.cal-picker-card,.workflow-step,.attachment-row,.manager-adjustment,.audit-item,.presence-dialog{border-radius:12px}.main{padding:30px}.topbar{align-items:flex-start;margin-bottom:18px}.topbar h1{font-size:clamp(26px,3vw,36px)}.topbar p{margin-top:4px}.top-actions,.toolbar{gap:8px}.filter-pill,.button,input,select,textarea{border-radius:10px}.panel,.card,.login-box,.project-card{border:1px solid var(--line);box-shadow:var(--shadow-soft)}.panel{padding:18px}.grid{gap:14px}.metric{min-height:138px;padding:18px}.metric:after,.metric-bars{display:none}.metric .metric-icon{inset-inline-end:16px;border-radius:10px;width:42px;height:42px;top:16px}.metric strong{margin:14px 0 4px;font-size:32px}.metric.blue{background:#226bd6}.metric.teal{background:#15998f}.metric.coral{background:#df6259}.metric.purple{background:#7558cf}.button{background:var(--navy-2);box-shadow:none;min-height:40px;padding:8px 14px}.button:hover{box-shadow:none;transform:none}.button.warning{background:#c87422}.button.danger{background:#b4473d}.badge,.pill{border-radius:999px}.dashboard-insights,.report-filter-panel,.post-workspace,.presence-dialog,.login-hero{background:var(--surface)}.login-page{background:var(--canvas)}.login-shell{max-width:980px}.login-hero{border:1px solid var(--line);color:var(--ink)}.login-hero p,.login-hero .eyebrow{color:var(--ink-soft)}.login-preview{border-color:var(--line);background:#f7f8fa}.timeline-track,.progress-track{background:#e5e8ee}.stage{background:#f8fafc;min-height:360px}.kanban-card,.cal-item,.cal-picker-card{box-shadow:none}.empty-state{background:#f8fafc}@media (width<=760px){.main{padding:18px}.login-page{background:var(--canvas)}}.cal-filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.cal-filters label{color:var(--muted);gap:6px;font-size:13px;display:grid}.cal-filter-actions{gap:8px;display:flex}.cal-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cal-nav .filter-pill.active{background:var(--navy);border-color:var(--navy);color:#fff}.cal-legend{flex-wrap:wrap;align-items:center;gap:16px;margin:4px 0 14px;display:flex}.cal-legend-item{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.presence-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 3px #10223f0f}.presence-dot.online{background:var(--green)}.presence-dot.checking{background:var(--amber);animation:1.4s ease-in-out infinite presence-pulse}.presence-dot.away{background:var(--danger)}.presence-dot.offline{background:#5f6b828c}@keyframes presence-pulse{0%,to{box-shadow:0 0 0 3px #f6a84b2e}50%{box-shadow:0 0 0 7px #f6a84b0d}}.cal-grid{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.cal-weekday{color:var(--ink-soft);text-align:center;background:#081a350a;padding:10px 12px;font-size:12px;font-weight:700}.cal-cell{background:#ffffffbd;flex-direction:column;gap:8px;min-height:150px;padding:10px;transition:background .15s;display:flex}.cal-cell.outside{background:#f3eadc73}.cal-cell.past .cal-cell-head strong{color:var(--muted)}.cal-cell.today{background:#20b8aa1a;box-shadow:inset 0 0 0 2px #20b8aa66}.cal-cell.drop-target{box-shadow:inset 0 0 0 2px var(--blue);background:#2777e624}.cal-cell-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:baseline;padding-bottom:6px;font-size:11px;display:flex}.cal-cell-head strong{color:var(--ink);font-size:16px;line-height:1}.cal-cell-body{gap:8px;min-height:40px;display:grid}.cal-empty{color:#5f6b82b3;font-size:11px}.cal-item{background:var(--surface-strong);border:1px solid #10223f14;border-inline-start:4px solid var(--blue);cursor:grab;border-radius:12px;gap:5px;padding:9px 10px;display:grid;box-shadow:0 8px 16px #1e273e0d}.cal-item.high{border-inline-start-color:var(--coral)}.cal-item.low{border-inline-start-color:var(--purple)}.cal-item.dragging{opacity:.45}.cal-item-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cal-type{color:var(--blue);background:#2777e61f;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.cal-channel,.cal-time{color:var(--muted);font-size:10px}.cal-title{color:var(--ink);font-size:13px;font-weight:700;line-height:1.35}.cal-title:hover{text-decoration:underline}.cal-project,.cal-lastseen{color:var(--muted);font-size:10px}.cal-item-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cal-item-meta .pill{padding:2px 8px;font-size:10px}.cal-owner{color:var(--ink-soft);align-items:center;gap:5px;font-size:11px;display:inline-flex}.cal-pending{color:#8a5a12;background:#f6a84b24;border-radius:8px;padding:3px 7px;font-size:10px}.cal-handoff-button{color:#0e6b62;cursor:pointer;text-align:start;background:#20b8aa1f;border:1px solid #20b8aa4d;border-radius:8px;width:100%;padding:4px 7px;font-size:10px;font-weight:700}.cal-handoff-button:hover{background:#20b8aa33}.cal-backlog{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.cal-backlog-items{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;min-height:60px;display:grid}.cal-backlog-items.drop-target{border-radius:var(--radius-sm);outline:2px dashed var(--blue);outline-offset:4px;background:#2777e614}@media (width<=900px){.cal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-weekday{display:none}.cal-cell{min-height:120px}}.cal-picker{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.cal-picker-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);gap:12px;padding:16px;transition:border-color .15s,transform .15s;display:grid}.cal-picker-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.cal-picker-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.cal-picker-head strong{font-size:15px}.cal-picker-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cal-picker-stats span{color:var(--muted);gap:2px;font-size:10px;line-height:1.3;display:grid}.cal-picker-stats b{color:var(--ink);font-size:20px;line-height:1}.cal-picker-stats .warn b{color:var(--amber)}.cal-picker-stats .danger b{color:var(--danger)}.cal-picker-next{border-top:1px solid var(--line);color:var(--muted);padding-top:10px;font-size:11px}.cal-callout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.cal-callout h2{margin:0}.cal-callout-stats{gap:22px;display:flex}.cal-callout-stats span{color:var(--muted);gap:2px;font-size:11px;display:grid}.cal-callout-stats b{color:var(--ink);font-size:24px;line-height:1}.workflow-panel{margin-bottom:18px}.workflow-track{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.workflow-step{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff9;align-items:center;gap:10px;padding:12px;display:flex}.workflow-step.done{opacity:.62}.workflow-step.current{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#20b8aa1f}.workflow-index{background:var(--navy);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:inline-flex}.workflow-step.done .workflow-index:after{content:"✓"}.workflow-step.done .workflow-index{font-size:0}.workflow-step.done .workflow-index:after{font-size:13px}.workflow-body{gap:2px;min-width:0;display:grid}.workflow-body strong{font-size:13px}.workflow-body small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.card-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:0;display:grid}.detail-grid>div{border-bottom:1px solid var(--line);gap:3px;padding:10px 4px;display:grid}.detail-grid dt{color:var(--muted);font-size:11px}.detail-grid dd{margin:0;font-size:13px;font-weight:700}.handoff-primary{border-radius:var(--radius-sm);background:#20b8aa17;border:1px solid #20b8aa52;gap:10px;padding:14px;display:grid}.handoff-target{gap:2px;display:grid}.handoff-target span{color:var(--muted);font-size:11px}.handoff-target strong{font-size:17px}.handoff-target small{color:var(--ink-soft);font-size:12px}.handoff-primary textarea{border:1px solid var(--line);resize:vertical;border-radius:10px;width:100%;padding:8px}.button.block{text-align:center;width:100%;display:block}.handoff-manual{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.handoff-manual summary{color:var(--ink-soft);cursor:pointer;font-size:13px;font-weight:700}.upload-form{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.attachment-list{gap:8px;display:grid}.attachment-row{border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px;display:flex}.attachment-row:hover{border-color:var(--line-strong)}.attachment-icon{background:#081a350f;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.attachment-row strong{word-break:break-all;font-size:13px;display:block}.attachment-row small{color:var(--muted);font-size:11px}.movement-log{gap:0;margin:0;padding:0;list-style:none;display:grid}.movement-log li{gap:12px;padding:12px 0;display:flex;position:relative}.movement-log li+li{border-top:1px solid var(--line)}.movement-dot{background:var(--navy);border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px}.movement-body{gap:3px;min-width:0;display:grid}.movement-body strong{font-size:13px}.movement-body small{color:var(--muted);font-size:11px}.movement-note{color:var(--ink-soft);background:#081a350a;border-radius:8px;margin:4px 0 0;padding:7px 9px;font-size:12px}@media (width<=760px){.workflow-track{grid-template-columns:1fr}}.workflow-settings{border:1px solid var(--line);border-radius:var(--radius-sm);gap:12px;margin-top:14px;padding:14px;display:grid}.workflow-settings-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.workflow-settings-head strong{font-size:14px;display:block}.workflow-settings-head .muted{font-size:12px}.workflow-rows{gap:8px;display:grid}.workflow-row{grid-template-columns:80px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;display:grid}.workflow-row label{gap:4px;min-width:0;display:grid}.workflow-row label span{color:var(--muted);font-size:11px}@media (width<=760px){.workflow-row{grid-template-columns:1fr}}:root{--canvas:#f5f5f5;--canvas-soft:#eee;--surface:#fff;--surface-strong:#fff;--ink:#0a0a0a;--ink-soft:#242424;--muted:#555;--line:#0000001f;--line-strong:#00000038;--navy:#000;--navy-2:#111;--blue:#111;--teal:#111;--coral:#111;--purple:#111;--amber:#111;--green:#111;--danger:#111;--shadow:0 16px 34px #00000014;--shadow-soft:0 8px 20px #0000000f}body,.login-page{background:var(--canvas);color:var(--ink)}body,.sidebar,.metric,.button,.login-page,.login-hero,.login-preview,.panel,.card,.project-card,.dashboard-insights,.post-workspace,.presence-dialog,.cal-item,.cal-picker-card,.stage,.employee-task-card{background-image:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 5px #000}.sidebar{color:#fff;background:#000}.brand-mark,.nav-icon,.team-switch{background:#111;border-color:#ffffff38}.brand-mark:before{background:#fff}.brand span,.team-switch,.team-switch span,.nav a,.nav button{color:#d8d8d8}.nav a:hover,.nav button:hover,.nav .active{color:#000;background:#fff}.nav a:hover .nav-icon,.nav button:hover .nav-icon,.nav .active .nav-icon{color:#fff;background:#000}.panel,.card,.login-box,.login-hero,.project-card,.timeline-row,.stage,.kanban-card,.task-row,.cal-cell,.cal-item,.cal-picker-card,.workflow-step,.attachment-row,.manager-adjustment,.audit-item,.presence-dialog,.filter-pill,.status,.errors,input,select,textarea{border-color:var(--line);color:var(--ink);background:#fff}.metric.blue,.metric.teal,.metric.coral,.metric.purple,.metric,.button,.button.warning,.button.danger{color:#fff;background:#000}.button.secondary,.filter-pill,.language-button{color:#000;background:#fff;border:1px solid #000}.button:hover,.button.secondary:hover,.language-button:hover{color:#fff;background:#222;border-color:#222}.button:disabled,button:disabled{color:#666;cursor:not-allowed;background:#d8d8d8;border-color:#d8d8d8}.metric .metric-icon,.avatar,.kanban-icon,.presence-mark{color:#000;background:#fff;border:1px solid #00000024}.metric span,.metric small,.metric strong{color:#fff}.badge,.badge.high,.badge.normal,.badge.low,.pill{border:1px solid var(--line);color:#111;background:#f4f4f4}.timeline-track,.progress-track,.login-preview,.empty-state,.stage,.cal-cell{background:#f2f2f2}.timeline-segment.active,.timeline-segment.unavailable,.progress-track span,.report-day span,.stage-dot,.insight-line:before{background:#000}.timeline-segment.unavailable{opacity:.25}.now-marker{background:#000}.now-marker span{color:#fff;background:#000}.employee-dashboard{min-height:62vh}.employee-task-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.employee-task-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--ink);background:#fff;border-radius:14px;gap:14px;min-height:210px;padding:18px;display:grid}.employee-task-card:hover{border-color:#000;box-shadow:0 12px 24px #0000001a}.task-card-top,.task-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.employee-task-card h2{margin:0;font-size:21px;line-height:1.35}.employee-task-card p{color:var(--muted);margin:0}.task-card-meta span{border:1px solid var(--line);color:#222;background:#f6f6f6;border-radius:999px;padding:6px 10px;font-size:12px}.presence-overlay-locked .presence-mark.locked{background:var(--danger)}.presence-overlay-locked .toolbar{justify-content:center;gap:10px}.field-note{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.5;display:block}