:root{--bg:#f4f6f8;--panel:#fff;--panel-2:#f8fafb;--ink:#18212b;--muted:#70808f;--line:#e4e9ee;--nav:#111a23;--nav-2:#1a2631;--accent:#ebff76;--accent-ink:#162000;--purple:#f07a24;--blue:#4f8cff;--green:#37b679;--orange:#f59c45;--red:#ec6372;--shadow:0 14px 40px rgba(21,32,43,.09);--radius:16px;--sidebar:252px;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:21px 15px;background:var(--nav);color:#b8c2ca}.brand{height:48px;display:flex;align-items:center;gap:11px;padding:0 10px;color:#fff;font-family:Manrope;font-size:20px;font-weight:800}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border:7px solid var(--accent);border-radius:50%;font-size:0}.sidebar-close{display:none;margin-left:auto}.workspace-switcher,.user-card{border:1px solid #2b3945;background:var(--nav-2);color:#fff;border-radius:12px;width:100%;display:flex;align-items:center;gap:10px;padding:10px;text-align:left;margin:11px 0 19px}.workspace-switcher span:nth-child(2),.user-card span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}.workspace-switcher strong,.user-card strong{font-size:13px}.workspace-switcher small,.user-card small{color:#82909c;font-size:11px;margin-top:2px}.workspace-avatar,.project-icon{display:grid;place-items:center;background:var(--purple);color:#fff;font-weight:700;border-radius:8px;width:32px;height:32px}.primary-nav,.secondary-nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:42px;border:0;border-radius:9px;background:transparent;color:#93a0aa;padding:0 11px;text-align:left;font-weight:500}.nav-item>span:first-child{display:grid;place-items:center;width:18px;font-size:17px}.nav-item:hover{background:#192631;color:#fff}.nav-item.active{background:#25313c;color:var(--accent)}.nav-count{margin-left:auto!important;width:auto!important;padding:2px 7px;border-radius:10px;background:#293844;color:#aeb8c0;font-size:11px}.nav-label{font-size:10px;letter-spacing:.13em;font-weight:700;color:#566571;margin:23px 11px 8px}.sidebar-bottom{margin-top:auto}.storage-card{padding:10px}.storage-card>div:first-child{display:flex;justify-content:space-between;font-size:10px}.storage-card strong{color:#aab5bd}.storage-track{height:4px;background:#2c3a45;border-radius:5px;margin-top:8px;overflow:hidden}.storage-track i{display:block;width:2%;height:100%;background:var(--accent)}.user-card{margin:10px 0 0}.avatar{border:0;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700;background:#dbe5ee;color:#25313d;flex:none}.avatar-me{background:#ffe3cf;color:#8a4d25}.main{min-height:100vh;margin-left:var(--sidebar)}.topbar{height:72px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.87);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.project-breadcrumb{display:flex;align-items:center;gap:9px}.project-breadcrumb>span:nth-child(2){display:flex;flex-direction:column}.project-breadcrumb small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.project-breadcrumb strong{font:700 13px Manrope}.top-actions{display:flex;align-items:center;gap:11px}.search-box{height:37px;border:1px solid var(--line);border-radius:9px;background:#f8fafb;display:flex;align-items:center;padding:0 9px;gap:8px}.search-box input{width:170px;border:0;outline:0;background:transparent;font-size:12px}.search-box kbd{font-size:9px;color:#84919c;border:1px solid #dbe1e6;background:white;border-radius:4px;padding:2px 5px}.icon-button,.plain-button{border:0;background:transparent}.icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;font-size:18px}.icon-button:hover{background:#edf1f4}.has-dot{position:relative}.has-dot:after{content:"";position:absolute;width:6px;height:6px;background:var(--red);border:2px solid white;border-radius:50%;right:7px;top:6px}.menu-button{display:none}.content{padding:34px clamp(22px,4vw,58px) 70px;max-width:1680px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#8a98a3;margin-bottom:8px}.page-head h1,.modal h2{font:800 clamp(25px,3vw,34px) Manrope;margin:0;letter-spacing:-.04em}.page-head p{font-size:13px;color:var(--muted);margin:7px 0 0}.page-actions{display:flex;gap:9px}.button{border:0;border-radius:9px;padding:10px 15px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.primary{background:var(--nav);color:var(--accent)}.button.primary:hover{background:#26343f}.button.secondary{background:var(--panel);border:1px solid var(--line)}.button.danger{color:#c64252;background:#fff0f2}.filter-panel{display:flex;gap:12px;align-items:end;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:-12px 0 23px}.filter-panel label{font-size:10px;font-weight:600;color:var(--muted)}.filter-panel select{display:block;margin-top:5px;min-width:140px;border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff;font-size:12px}.filter-panel .plain-button{font-size:11px;color:var(--purple);padding:9px}.hidden{display:none!important}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.metric-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 1px rgba(20,30,40,.02)}.metric-card{padding:20px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-35px;top:-35px;background:var(--metric-color,#eee);opacity:.12}.metric-icon{display:grid;place-items:center;width:34px;height:34px;background:color-mix(in srgb,var(--metric-color) 13%,white);color:var(--metric-color);border-radius:9px;font-weight:700}.metric-label{display:block;color:var(--muted);font-size:11px;margin:15px 0 5px}.metric-value{font:800 26px Manrope}.metric-trend{font-size:10px;margin-left:7px;color:var(--green)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);gap:17px}.card{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-title{font:700 14px Manrope;margin:0}.card-subtitle{font-size:10px;color:var(--muted);margin-top:3px}.card-link{font-size:11px;color:var(--purple);border:0;background:none}.progress-ring{--progress:67;width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--purple) calc(var(--progress)*1%),#edf0f3 0);display:grid;place-items:center;margin:18px auto;position:relative}.progress-ring:after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:#fff}.progress-ring strong,.progress-ring small{z-index:1;position:absolute}.progress-ring strong{font:800 25px Manrope;transform:translateY(-7px)}.progress-ring small{font-size:9px;color:var(--muted);transform:translateY(15px)}.status-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:11px}.status-legend div{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.status-legend i{width:7px;height:7px;border-radius:50%;margin-right:6px}.status-legend strong{margin-left:auto;color:var(--ink)}.activity-list{display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f2}.activity-row:last-child{border:0}.activity-row p{font-size:11px;margin:0;line-height:1.5}.activity-row p strong{font-weight:600}.activity-row time{font-size:9px;color:#9aa6b0}.task-preview{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf0f2}.task-preview:last-child{border:0}.task-check{width:18px;height:18px;border:1.5px solid #cdd5db;border-radius:50%;background:#fff}.task-check.done{border-color:var(--green);background:var(--green);color:#fff;font-size:10px}.task-preview strong{display:block;font-size:11px}.task-preview small{font-size:9px;color:var(--muted)}.due-pill{font-size:9px;padding:4px 7px;border-radius:8px;background:#f2f4f6;color:#71808c}.due-pill.late{background:#fff0f1;color:#d65061}
.view-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.view-tabs{display:flex;gap:4px;background:#e9edf0;padding:3px;border-radius:9px}.view-tabs button{border:0;background:transparent;padding:6px 10px;border-radius:7px;font-size:11px;color:var(--muted)}.view-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #ccd3d9}.task-table{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.task-table-head,.task-row{display:grid;grid-template-columns:minmax(330px,2fr) 120px 130px 120px 100px 80px;align-items:center}.task-table-head{height:40px;background:#f8fafb;border-bottom:1px solid var(--line);color:#84919b;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:0 14px}.task-row{min-height:51px;padding:0 14px;border-bottom:1px solid #edf0f2;font-size:11px;transition:.15s}.task-row:last-child{border:0}.task-row:hover{background:#fafbfc}.task-name-cell{display:flex;align-items:center;gap:8px;min-width:0}.task-indent{width:calc(var(--depth)*21px);flex:none}.expand-button{width:20px;height:20px;border:0;background:none;color:#82909c;padding:0}.task-title-button{border:0;background:none;text-align:left;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.level-chip{font-size:8px;color:#81909c;background:#eef2f4;border-radius:5px;padding:2px 5px;flex:none}.status-pill,.priority-pill{display:inline-flex;width:max-content;align-items:center;gap:5px;padding:4px 7px;border-radius:8px;font-size:9px;font-weight:600}.status-pill:before,.priority-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-backlog{color:#7d8994;background:#f0f2f4}.status-todo{color:#4b82d1;background:#edf5ff}.status-progress{color:#9165d8;background:#f3efff}.status-review{color:#dd8a38;background:#fff5e8}.status-done{color:#299a64;background:#eaf9f1}.priority-urgent{color:#d94f61;background:#fff0f2}.priority-high{color:#df7b2c;background:#fff3e9}.priority-medium{color:#4f79cf;background:#eef4ff}.priority-low{color:#788590;background:#f1f3f5}.assignee-cell{display:flex;align-items:center;gap:6px}.tiny-avatar{width:23px;height:23px;font-size:8px}.row-progress{display:flex;align-items:center;gap:6px}.mini-track{height:4px;flex:1;background:#e9edf0;border-radius:4px;overflow:hidden}.mini-track i{display:block;height:100%;background:var(--purple)}.empty-state{padding:70px 20px;text-align:center;background:#fff;border:1px dashed #ccd4da;border-radius:14px}.empty-state span{font-size:35px}.empty-state h3{font:700 17px Manrope;margin:12px 0 5px}.empty-state p{color:var(--muted);font-size:12px}
.board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;overflow:auto;padding-bottom:10px}.board-column{background:#eaedf0;border-radius:13px;padding:10px;min-height:450px}.board-column-head{display:flex;align-items:center;padding:4px 4px 12px;font-size:11px;font-weight:700}.board-column-head i{width:7px;height:7px;border-radius:50%;margin-right:7px}.board-column-head span{margin-left:auto;background:#dce1e5;padding:2px 6px;border-radius:8px;font-size:9px}.board-cards{min-height:380px}.board-card{background:#fff;border:1px solid #dfe4e8;border-radius:10px;padding:13px;margin-bottom:8px;box-shadow:0 2px 4px rgba(27,38,48,.03)}.board-card:hover{border-color:#bbc5cd;box-shadow:var(--shadow)}.board-card.dragging{opacity:.4}.board-card h4{font-size:11px;margin:8px 0 12px;line-height:1.45}.board-card-meta{display:flex;align-items:center;justify-content:space-between}.tag{display:inline-flex;border-radius:6px;background:#eff2f4;color:#667581;padding:3px 6px;font-size:8px;margin:0 3px 3px 0}.subtask-count{font-size:9px;color:var(--muted)}
.timeline-shell{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.gantt{min-width:920px}.gantt-head,.gantt-row{display:grid;grid-template-columns:280px 1fr}.gantt-head{height:50px;background:#f8fafb;border-bottom:1px solid var(--line)}.gantt-task-head{padding:17px;font-size:9px;font-weight:700;color:#84919b;border-right:1px solid var(--line)}.gantt-dates{display:grid;grid-template-columns:repeat(var(--days),minmax(25px,1fr));position:relative}.gantt-date{text-align:center;border-right:1px solid #eef1f3;font-size:8px;color:#8c98a2;padding-top:10px}.gantt-date strong{display:block;color:#52606c;font-size:10px;margin-top:2px}.gantt-date.weekend{background:#fafbfc}.gantt-row{min-height:45px;border-bottom:1px solid #eef1f3}.gantt-row:last-child{border:0}.gantt-name{display:flex;align-items:center;gap:7px;border-right:1px solid var(--line);padding:0 13px;font-size:10px;white-space:nowrap;overflow:hidden}.gantt-track{display:grid;grid-template-columns:repeat(var(--days),minmax(25px,1fr));position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc((100% / var(--days)) - 1px),#f0f2f4 calc((100% / var(--days)) - 1px),#f0f2f4 calc(100% / var(--days)))}.gantt-bar{height:20px;align-self:center;border-radius:6px;background:var(--bar-color);grid-column:var(--start)/span var(--duration);position:relative;overflow:hidden;color:white;font-size:8px;padding:5px 7px;min-width:12px;z-index:1}.gantt-bar i{position:absolute;inset:0 auto 0 0;width:var(--progress);background:rgba(0,0,0,.13)}.today-line{position:absolute;top:0;bottom:0;width:2px;background:#e85c68;z-index:2;grid-column:var(--today)}
.calendar-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.calendar-header h3{font:700 16px Manrope;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekday{padding:10px;text-align:center;background:#f8fafb;color:#82909b;font-size:9px;font-weight:700;border-right:1px solid #edf0f2}.calendar-day{min-height:105px;border-top:1px solid #edf0f2;border-right:1px solid #edf0f2;padding:7px}.calendar-day.muted{background:#fafbfc;color:#b6c0c7}.calendar-day.today .day-number{background:var(--nav);color:var(--accent)}.day-number{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:9px;margin-bottom:5px}.calendar-event{font-size:8px;padding:4px 5px;border-radius:5px;margin-bottom:3px;background:#f0ecff;color:#6152ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid var(--purple)}
.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.file-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}.file-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#eef3ff;color:#4f79cf;font-weight:700;font-size:10px;margin-bottom:17px}.file-card h3{font-size:11px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card p,.file-card small{font-size:9px;color:var(--muted)}.file-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.file-actions{display:flex;gap:3px}.file-actions button{border:0;background:#f3f5f6;border-radius:6px;padding:5px;font-size:9px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.member-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.member-avatar{width:42px;height:42px;font-size:12px}.member-card h3{font-size:12px;margin:2px 0 3px}.member-card p{font-size:9px;color:var(--muted);margin:0 0 8px}.role-badge{font-size:8px;background:#f0f2f4;border-radius:6px;padding:3px 6px}.online-dot{width:8px;height:8px;background:var(--green);border:2px solid white;border-radius:50%;position:absolute;margin:32px 0 0 31px}.workload{grid-column:1/-1;border-top:1px solid #edf0f2;padding-top:12px}.workload>div{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:5px}.activity-page{max-width:720px}.activity-page .activity-row{background:#fff;padding:15px;border:1px solid var(--line);border-bottom:0}.activity-page .activity-row:first-child{border-radius:13px 13px 0 0}.activity-page .activity-row:last-child{border-bottom:1px solid var(--line);border-radius:0 0 13px 13px}
.modal{border:0;border-radius:17px;padding:0;width:min(650px,calc(100% - 25px));box-shadow:0 25px 80px rgba(10,20,30,.27)}.modal::backdrop{background:rgba(12,20,28,.56);backdrop-filter:blur(3px)}.modal form{padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal h2{font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.full-label{font-size:10px;font-weight:600;color:#64727e}.form-grid input,.form-grid textarea,.form-grid select,.full-label select{display:block;width:100%;border:1px solid #dfe5e9;border-radius:8px;padding:9px;margin-top:5px;background:#fff;font-size:12px;outline:0}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eeeaff}.span-2{grid-column:1/-1}.modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.form-error{color:#cb4555;background:#fff0f2;padding:8px;border-radius:7px;font-size:10px}.upload-zone{border:1.5px dashed #cbd4da;border-radius:12px;padding:29px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:16px}.upload-zone.dragover{border-color:var(--purple);background:#f7f5ff}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone strong{font-size:12px;margin:9px 0 4px}.upload-zone small{font-size:9px;color:var(--muted)}.upload-icon{font-size:24px;color:var(--purple)}.command-palette{position:fixed;z-index:60;inset:0;background:rgba(13,22,29,.45);display:flex;justify-content:center;padding-top:14vh}.command-card{width:min(540px,calc(100% - 25px));height:max-content;background:#fff;border-radius:15px;box-shadow:0 25px 70px rgba(10,20,30,.3);padding:12px}.command-search{height:46px}.command-search input{font-size:14px;width:100%}.command-result{width:100%;border:0;background:transparent;padding:10px;display:flex;align-items:center;gap:10px;border-radius:8px;text-align:left;font-size:11px}.command-result:hover{background:#f1f3f5}.command-result small{display:block;color:var(--muted)}.command-hint{display:block;border-top:1px solid var(--line);padding:9px 6px 1px;color:#8b98a2;font-size:9px}.toast-container{position:fixed;z-index:80;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px}.toast{background:#17222c;color:#fff;border-radius:10px;padding:11px 15px;font-size:11px;box-shadow:var(--shadow);animation:toastIn .2s ease}.toast.success{border-left:3px solid var(--accent)}@keyframes toastIn{from{transform:translateY(10px);opacity:0}}
@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.task-table-head,.task-row{grid-template-columns:minmax(300px,2fr) 110px 110px 100px}.task-table-head>*:nth-child(5),.task-table-head>*:nth-child(6),.task-row>*:nth-child(5),.task-row>*:nth-child(6){display:none}}
@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 40px rgba(0,0,0,.3)}.sidebar-close,.menu-button{display:grid}.main{margin-left:0}.topbar{padding:0 16px}.project-breadcrumb{display:none}.top-actions{margin-left:auto}.search-box{display:none}.content{padding:25px 15px 55px}.page-head{align-items:start}.page-actions .secondary{display:none}.metric-grid{grid-template-columns:1fr 1fr}.task-table-head{display:none}.task-row{grid-template-columns:1fr auto;padding:8px 10px;gap:7px}.task-row>*:nth-child(n+3){display:none}.board{grid-template-columns:repeat(5,260px)}.filter-panel{align-items:stretch;flex-direction:column}.filter-panel select{width:100%}.calendar-day{min-height:75px;padding:3px}.calendar-event{font-size:0;height:6px;padding:0}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal-actions{grid-template-columns:auto 1fr auto}.modal-actions span:nth-of-type(2){display:none}}
@media(max-width:450px){.metric-grid{grid-template-columns:1fr}.page-head{gap:14px}.page-head h1{font-size:25px}.button{padding:9px 11px}.calendar-day{min-height:61px}.top-actions .avatar{display:none}}

/* Planning, collaboration and reporting */
.label-hint{float:right;color:#98a4ad;font-weight:400}.form-grid select[multiple]{min-height:92px;padding:5px}.form-grid select[multiple] option{padding:5px;border-radius:5px}.check-label{display:flex!important;align-items:center;gap:8px;color:var(--ink)!important;background:#f7f9fa;border:1px solid var(--line);padding:10px;border-radius:8px}.check-label input{width:auto!important;margin:0!important;accent-color:var(--purple)}.task-collaboration{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.collab-column{min-width:0;background:#f8fafb;border:1px solid var(--line);border-radius:11px;padding:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h3{font:700 12px Manrope;margin:0}.section-heading span,.section-heading strong{font-size:9px;color:var(--muted);background:#edf1f4;border-radius:8px;padding:3px 7px}.comment-list,.time-list{display:flex;flex-direction:column;gap:7px;max-height:150px;overflow:auto}.comment-item,.time-item{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:start;background:#fff;border:1px solid #e6eaed;border-radius:8px;padding:8px}.comment-item p,.time-item p{font-size:9px;margin:0;line-height:1.45;overflow-wrap:anywhere}.comment-item small,.time-item small{font-size:8px;color:#94a0aa}.empty-mini{font-size:9px;color:#909ca5;text-align:center;padding:14px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:9px}.inline-form input{min-width:0;border:1px solid #dfe5e9;border-radius:7px;padding:7px;font-size:9px;outline:0}.time-form{grid-template-columns:65px 1fr auto}.inline-form .button{padding:7px 9px;font-size:9px}.milestone-dot{display:inline-grid;place-items:center;width:14px;height:14px;transform:rotate(45deg);background:var(--orange);border-radius:2px;margin:0 3px}.gantt-milestone{height:16px;width:16px;align-self:center;transform:rotate(45deg);background:var(--orange);grid-column:var(--start);z-index:3;box-shadow:0 0 0 3px #fff;border-radius:2px}.dependency-count{font-size:8px;color:#d46b24;background:#f0edff;border-radius:6px;padding:2px 5px;white-space:nowrap}
.reports-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.report-wide{grid-column:1/-1}.chart-bars{display:flex;flex-direction:column;gap:12px}.chart-row{display:grid;grid-template-columns:110px 1fr 45px;align-items:center;gap:10px;font-size:10px}.chart-track{height:9px;border-radius:8px;background:#edf0f3;overflow:hidden}.chart-track i{display:block;height:100%;border-radius:8px;background:var(--bar-color,var(--purple))}.chart-row strong{text-align:right;font-size:10px}.priority-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.matrix-cell{border:1px solid var(--line);border-radius:10px;padding:13px;background:#fafbfc}.matrix-cell span{font-size:9px;color:var(--muted)}.matrix-cell strong{font:800 24px Manrope;display:block;margin-top:6px}.matrix-cell small{font-size:8px;color:#8b98a1}.burndown{height:190px;display:flex;align-items:end;gap:5px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 10px 0}.burndown i{flex:1;min-width:7px;background:linear-gradient(180deg,var(--purple),#a69bf3);border-radius:4px 4px 0 0;position:relative}.burndown i:hover:after{content:attr(data-label);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:8px;background:#17222c;color:#fff;border-radius:5px;padding:4px;white-space:nowrap}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-kpi{background:#f8fafb;border:1px solid var(--line);padding:13px;border-radius:10px}.mini-kpi span{display:block;color:var(--muted);font-size:9px}.mini-kpi strong{display:block;font:800 20px Manrope;margin-top:5px}.project-summary{display:flex;align-items:center;gap:11px;padding:13px;background:#f7f9fa;border:1px solid var(--line);border-radius:11px}.project-summary>div{display:flex;flex-direction:column}.project-summary strong{font-size:12px}.project-summary small,.modal-copy{font-size:9px;color:var(--muted);margin-top:3px}.modal-copy{line-height:1.5;margin:15px 0}.data-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.import-label{position:relative;overflow:hidden}.import-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.compact-modal{max-width:510px}
@media(max-width:780px){.task-collaboration,.reports-grid{grid-template-columns:1fr}.report-wide{grid-column:auto}.priority-matrix{grid-template-columns:1fr 1fr}.data-actions{grid-template-columns:1fr}.time-form{grid-template-columns:60px 1fr}.time-form button{grid-column:1/-1}}

/* Approval gates */
.approval-panel{margin-top:18px;padding:14px;border:1px solid #eadca7;background:#fffdf5;border-radius:11px}.approval-panel.approved{border-color:#bce4cc;background:#f5fcf8}.approval-panel.rejected{border-color:#f0c3c9;background:#fff7f8}.approval-status{display:flex;align-items:center;gap:10px}.approval-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff0bd;color:#9a6b00;font-weight:800}.approval-panel.approved .approval-icon{background:#dff5e8;color:#248756}.approval-panel.rejected .approval-icon{background:#ffe1e5;color:#c43e51}.approval-status>div{display:flex;flex:1;flex-direction:column}.approval-status strong{font-size:11px}.approval-status small{font-size:8px;color:var(--muted);margin-top:2px}.approval-badge,.approval-chip{font-size:8px;font-weight:700;border-radius:7px;padding:4px 7px;color:#9a6b00;background:#fff0bd;white-space:nowrap}.approval-chip.approved,.approval-panel.approved .approval-badge{color:#248756;background:#dff5e8}.approval-chip.rejected,.approval-panel.rejected .approval-badge{color:#c43e51;background:#ffe1e5}.approval-panel textarea{width:100%;border:1px solid #e2dfd1;border-radius:8px;padding:8px;margin-top:11px;resize:vertical;font-size:10px}.approval-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.approval-lock{font-size:8px;color:#9a6b00;background:#fff6d8;border-radius:6px;padding:3px 6px;white-space:nowrap}.approvals-layout{display:grid;grid-template-columns:1fr 300px;gap:16px}.approval-queue{display:flex;flex-direction:column;gap:9px}.approval-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.approval-card h3{font-size:11px;margin:0 0 4px}.approval-card p{font-size:9px;color:var(--muted);margin:0}.approval-card-actions{display:flex;gap:6px}.approval-card .approval-icon{width:37px;height:37px}.approval-history{display:flex;flex-direction:column;gap:8px}.approval-history-item{border-bottom:1px solid #edf0f2;padding-bottom:8px}.approval-history-item:last-child{border:0}.approval-history-item strong{display:block;font-size:10px}.approval-history-item small{font-size:8px;color:var(--muted)}
@media(max-width:900px){.approvals-layout{grid-template-columns:1fr}.approval-card{grid-template-columns:auto 1fr}.approval-card-actions{grid-column:1/-1;justify-content:flex-end}}
.compact-modal .full-label{display:block;margin-bottom:12px}.compact-modal .full-label select{margin-top:6px}.new-project-form{margin:12px 0}.project-breadcrumb .project-icon{transition:background .2s}

/* Server connection and authentication */
.connection-button{height:34px;border:1px solid var(--line);background:#fff;border-radius:9px;display:flex;align-items:center;gap:6px;padding:0 9px;font-size:9px;color:var(--muted)}.connection-button i{width:7px;height:7px;border-radius:50%;background:#a5afb7}.connection-button.online i{background:var(--green);box-shadow:0 0 0 3px #e5f7ed}.connection-button.syncing i{background:var(--orange);animation:pulse 1s infinite}.connection-button.conflict i{background:var(--red)}@keyframes pulse{50%{opacity:.35}}.sync-pane{padding:24px}.sync-pane .modal-head{margin-bottom:15px}.sync-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.sync-stats>div{display:flex;flex-direction:column;background:#f7f9fa;border:1px solid var(--line);border-radius:9px;padding:11px}.sync-stats span{font-size:8px;color:var(--muted)}.sync-stats strong{font-size:11px;margin-top:4px}.invite-result{font-size:10px;line-height:1.5;background:#effaf4;color:#246f4b;border:1px solid #cdebd9;border-radius:8px;padding:9px}.invite-result code{font-weight:700;background:#fff;padding:2px 4px;border-radius:4px}.sync-pane .project-summary{margin-top:4px}.calendar-subscription{margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#f7f9fa}.calendar-subscription-head{display:flex;align-items:center;gap:9px}.calendar-subscription-head>div{display:flex;flex-direction:column;gap:2px}.calendar-subscription-head strong{font-size:11px}.calendar-subscription-head small,.calendar-subscription-note{font-size:8px;color:var(--muted);line-height:1.45}.calendar-subscription-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e9e5ff;color:var(--purple);font-size:14px}.calendar-link-row{display:flex;gap:7px;margin-top:10px}.calendar-link-row input{min-width:0;flex:1;font-size:9px;background:#fff}.calendar-subscription-note{margin:9px 0}.calendar-subscription-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:7px;align-items:center}.calendar-subscription-actions .button{white-space:nowrap}
@media(max-width:780px){.connection-button span{display:none}.connection-button{width:34px;justify-content:center;padding:0}}

/* Personal notifications */
.notification-button{position:relative}.notification-badge{position:absolute;right:-3px;top:-4px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:var(--red);color:#fff;border:2px solid #fff;font-size:7px;font-weight:800}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.notification-list{max-width:820px;display:flex;flex-direction:column;gap:8px}.notification-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;transition:.15s}.notification-item.unread{border-left:3px solid var(--purple);background:#fdfcff}.notification-item:hover{box-shadow:var(--shadow)}.notification-type{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f0edff;color:#6656cb;font-weight:800}.notification-type.type-due{background:#fff5e8;color:#cc792c}.notification-type.type-approval{background:#eaf9f1;color:#248756}.notification-type.type-file{background:#eef4ff;color:#4f79cf}.notification-copy>div{display:flex;align-items:center;gap:7px}.notification-copy strong{font-size:11px}.notification-copy i{width:7px;height:7px;border-radius:50%;background:var(--purple)}.notification-copy p{font-size:9px;color:var(--muted);margin:4px 0;line-height:1.45}.notification-copy small{font-size:8px;color:#98a4ad}.notification-actions{display:flex;align-items:center;gap:6px}.notification-actions .button{padding:7px 9px;font-size:8px}.notification-actions .icon-button{font-size:12px;background:#f1f4f6}
@media(max-width:650px){.notification-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.notification-item{grid-template-columns:auto 1fr}.notification-actions{grid-column:1/-1;justify-content:flex-end}}

/* Drag and drop across planning views */
.draggable-entry{cursor:grab}.draggable-entry.dragging{opacity:.38;cursor:grabbing}.drag-handle{color:#a1abb3;font-size:12px;letter-spacing:-3px;margin-right:3px}.drop-target{outline:2px solid var(--purple)!important;outline-offset:-2px;background-color:#f6f3ff!important}.gantt-track.drop-target,.calendar-day.drop-target{background-color:#f2efff!important}.approval-history-item .plain-button{color:var(--purple);font-size:8px;margin-top:5px;padding:0}.approval-history-item{display:flex;flex-direction:column;align-items:flex-start}

/* Sprint and backlog planning */
.sprint-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:13px;align-items:start;overflow:auto;padding:2px}.sprint-column{background:#e9edf0;border:1px solid #dfe4e8;border-radius:14px;min-height:440px;padding:11px}.sprint-column.active{background:#efedff;border-color:#d9d3ff}.sprint-column>header{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 4px 11px}.sprint-column>header span{display:block;font-size:8px;font-weight:800;letter-spacing:.12em;color:#82909b}.sprint-column.active>header span{color:#d46b24}.sprint-column>header h2{font:700 14px Manrope;margin:3px 0}.sprint-column>header small{display:block;color:var(--muted);font-size:8px}.sprint-column>header .plain-button{color:var(--purple);font-size:9px;font-weight:700;padding:4px}.sprint-capacity{background:rgba(255,255,255,.72);border-radius:9px;padding:9px;margin-bottom:9px}.sprint-capacity>div:first-child{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-bottom:6px}.sprint-capacity strong{color:var(--ink)}.sprint-dropzone{display:flex;flex-direction:column;gap:7px;min-height:315px}.sprint-task{background:#fff;border:1px solid #dde3e7;border-radius:10px;padding:11px;box-shadow:0 2px 4px rgba(27,38,48,.03)}.sprint-task h3{font-size:10px;line-height:1.4;margin:9px 0 12px}.sprint-task-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--muted)}.sprint-task-meta span{display:flex;align-items:center;gap:5px}.sprint-task-meta strong{color:#d46b24;background:#f0edff;border-radius:6px;padding:3px 6px}.sprint-empty{display:grid;place-items:center;min-height:95px;border:1px dashed #c6cfd6;border-radius:9px;color:#8d99a2;font-size:9px}.completed-sprints{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}.completed-sprints>div:not(.card-head){display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:9px 0;border-top:1px solid #edf0f2;font-size:9px}.completed-sprints span{color:var(--muted)}.completed-sprints b{color:var(--green)}
@media(max-width:700px){.sprint-board{grid-template-columns:1fr}.completed-sprints>div:not(.card-head){grid-template-columns:1fr}.sprint-column{min-height:320px}}

/* Task checklists, recurrence and watchers */
#taskModal{width:min(980px,calc(100% - 25px))}#taskModal .task-collaboration{grid-template-columns:repeat(3,1fr)}.checklist-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow:auto}.checklist-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;background:#fff;border:1px solid #e6eaed;border-radius:8px;padding:8px;font-size:9px}.checklist-item input{accent-color:var(--green)}.checklist-item.done span{text-decoration:line-through;color:#8d99a2}.checklist-item button{border:0;background:transparent;color:#a2adb5;padding:0}.automation-chip{display:inline-flex;align-items:center;font-size:8px;color:#d46b24;background:#f0edff;border-radius:6px;padding:3px 5px;margin-left:3px;white-space:nowrap}
@media(max-width:850px){#taskModal .task-collaboration{grid-template-columns:1fr 1fr}.task-collaboration .collab-column:last-child{grid-column:1/-1}}@media(max-width:620px){#taskModal .task-collaboration{grid-template-columns:1fr}.task-collaboration .collab-column:last-child{grid-column:auto}}

/* Administrative team management */
#memberModal .full-label{display:block;margin-top:14px}#memberModal .full-label small{display:block;margin-top:6px;color:var(--muted);font-size:9px;line-height:1.45}.member-card>[data-edit-member]{color:#71808b}.member-card>[data-edit-member]:hover{color:var(--ink)}

/* Mandatory authentication on the hosted application */
body.auth-locked{background:#101922;overflow:hidden}body.auth-locked .app-shell{display:none!important}body.auth-locked #syncModal .modal-close,body.auth-locked #loginPane .modal-actions .secondary{display:none!important}body.auth-locked #syncModal{max-width:470px}body.auth-locked #syncModal::backdrop{background:radial-gradient(circle at 50% 35%,rgba(63,82,98,.72),rgba(9,15,21,.96));backdrop-filter:none}

/* Team password administration */
.member-password-fields{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.member-password-fields small{color:var(--muted);font-size:9px;line-height:1.45}

/* Visible task hierarchy and subtask controls */
.subtask-add-button{border:1px solid #dfe5e9;background:#f7f9fa;color:#65737e;border-radius:7px;padding:4px 7px;font-size:8px;white-space:nowrap;margin-left:auto}.subtask-add-button:hover{border-color:#c7bef9;background:#f1eeff;color:#d46b24}.task-hierarchy-context{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #ddd8fb;background:#f6f4ff;color:#6559b5;border-radius:9px;font-size:10px}.task-hierarchy-context strong{color:#403587}.task-subtasks{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}.task-subtasks .section-heading{margin-bottom:9px}.task-subtasks .section-heading>div{display:flex;flex-direction:column;gap:2px}.task-subtasks .section-heading small{font-size:8px;color:var(--muted)}.task-subtask-list{display:flex;flex-direction:column;gap:6px}.task-subtask-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid #e2e7ea;background:#fff;border-radius:9px;padding:8px 10px}.task-subtask-item>button{border:0;background:transparent;text-align:left;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-subtask-item small{font-size:8px;color:var(--muted)}.task-subtask-empty{padding:12px;text-align:center;border:1px dashed #d4dbe0;border-radius:8px;color:var(--muted);font-size:9px}.board-card-meta .subtask-add-button{margin-left:auto}.board-card-meta{gap:7px}
@media(max-width:780px){.subtask-add-button{font-size:0;padding:5px}.subtask-add-button:after{content:"＋";font-size:11px}.task-subtask-item{grid-template-columns:auto minmax(0,1fr) auto}.task-subtask-item small{display:none}}

/* Graphite workspace — dense, calm and hierarchy-first */
:root{--bg:#171b21;--panel:#1f242c;--panel-2:#242a33;--ink:#e5e8ee;--muted:#929aa6;--line:#313843;--nav:#1d2229;--nav-2:#232932;--accent:#f07a24;--accent-ink:#fff;--purple:#f07a24;--blue:#6194ed;--green:#44bd83;--orange:#e79a36;--red:#ef5d7c;--shadow:0 18px 46px rgba(0,0,0,.28);--radius:12px;color-scheme:dark}
html{background:var(--bg)}body{background:var(--bg);color:var(--ink)}
.sidebar{background:#1d2229;color:#aeb5bf;border-right:1px solid #303741;padding:16px 10px}.brand{color:#f4f5f7;height:44px;padding:0 9px}.brand-mark{width:25px;height:25px;border-width:6px;border-color:#f2f3f5}.workspace-switcher,.user-card{background:#232932;border-color:#343c48}.workspace-switcher small,.user-card small{color:#808a97}.workspace-avatar,.project-icon{background:#d9681d}.nav-label{color:#707986;margin-top:19px}.nav-item{height:38px;border-radius:8px;color:#abb3bd}.nav-item:hover{background:#252c35}.nav-item.active{background:rgba(240,122,36,.14);color:#ff9b50}.nav-count{background:#2c3340;color:#9da6b2}.storage-track{background:#343c47}.storage-track i{background:var(--purple)}
.topbar{height:64px;background:rgba(27,31,38,.92);border-color:#303640;padding:0 28px}.project-breadcrumb small{color:#777f8b}.project-breadcrumb strong{color:#dadde3}.search-box{background:#20252d;border-color:#343b46}.search-box input{color:#d9dde3}.search-box kbd{background:#292f38;border-color:#3a424d;color:#929ba7}.icon-button:hover{background:#282e37}.has-dot:after{border-color:#1b1f26}.connection-button{background:#222831;border-color:#363d48}.content{max-width:none;padding:28px clamp(20px,3vw,46px) 70px}.page-head{margin-bottom:22px}.page-head h1,.modal h2{color:#eef0f4}.eyebrow{color:#d96b1f}.page-head p,.card-subtitle{color:var(--muted)}
.button{border-radius:8px}.button.primary{background:var(--purple);color:#fff}.button.primary:hover{background:#7258e9}.button.secondary{background:#252b34;border-color:#3a424d;color:#d9dde3}.button.danger{background:rgba(239,93,124,.12);color:#ff7894}.plain-button,.card-link{color:#ff9b50}.filter-panel{background:#1f242c;border-color:#343b46}.filter-panel select,.form-grid input,.form-grid textarea,.form-grid select,.full-label select,.inline-form input,.calendar-link-row input{background:#1b2027;border-color:#39414c;color:#e0e4ea}.form-grid label,.full-label{color:#a2aab4}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(240,122,36,.16)}
.metric-card,.card,.file-card,.member-card,.approval-card,.notification-item,.completed-sprints,.activity-page .activity-row,.project-summary,.calendar-subscription,.sync-stats>div,.mini-kpi,.matrix-cell,.command-card{background:var(--panel);border-color:var(--line);box-shadow:none}.metric-card:after{opacity:.08}.metric-icon{background:color-mix(in srgb,var(--metric-color) 15%,#20252d)}.activity-row,.task-preview,.workload,.approval-history-item,.completed-sprints>div:not(.card-head){border-color:#2d343e}.task-check{background:#1c2128;border-color:#4a535f}.due-pill,.tag,.role-badge{background:#2a3039;color:#aab2bc}.due-pill.late{background:rgba(239,93,124,.12);color:#ff7692}.progress-ring{background:conic-gradient(var(--purple) calc(var(--progress)*1%),#303641 0)}.progress-ring:after{background:var(--panel)}.mini-track,.chart-track{background:#303640}.chart-track i,.mini-track i{background:var(--purple)}
.view-toolbar{min-height:38px}.view-tabs{background:#242a32;border:1px solid #343b46;padding:3px}.view-tabs button{color:#929ba7}.view-tabs button.active{background:#303642;color:#f0f1f4;box-shadow:none}.task-table{background:#1d2229;border-color:#353c47;border-radius:10px}.task-table-head,.task-row{grid-template-columns:minmax(440px,2.4fr) 120px 140px 110px 105px 90px}.task-table-head{height:39px;background:#1b2027;border-color:#313843;color:#8d95a1;padding:0 13px}.task-row{min-height:48px;padding:0 13px;border-color:#2d343e;color:#bec5ce}.task-row:hover{background:#232932}.task-name-cell{gap:7px;min-height:47px;position:relative}.drag-handle{color:#59636f;opacity:.3}.task-row:hover .drag-handle{opacity:1}.task-indent{width:calc(var(--depth)*23px);height:48px;flex:none;background:repeating-linear-gradient(to right,transparent 0,transparent 21px,#363e49 21px,#363e49 22px)}.expand-button{color:#8c95a1;width:18px}.task-title-button{color:#d7dbe2;font-weight:500;font-size:11px}.task-title-button:hover{color:#fff}.level-chip{background:#242a32;border:1px solid #39414b;color:#89939f;border-radius:5px}.task-key{order:-1;font-size:7px;letter-spacing:.03em}.task-level{opacity:.6}.task-state-dot{width:25px;height:25px;display:grid;place-items:center;flex:none;border:1.5px solid #424b57;border-radius:50%;background:#1c2128;color:#fff;font-size:10px}.task-state-dot:hover{border-color:#ff9b50;background:rgba(240,122,36,.12)}.task-state-dot.state-progress,.task-state-dot.state-review{border-color:#e67625;background:rgba(240,122,36,.15)}.task-state-dot.state-done{border-color:#3fab79;background:#3fab79}.subtask-add-button{background:transparent;border-color:transparent;color:#7f8995;margin-left:auto;opacity:0}.task-row:hover .subtask-add-button{opacity:1;border-color:#424a56}.subtask-add-button:hover{border-color:#e67625;background:rgba(240,122,36,.12);color:#ffb071}.milestone-dot{box-shadow:0 0 0 3px rgba(231,154,54,.12)}
.status-backlog{color:#9ba3ae;background:#2a3038}.status-todo{color:#75a6f0;background:rgba(79,140,255,.12)}.status-progress{color:#ffad68;background:rgba(240,122,36,.14)}.status-review{color:#f1ad60;background:rgba(245,156,69,.12)}.status-done{color:#60cf96;background:rgba(55,182,121,.12)}.priority-urgent{color:#ff7894;background:rgba(236,99,114,.12)}.priority-high{color:#f1a363;background:rgba(223,123,44,.12)}.priority-medium{color:#7ca4f1;background:rgba(79,121,207,.12)}.priority-low{color:#9ba4af;background:#2a3038}.tiny-avatar,.avatar{background:#302834;color:#ff6ea0}.avatar-me{background:#3c2b35;color:#ff86a9}
.board-column,.sprint-column{background:#191e25;border:1px solid #303742}.board-column-head span{background:#2a3039}.board-card,.sprint-task{background:#222831;border-color:#343c47;box-shadow:none}.board-card:hover,.sprint-task:hover{border-color:#535e6c}.sprint-column.active{background:#201e2e;border-color:#51458d}.sprint-capacity{background:#272d36}.sprint-task-meta strong{background:rgba(240,122,36,.14);color:#a997ff}.sprint-empty,.empty-state,.task-subtask-empty{border-color:#424a56;color:#87919d}.empty-state{background:#1e232a}
.timeline-shell,.calendar-card{background:var(--panel);border-color:var(--line)}.gantt-head,.calendar-weekday{background:#1b2027}.gantt-date,.gantt-row,.calendar-day,.calendar-weekday{border-color:#2e353f}.gantt-date.weekend,.calendar-day.muted{background:#1b2026}.gantt-date strong{color:#aeb6c0}.gantt-name{border-color:#313843}.gantt-track{background:repeating-linear-gradient(to right,transparent 0,transparent calc((100% / var(--days)) - 1px),#2d343d calc((100% / var(--days)) - 1px),#2d343d calc(100% / var(--days)))}.gantt-milestone{box-shadow:0 0 0 3px #1f242c}.calendar-day.today .day-number{background:var(--purple);color:#fff}.calendar-event{background:rgba(240,122,36,.15);color:#ffb57a}.today-line{background:#f06480}
.file-actions button,.notification-actions .icon-button{background:#2a3039;color:#aeb6c0}.file-icon,.notification-type.type-file{background:rgba(79,140,255,.12)}.online-dot{border-color:var(--panel)}.notification-item.unread{background:#242535;border-left-color:var(--purple)}.notification-type{background:rgba(240,122,36,.14);color:#ffad68}.notification-type.type-due{background:rgba(245,156,69,.12)}.notification-type.type-approval{background:rgba(55,182,121,.12)}
.modal{background:#20252d;color:var(--ink);border:1px solid #39414c}.modal::backdrop{background:rgba(7,9,12,.72)}.modal-actions{border-color:#343b46}.form-error{color:#ff829a;background:rgba(239,93,124,.11);border:1px solid rgba(239,93,124,.25)}.check-label,.collab-column,.task-subtasks{background:#1b2027;border-color:#343b46}.comment-item,.time-item,.checklist-item,.task-subtask-item{background:#222831;border-color:#353d48}.task-hierarchy-context{background:rgba(240,122,36,.1);border-color:#51458c;color:#b2a4f6}.task-hierarchy-context strong{color:#d6ceff}.upload-zone{border-color:#48515e}.upload-zone.dragover{background:rgba(240,122,36,.08);border-color:var(--purple)}.command-search{background:#1b2027}.command-result:hover{background:#292f38}.command-hint{border-color:#343b46}.checklist-item input{accent-color:var(--purple)}
.approval-panel{background:rgba(231,154,54,.08);border-color:#66522f}.approval-panel.approved{background:rgba(55,182,121,.08);border-color:#355e49}.approval-panel.rejected{background:rgba(236,99,114,.08);border-color:#693d49}.approval-panel textarea{background:#1b2027;border-color:#424a55;color:#e1e4e8}.approval-icon,.approval-badge,.approval-chip{background:rgba(231,154,54,.15)}.approval-panel.approved .approval-icon,.approval-chip.approved,.approval-panel.approved .approval-badge{background:rgba(55,182,121,.15)}.approval-panel.rejected .approval-icon,.approval-chip.rejected,.approval-panel.rejected .approval-badge{background:rgba(236,99,114,.15)}.approval-lock{background:rgba(231,154,54,.12)}
.calendar-subscription-icon{background:rgba(240,122,36,.14)}.invite-result{background:rgba(55,182,121,.1);border-color:#315c47;color:#71d5a0}.invite-result code{background:#1b2027}.matrix-cell,.mini-kpi{background:#1b2027}.chart-track{background:#303741}.burndown{border-color:#3a424d}.drop-target{background-color:#2b2742!important}.gantt-track.drop-target,.calendar-day.drop-target{background-color:#28243d!important}.toast{background:#292f38;border:1px solid #414a56}.toast.success{border-left-color:var(--purple)}
body.auth-locked{background:#11151a}body.auth-locked #syncModal::backdrop{background:radial-gradient(circle at 50% 35%,rgba(55,47,96,.72),rgba(8,10,14,.97))}
@media(max-width:1400px){.task-table-head,.task-row{grid-template-columns:minmax(330px,2fr) 105px 120px 90px 95px 70px}.task-table-head,.task-row{padding-left:11px;padding-right:11px}.assignee-cell{gap:4px}}
@media(max-width:1100px){.task-table-head,.task-row{grid-template-columns:minmax(360px,2fr) 115px 120px 105px}}
@media(max-width:780px){.task-row{grid-template-columns:1fr auto}.task-name-cell{min-height:42px}.task-indent{height:43px}.subtask-add-button{opacity:1}.content{padding-top:22px}.topbar{height:58px}}

/* Persistent task detail panel */
.task-row.selected{background:linear-gradient(90deg,rgba(240,122,36,.18),rgba(240,122,36,.07));box-shadow:inset 3px 0 #f07a24}.task-row.selected .task-title-button{color:#ffad68}.task-row.selected .task-key{border-color:#98501f;color:#f2b27e}.task-row.selected .subtask-add-button{opacity:1}
#taskModal[open]{display:block;position:fixed;inset:76px 14px 14px auto;margin:0;width:min(760px,46vw);height:auto;max-height:calc(100vh - 90px);border-radius:15px;overflow:hidden;padding:0;z-index:45;box-shadow:-18px 0 46px rgba(0,0,0,.25);animation:taskPanelIn .2s ease-out}
#taskModal::backdrop{background:transparent;backdrop-filter:none}
#taskModal form{height:100%;max-height:calc(100vh - 90px);overflow-y:auto;padding:22px 24px 0;scrollbar-color:#46505d transparent;scrollbar-width:thin}
#taskModal .modal-head{position:sticky;top:-22px;z-index:5;margin:-22px -24px 18px;padding:20px 24px 16px;background:rgba(31,36,44,.96);backdrop-filter:blur(14px);border-bottom:1px solid #343b46}
#taskModal .modal-head h2{font-size:19px;letter-spacing:-.025em;margin-top:3px;max-width:calc(100% - 50px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#taskModal .modal-head .eyebrow{color:#ff9f57}
#taskModal .form-grid{gap:11px}
#taskModal .form-grid label,#taskModal .full-label{font-size:9px;color:#929ba7}
#taskModal .form-grid input,#taskModal .form-grid textarea,#taskModal .form-grid select{margin-top:4px;padding:8px;border-radius:7px;font-size:10px}
#taskModal #taskTitle{font-size:12px;font-weight:650;color:#f0f1f4}
#taskModal #taskDescription{min-height:66px}
#taskModal .check-label{padding:8px}
#taskModal .task-subtasks,#taskModal .approval-panel,#taskModal .task-collaboration{margin-top:14px}
#taskModal .task-collaboration{grid-template-columns:1fr}
#taskModal .collab-column{padding:11px}
#taskModal .comment-list,#taskModal .time-list,#taskModal .checklist-list{max-height:190px}
#taskModal .modal-actions{position:sticky;bottom:0;z-index:5;margin:18px -24px 0;padding:14px 24px;background:rgba(31,36,44,.97);backdrop-filter:blur(14px);border-top:1px solid #343b46}
@keyframes taskPanelIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){body.task-detail-open .content{margin-right:min(760px,46vw);padding-right:18px;padding-left:28px}.task-detail-open .task-table-head,.task-detail-open .task-row{grid-template-columns:minmax(315px,2fr) 105px 105px}.task-detail-open .task-table-head>*:nth-child(n+4),.task-detail-open .task-row>*:nth-child(n+4){display:none}.task-detail-open .page-head p{max-width:520px}}
@media(max-width:900px){#taskModal[open]{inset:66px 8px 8px 8px;width:auto;max-height:calc(100vh - 74px)}#taskModal form{max-height:calc(100vh - 74px)}}
@media(max-width:620px){#taskModal[open]{inset:58px 0 0;width:100%;max-height:none;border-radius:0;border-width:1px 0 0}#taskModal form{max-height:calc(100vh - 58px);padding-left:15px;padding-right:15px}#taskModal .modal-head{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}#taskModal .modal-actions{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}}

/* ErstKontakt brand system */
.brand-mark{border-color:var(--accent)}
.workspace-avatar,.project-icon{background:var(--accent)!important}
.form-grid input[type="range"],input[type="checkbox"]{accent-color:var(--accent)}
.button.primary:hover{background:#d9681d}
.sprint-column.active{background:#2b221c;border-color:#71411f}
.sprint-column.active>header span,.sprint-task-meta strong{color:#ffad68}
.sprint-task-meta strong{background:rgba(240,122,36,.14)}
.task-hierarchy-context{background:rgba(240,122,36,.1);border-color:#71411f;color:#f2b27e}
.task-hierarchy-context strong{color:#ffd0aa}
.drop-target{background-color:#34271f!important}
.gantt-track.drop-target,.calendar-day.drop-target{background-color:#30241d!important}
body.auth-locked #syncModal::backdrop{background:radial-gradient(circle at 50% 35%,rgba(92,50,24,.72),rgba(8,10,14,.97))}