:root{--forest:#19261e;--forest2:#24342a;--ink:#20291f;--muted:#7c8477;--paper:#f7f8f3;--white:#fff;--line:#e2e5dd;--line-dark:rgba(255,255,255,.13);--acid:#c8ed8f;--acid-deep:#a5d361;--sage:#eaf0e4;--danger:#c65e54;--warning:#b27c3b;--radius:10px;--shadow:0 22px 90px rgba(20,35,22,.15);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:14px;letter-spacing:-.012em}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1{line-height:1.08}h2{line-height:1.12}.hidden{display:none!important}::selection{background:var(--acid);color:var(--forest)}:focus-visible{outline:3px solid #85b95c;outline-offset:3px}.workspace{display:flex;min-height:100vh;width:100%}
/* Studio identity */
.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--forest);color:#e8eee7;display:flex;flex-direction:column;z-index:18;padding:31px 17px 20px}.side-brand{display:flex;align-items:center;gap:11px;padding:2px 10px 28px;cursor:default}.brand-emblem{width:33px;height:33px;background:var(--acid);color:var(--forest);font-size:26px;display:grid;place-items:center;font-weight:800;font-family:Arial,sans-serif;letter-spacing:-.17em;position:relative;padding-right:4px;line-height:1}.brand-emblem .emblem-cut{position:absolute;width:12px;height:5px;background:var(--forest);right:-1px;top:15px}.brand-word{display:block;font-size:15px;font-weight:800;letter-spacing:.11em;line-height:1.07}.brand-word small{display:block;font-size:9px;letter-spacing:.38em;font-weight:500;color:#9dac9e;margin-top:5px}.workspace-switch{border:1px solid var(--line-dark);padding:12px 11px;display:flex;align-items:center;gap:10px;border-radius:7px;margin:9px 0 29px;background:rgba(255,255,255,.025)}.workspace-initial{width:34px;height:34px;border-radius:5px;background:#d3e3c7;color:#324633;display:grid;place-items:center;font-family:Georgia,serif;font-weight:bold;font-size:18px}.workspace-switch strong{font-size:12px;display:block;font-weight:650}.workspace-switch small{font-size:10px;color:#9faf9e;display:block;margin-top:4px}.switch-chevrons{margin-left:auto;color:#a7bba6;font-size:20px}.side-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;color:#88988b;padding:0 14px 10px}.nav-eyebrow-second{margin-top:27px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;height:43px;background:transparent;color:#b9c6b8;border:0;text-align:left;border-radius:6px;padding:0 12px;font-weight:520;font-size:12.5px;transition:background .18s ease,color .18s ease}.nav-item:hover{color:white;background:rgba(255,255,255,.075)}.nav-item.active{color:var(--acid);background:#304234}.nav-icon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:17px;height:17px;stroke-width:1.8}.nav-counter{margin-left:auto;font-size:10px;padding:3px 6px;background:rgba(206,239,166,.14);color:#e7f4d7;border-radius:3px}.nav-counter:empty{display:none}.nav-counter.light{background:#c5e68c;color:#253223;font-weight:700}.sidebar-bottom{margin-top:auto}.side-callout{padding:20px 15px 17px;background:#27382d;border:1px solid var(--line-dark);border-radius:7px;margin-bottom:19px}.side-callout-line{width:25px;height:2px;background:var(--acid);margin-bottom:16px}.side-callout strong{display:block;font-family:Georgia,serif;font-weight:400;line-height:1.35;letter-spacing:-.02em;font-size:16px}.side-callout button{margin-top:18px;background:none;border:0;padding:0;color:var(--acid);font-size:11px;font-weight:650}.side-callout button span{margin-left:4px}.profile-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:none;border-top:1px solid var(--line-dark);padding:19px 6px 0;color:white}.profile-avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:750;letter-spacing:.02em}.profile-avatar{width:35px;height:35px;background:#d9d1bc;color:#273327}.profile-row strong{font-size:12px;font-weight:630;display:block}.profile-row small{font-size:10px;color:#93a696;display:block;margin-top:4px}.profile-logout-icon{margin-left:auto;color:#94a795}.profile-logout-icon svg{width:17px}
/* Outer canvas */
.main-shell{margin-left:260px;min-width:0;flex:1}.topbar{height:77px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:11}.topbar-left,.topbar-actions,.breadcrumbs{display:flex;align-items:center}.breadcrumbs{gap:13px;font-size:11px;font-weight:600;color:#334035}.breadcrumb-home{letter-spacing:.18em;color:#95a095;font-size:9px;font-weight:800}.breadcrumb-separator{color:#b9c2b6}.topbar-actions{gap:15px}.search-trigger{display:flex;align-items:center;gap:9px;padding:8px 9px;color:#869084;border:0;background:none;font-size:12px}.search-trigger:hover{color:var(--ink)}.search-trigger svg{width:16px}.search-trigger kbd,.search-dialog-field kbd{font-size:10px;color:#96a196;border:1px solid #e1e7de;border-radius:3px;padding:4px 5px;margin-left:26px;background:#fafbf8}.icon-btn{display:grid;place-items:center;background:transparent;border:0;width:34px;height:34px;color:#506251;position:relative}.icon-btn svg{width:19px;height:19px}.notification-dot{position:absolute;right:7px;top:5px;background:#c86f52;border:2px solid #fff;width:8px;height:8px;border-radius:50%}.top-avatar{width:32px;height:32px;background:#d2e5c0;color:#2c422d}.demo-pill{border:1px solid #dfe6d1;background:#f6f9ef;border-radius:4px;color:#85926e;padding:7px 9px;font-size:8px;letter-spacing:.12em;font-weight:800;white-space:nowrap}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.004em;border:1px solid transparent;border-radius:5px;padding:11px 15px;transition:transform .18s var(--ease),background .18s ease;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-lime{background:var(--acid);color:#19261b}.btn-lime:hover{background:#b9e781}.btn-dark{background:var(--forest);color:#fff}.btn-dark:hover{background:#2a3b2e}.btn-ghost{background:#fff;border-color:var(--line);color:#445247}.btn-ghost:hover{background:#f6f8f3}.btn-danger{background:#fff0ec;color:#a85049}.btn-large{height:51px;padding:0 20px;font-size:12px}.plus-mark{font-size:18px;line-height:10px;font-weight:400}.page-content{padding:38px 46px 75px;max-width:1660px;margin:0 auto;min-height:calc(100vh - 77px);animation:arrive .4s var(--ease)}@keyframes arrive{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.mobile-menu{display:none}
/* Type and reusable */
.eyebrow{color:#758471;font-size:10px;text-transform:uppercase;letter-spacing:.2em;font-weight:750;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";display:inline-block;width:15px;height:2px;background:#a5bc89}.page-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(33px,3.6vw,50px);font-weight:400;letter-spacing:-.065em;color:#1a281d;line-height:1.12;margin:13px 0 10px}.page-title em{font-weight:400;font-style:italic;color:#75856b}.page-subtitle{font-size:13px;color:#8b9588;line-height:1.65}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:35px 0 17px;gap:20px}.section-heading h2{font-size:19px;letter-spacing:-.04em;font-weight:650;margin:0}.section-heading .section-kicker{color:#9ba49a;font-size:10px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px}.text-link{border:0;background:none;padding:4px 0;color:#3b5c37;font-size:11px;font-weight:750}.text-link:hover{text-decoration:underline}.arrow-out{font-size:14px;margin-left:4px}.divider{height:1px;background:var(--line);margin:27px 0}.page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:29px}.page-head .page-title{margin-bottom:8px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip-btn{border:1px solid #dfe5d9;background:#fff;color:#687565;border-radius:4px;padding:9px 12px;font-size:11px;font-weight:650;transition:all .18s}.chip-btn:hover{border-color:#aabca4}.chip-btn.active{background:#27372b;color:#fff;border-color:#27372b}.sep-v{height:20px;width:1px;background:#dfe5dc;margin:0 7px}.light-count{font-family:Georgia,serif;font-size:18px;color:#869784;margin-left:5px}.subtle-label{font-size:10px;color:#939f91;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.empty-state{padding:55px 30px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:7px}.empty-state .empty-icon{width:55px;height:55px;border:1px solid #e3e8dd;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:#789071}.empty-state h3{font-family:Georgia,serif;font-size:24px;font-weight:400}.empty-state p{color:#8a9487;font-size:12px}.empty-state .btn{margin-top:11px}
/* Overview */
.dashboard-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.dashboard-intro .page-title{margin:16px 0 11px}.dashboard-date{text-align:right;color:#7d897a;font-size:11px;padding-bottom:7px}.dashboard-date strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:20px;letter-spacing:-.04em;color:#263429;margin-bottom:7px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ced6ca;border-bottom:1px solid #ced6ca;margin-top:39px}.metric{padding:25px 23px 26px;position:relative}.metric:first-child{padding-left:0}.metric:not(:last-child):after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:1px;background:var(--line)}.metric-kicker{color:#879584;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.metric-value{font-family:Georgia,serif;font-size:50px;letter-spacing:-.085em;line-height:1.3;font-weight:400;color:#233328}.metric-foot{font-size:10.5px;color:#8a9586}.metric-foot strong{color:#4f6d49;font-weight:750}.metric:nth-child(3) .metric-value{color:#b87358}.metric:nth-child(4) .metric-value{color:#617f4f}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr);gap:35px}.task-table{width:100%;border-collapse:collapse;text-align:left}.task-table th{height:37px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#9ca69b;border-bottom:1px solid #dde4da}.task-table td{border-bottom:1px solid var(--line);padding:14px 7px;vertical-align:middle;font-size:12px}.task-table tr:last-child td{border-bottom:none}.task-table tbody tr{cursor:pointer;transition:background .15s}.task-table tbody tr:hover{background:#eef3e9}.task-table .title-col{font-size:12px;font-weight:650;letter-spacing:-.014em;color:#253428}.row-description{font-size:10px;margin-top:5px;color:#8a9989;font-weight:400}.task-table .secondary-col{color:#818b7f;font-size:11px}.task-icon{width:28px;height:28px;border-radius:5px;display:grid;place-items:center;background:#eaf0e3;color:#5f7559}.task-icon svg{width:14px;height:14px}.task-title-cell{display:flex;gap:11px;align-items:center}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:#edf1ea;border:1px solid transparent;font-size:10px;color:#6b7569;border-radius:3px;white-space:nowrap;font-weight:600}.status-tag::before{content:"";height:6px;width:6px;border-radius:50%;background:#8a9b82}.status-tag.progress{background:#f4f1e5;color:#a48340}.status-tag.progress:before{background:#c39d53}.status-tag.review{background:#eff0fa;color:#767db0}.status-tag.review:before{background:#8588c4}.status-tag.correction{background:#fff0e9;color:#bf7964}.status-tag.correction:before{background:#d68b71}.status-tag.done{background:#e7f4e5;color:#618d5a}.status-tag.done:before{background:#6baf63}.status-tag.backlog{background:#f2f2ef}.priority-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#bcc9b5}.priority-dot.high{background:#c2a15f}.priority-dot.urgent{background:#c76d65}.priority-dot.low{background:#abc2a5}.due-late{color:#c25b53!important;font-weight:650}.right-stack{display:flex;flex-direction:column;gap:18px}.feature-panel{background:white;border:1px solid var(--line);border-radius:7px;padding:21px 20px}.feature-panel .section-heading{margin:0 0 16px}.feature-panel .section-heading h2{font-size:16px}.approval-queue-item{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0e9;cursor:pointer}.approval-queue-item:last-child{border-bottom:0;padding-bottom:0}.queue-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:4px;font-size:10px;font-weight:760;flex-shrink:0}.queue-item-copy{flex:1;min-width:0}.queue-item-copy strong{font-size:11.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-copy small{font-size:10px;color:#879284;display:block;margin-top:5px}.queue-arrow{color:#91a18e}.queue-arrow svg{width:15px}.editorial-item{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-bottom:1px solid #edf0eb;cursor:pointer}.editorial-item:last-child{border:0}.editorial-date{width:32px;text-align:center;color:#6c826b;flex-shrink:0}.editorial-date span{font-family:Georgia,serif;font-size:21px;display:block;line-height:1}.editorial-date small{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.editorial-item strong{font-size:11px;display:block;line-height:1.3}.editorial-item small{font-size:9.5px;color:#8b9a8c;display:block;margin-top:5px}.projects-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mini-project-card{background:#fff;border:1px solid var(--line);padding:17px 16px 16px;border-radius:7px;cursor:pointer;transition:border .2s,transform .2s}.mini-project-card:hover{border-color:#9cae95;transform:translateY(-2px)}.project-card-head{display:flex;justify-content:space-between;align-items:center}.project-client-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:4px;font-size:11px;font-weight:750;color:#253228}.project-card-title{font-size:12px;font-weight:700;line-height:1.3;margin:15px 0 5px}.project-card-subtitle{color:#8b998b;font-size:10px;line-height:1.3}.project-progress-row{display:flex;justify-content:space-between;align-items:center;color:#809080;font-size:10px;margin:20px 0 8px}.project-progress-row strong{font-weight:700;color:#415a41}.progress-track{height:4px;background:#e9eee6;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:#9fc582;border-radius:10px;transition:width .35s var(--ease)}
/* General pages */
.data-surface{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.data-surface .task-table th:first-child,.data-surface .task-table td:first-child{padding-left:18px}.data-surface .task-table th:last-child,.data-surface .task-table td:last-child{padding-right:18px}.data-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;border-bottom:1px solid var(--line);padding:17px 18px}.data-toolbar .subtle-label{margin:0}.sort-select,.plain-input,.plain-select,.plain-textarea{border:1px solid #dbe1d6;background:white;border-radius:5px;padding:10px 11px;font-size:12px;color:#334531;min-height:39px;outline:none;max-width:100%}.sort-select:focus,.plain-input:focus,.plain-select:focus,.plain-textarea:focus{border-color:#9ab884;box-shadow:0 0 0 3px #e7f3db}.sort-select{max-width:185px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-tile{border:1px solid #e1e5dc;background:white;border-radius:8px;padding:23px 22px 21px;cursor:pointer;transition:all .2s var(--ease);min-height:230px}.project-tile:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(39,62,37,.06);border-color:#b9cbb0}.project-tile-top{display:flex;align-items:center;justify-content:space-between}.project-tile-icon{width:43px;height:43px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#293529;border-radius:5px}.project-tile-arrow{color:#a0ada0;font-size:19px}.project-tile h3{font-size:17px;line-height:1.28;font-weight:630;margin:20px 0 7px;letter-spacing:-.035em}.project-tile p{font-size:11px;color:#8b998b;margin:0}.project-tile-bottom{margin-top:28px}.project-tile-bottom .progress-track{margin-top:9px}.project-tile-bottom>div:first-child{display:flex;justify-content:space-between;color:#839081;font-size:10px}.project-head-back{font-size:11px;display:inline-flex;gap:8px;align-items:center;color:#738370;border:none;background:none;padding:0;margin:0 0 19px}.project-head-back:hover{color:#234529}.project-detail-top{display:flex;align-items:center;gap:17px}.project-detail-icon{height:68px;width:68px;border-radius:6px;display:grid;place-items:center;font-size:21px;font-weight:750;flex-shrink:0}.project-info-strip{display:flex;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:30px}.project-info-strip>div{min-width:130px}.project-info-strip small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#919d90;margin-bottom:6px}.project-info-strip strong{font-size:12px;font-weight:650}.board{display:grid;grid-template-columns:repeat(5,minmax(185px,1fr));gap:13px;overflow-x:auto;padding-bottom:12px;align-items:start}.board-column{background:#f1f3ed;border:1px solid #e6e9e0;border-radius:6px;min-height:230px;padding:11px}.board-column.drop-ready{outline:2px dashed #9ecb76;outline-offset:-2px}.board-column-head{display:flex;justify-content:space-between;align-items:center;padding:7px 5px 14px;font-size:11px;font-weight:750}.board-column-head small{font-size:11px;color:#9aac98}.board-card{background:#fff;border:1px solid #e1e7da;box-shadow:0 3px 6px rgba(23,40,21,.035);padding:13px;border-radius:5px;margin:0 0 9px;cursor:grab;transition:transform .15s}.board-card:hover{transform:translateY(-2px)}.board-card:active{cursor:grabbing}.board-card .board-client{font-size:9px;color:#7d9879;letter-spacing:.08em;text-transform:uppercase;font-weight:750}.board-card strong{font-size:12px;font-weight:660;display:block;line-height:1.4;margin:9px 0 15px}.board-card-bottom{display:flex;justify-content:space-between;align-items:center;color:#7e8c7a;font-size:10px}.small-avatar{width:25px;height:25px;border-radius:50%;background:#dae7d4;display:grid;place-items:center;font-size:9px;color:#3e5b3b;font-weight:750}
/* Calendar */
.calendar-controls{display:flex;align-items:center;gap:10px}.calendar-month{font-family:Georgia,serif;font-size:22px;font-weight:400;min-width:155px;letter-spacing:-.04em}.cal-nav{background:white;border:1px solid #dce3d6;border-radius:5px;width:31px;height:31px;color:#50644e;display:grid;place-items:center}.cal-nav:hover{background:#eaf4e3}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #dbe2d7;background:#fff;border-radius:7px;overflow:hidden}.calendar-weekday{height:40px;display:flex;align-items:center;justify-content:center;background:#f4f6f1;font-size:9px;color:#8b9b87;letter-spacing:.14em;text-transform:uppercase;font-weight:800;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-weekday:last-child{border-right:0}.calendar-day{min-height:125px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 7px;overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#fafbf8}.calendar-day.today{background:#f4f8ef}.calendar-day-num{font-size:11px;font-weight:600;color:#839180;width:24px;height:24px;display:grid;place-items:center;margin-bottom:6px}.calendar-day.today .calendar-day-num{background:#26382a;color:#cbed98;border-radius:50%}.calendar-event{padding:7px 7px 7px 9px;border-radius:3px;border-left:3px solid #a3c5a1;background:#eef3ed;font-size:9.5px;line-height:1.4;margin:0 0 4px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event:hover{filter:brightness(.96)}.calendar-event span{color:#819180;display:block;font-size:8px;letter-spacing:.01em}.calendar-more{color:#667f64;font-size:9px;padding:4px 5px;cursor:pointer}.calendar-legend{display:flex;gap:20px;justify-content:flex-end;margin-top:13px;color:#8a9787;font-size:10px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}
/* Approval + members + reports */
.approval-line{display:grid;grid-template-columns:minmax(220px,1.5fr) 110px 120px 120px 95px;align-items:center;gap:13px;padding:19px 21px;border-bottom:1px solid var(--line);cursor:pointer}.approval-line:hover{background:#f7faf5}.approval-line:last-child{border:0}.approval-line strong{font-size:12px}.approval-line .secondary-col{font-size:10px;color:#91a08f;margin-top:6px}.approval-line small{font-size:10px;color:#8a9689}.approval-title{display:flex;align-items:center;gap:12px}.approval-title .queue-avatar{height:39px;width:39px}.approval-line-head{background:#f8faf6;color:#99a697;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;cursor:default;padding:12px 21px}.approval-line-head:hover{background:#f8faf6}.team-line{display:flex;align-items:center;gap:18px;padding:19px 23px;border-bottom:1px solid var(--line)}.team-line:last-child{border:0}.member-avatar{width:42px;height:42px;border-radius:50%;background:#dce9d4;color:#395b38;display:grid;place-items:center;font-size:12px;font-weight:770}.member-copy{flex:1;min-width:0}.member-copy strong{display:block;font-size:12px;font-weight:700}.member-copy small{display:block;margin-top:6px;color:#899689;font-size:10px}.member-role{font-size:10px;background:#f0f4ec;padding:8px 9px;border-radius:3px;color:#698266;font-weight:650}.demo-label{font-size:8px;letter-spacing:.08em;color:#9aa89a;margin-left:10px}.team-metrics{display:flex;gap:20px;justify-content:space-between;border:1px solid var(--line);border-radius:7px;background:white;margin-bottom:20px;padding:20px 25px}.team-metric strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:33px}.team-metric small{font-size:10px;color:#8c978b}.report-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:21px}.report-box{border:1px solid var(--line);background:#fff;border-radius:7px;padding:22px}.report-box h3{font-size:15px;margin:0 0 22px}.report-row{margin-bottom:22px}.report-row-head{display:flex;justify-content:space-between;font-size:11px;color:#53664f;margin-bottom:8px}.report-row-head strong{font-weight:650}.report-row-head span{color:#91a18e}.report-track{height:7px;border-radius:2px;background:#eff3eb;overflow:hidden}.report-fill{height:100%;background:#9bc583;border-radius:2px}.report-small{font-size:10px;color:#8b9a88;margin-top:15px}
/* Notifications */
.notification-wrap{position:relative}.notifications-popover{position:absolute;right:-30px;top:51px;width:335px;background:white;border:1px solid #dfe7dc;border-radius:7px;box-shadow:0 20px 65px rgba(12,29,14,.14);z-index:32;max-height:430px;overflow-y:auto}.notifications-head{padding:17px;border-bottom:1px solid var(--line);font-weight:700;font-size:13px}.notification-entry{padding:13px 17px;display:block;border:0;border-bottom:1px solid #edf0eb;background:white;width:100%;text-align:left;cursor:pointer}.notification-entry:hover{background:#f7faf5}.notification-entry.unread{border-left:3px solid #a8c879}.notification-entry strong{font-size:11px;display:block}.notification-entry small{font-size:10px;color:#8c9a8a;display:block;line-height:1.5;margin-top:6px}.notification-empty{padding:25px;color:#9ea99c;font-size:12px}
/* Modals, drawer */
.modal-backdrop,.drawer-backdrop,.search-overlay{position:fixed;inset:0;background:rgba(15,28,17,.42);z-index:50;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px);animation:fade .18s ease}.modal{width:min(540px,calc(100vw - 32px));max-height:92vh;overflow-y:auto;background:#fff;border-radius:9px;box-shadow:var(--shadow);padding:30px;animation:rise .25s var(--ease)}.modal-wide{width:min(650px,calc(100vw - 32px))}.modal-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:25px}.modal-header h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:9px 0 0}.modal-header p{color:#929c8f;font-size:11px;margin:8px 0 0}.close-btn{background:#f3f6f0;border:0;border-radius:50%;width:30px;height:30px;color:#4a604a;font-size:19px;display:grid;place-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#748171;font-weight:700;letter-spacing:.025em}.form-field.span2{grid-column:span 2}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #dae3d7;border-radius:4px;background:#fff;color:#2d3c2d;padding:11px 12px;font-size:12px;outline:0;letter-spacing:0;min-height:40px}.form-field textarea{min-height:90px;resize:vertical}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#9cbf8b;box-shadow:0 0 0 3px #edf5e7}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:23px;border-top:1px solid var(--line);margin-top:25px}.modal-note{color:#94a092;font-size:10px;line-height:1.5;margin-top:15px}.copy-row{display:flex;gap:7px}.copy-row input{flex:1;min-width:0}.inline-success{font-size:11px;color:#4f8051;margin-top:10px}.inline-error{color:#bf665a;font-size:11px;min-height:5px}.drawer-backdrop{justify-content:flex-end;align-items:stretch}.task-drawer{width:min(725px,100vw);background:#fdfefa;height:100%;overflow-y:auto;box-shadow:-15px 0 55px rgba(25,42,22,.12);animation:slidein .29s var(--ease)}.drawer-top{padding:24px 29px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:white}.drawer-top-left{display:flex;align-items:center;gap:13px;font-size:11px;color:#899687}.drawer-meta-tag{font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:750}.drawer-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(235px,.85fr);gap:0;min-height:calc(100% - 75px)}.drawer-main{padding:29px 29px 55px;border-right:1px solid var(--line)}.drawer-side{padding:31px 20px;background:#f6f8f3}.drawer-title-input{font-family:Georgia,serif;font-size:29px;letter-spacing:-.055em;line-height:1.2;color:#1f3022;width:100%;border:0;outline:0;background:transparent;resize:vertical;min-height:86px;overflow:hidden}.drawer-label{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#92a18f;font-weight:800;margin:26px 0 12px}.drawer-description{width:100%;resize:vertical;min-height:120px;border:1px solid transparent;background:#fff;border-radius:5px;padding:13px;font-size:12px;line-height:1.7;color:#53634d}.drawer-description:focus{border-color:#a4c28e;outline:0}.drawer-field{margin-bottom:19px}.drawer-field label{display:block;font-size:10px;color:#899689;margin-bottom:8px;font-weight:700}.drawer-field select,.drawer-field input{width:100%;background:white;border:1px solid #e0e8dd;border-radius:4px;padding:9px 8px;color:#3d503a;font-size:11px;min-height:36px}.drawer-field select:focus,.drawer-field input:focus{outline:2px solid #b8d9a4;outline-offset:1px}.drawer-actions{display:flex;gap:8px;margin-top:19px}.activity-entry{border-bottom:1px solid #edf0e9;padding:12px 0;display:flex;gap:9px}.activity-entry:last-child{border-bottom:0}.activity-entry strong{display:block;font-size:11px;margin-bottom:5px}.activity-entry p{font-size:11px;color:#71806d;line-height:1.5;margin-bottom:5px}.activity-entry small{font-size:9px;color:#a0aca0}.activity-avatar{width:26px;height:26px;background:#e6ede0;color:#52704f;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:9px;font-weight:700}.comment-input{width:100%;border:1px solid #e0e7dc;min-height:81px;resize:vertical;font-size:11px;line-height:1.5;padding:11px;outline:none;border-radius:4px;background:#fff}.comment-send{display:flex;justify-content:flex-end;margin:8px 0 19px}.file-upload-box{display:block;border:1px dashed #bdd1b6;border-radius:6px;padding:17px 12px;text-align:center;color:#6f8b68;font-size:11px;cursor:pointer;background:#f8fbf6}.file-upload-box input{display:none}.file-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0e9}.file-row .file-badge{width:28px;height:28px;border-radius:4px;display:grid;place-items:center;background:#eef1e9;color:#5c7558}.file-row a{color:#425e43;font-size:11px;font-weight:650;text-decoration:none;word-break:break-word}.file-row small{font-size:9px;color:#8f9b8c;display:block;margin-top:4px}.approval-actions{background:#fff;border:1px solid #e4ebdf;border-radius:6px;padding:13px;margin:14px 0}.approval-actions p{font-size:11px;line-height:1.5;color:#879683;margin:7px 0 12px}.approval-actions .btn{font-size:10px;padding:9px}.approval-buttons{display:flex;gap:7px;flex-wrap:wrap}.approval-history{font-size:10px;color:#92a18d;margin-top:8px;line-height:1.7}
/* Search */
.search-overlay{align-items:flex-start;padding-top:min(20vh,170px);z-index:80}.search-dialog{width:min(650px,calc(100vw - 26px));background:#fff;border-radius:9px;box-shadow:var(--shadow);overflow:hidden;animation:rise .2s var(--ease)}.search-dialog-field{height:65px;display:flex;align-items:center;padding:0 23px;gap:14px;border-bottom:1px solid var(--line);color:#76906c}.search-dialog-field svg{width:20px}.search-dialog-field input{border:0;outline:0;flex:1;min-width:0;font-size:14px;color:#30412f}.search-dialog-field kbd{margin:0}.search-results{max-height:330px;overflow-y:auto}.search-result{padding:13px 22px;border-bottom:1px solid #f0f3ed;cursor:pointer}.search-result:hover{background:#f5f9f1}.search-result strong{font-size:12px}.search-result small{font-size:10px;color:#879685;display:block;margin-top:6px}.search-dialog-foot{padding:13px 22px;font-size:9px;color:#9aaba0;letter-spacing:.12em}.search-dialog-foot span{margin:0 7px}
/* Authentication */
.auth-screen{display:grid;grid-template-columns:51% 49%;height:100vh;min-height:650px;background:#f9faf6}.auth-side{position:relative;background:#1a2a1f;color:#fff;padding:39px 48px;overflow:hidden;display:flex;flex-direction:column}.auth-brand{display:flex;gap:11px;align-items:center;font-size:16px;font-weight:800;letter-spacing:.12em;z-index:2}.auth-brand small{display:block;color:#adbdac;font-size:9px;font-weight:500;letter-spacing:.42em;margin-top:3px}.brand-emblem-light{background:var(--acid)}.brand-dot{color:var(--acid)}.auth-visual{z-index:2;margin:auto 0;max-width:650px}.auth-index{color:#9caf9e;font-size:10px;letter-spacing:.18em;font-weight:750}.auth-visual h1{font-family:Georgia,serif;letter-spacing:-.075em;font-weight:400;font-size:clamp(49px,6.4vw,102px);line-height:1.01;margin:22px 0 27px}.auth-visual h1 em{color:var(--acid);font-weight:400}.auth-visual p{max-width:370px;color:#bbcab9;font-size:14px;line-height:1.8}.auth-lines{display:flex;gap:8px;margin-top:48px}.auth-lines span{display:block;width:45px;height:2px;background:#526550}.auth-lines span:first-child{background:var(--acid);width:77px}.auth-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#8fa38f;z-index:2}.auth-glyph{position:absolute;font:800 640px/.9 Arial,sans-serif;right:-200px;bottom:8%;color:#253b2b;letter-spacing:-.1em;pointer-events:none;opacity:.63}.auth-form-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;position:relative}.auth-form-wrap{width:min(390px,100%)}.auth-form-index{font-size:10px;font-weight:750;color:#839782;letter-spacing:.18em;display:flex;align-items:center;gap:10px;margin-bottom:30px}.index-line{height:1px;background:#aabda5;width:25px}.auth-form-wrap h2{font-family:Georgia,serif;font-size:clamp(35px,3.25vw,53px);font-weight:400;line-height:1.1;margin:0 0 20px;color:#203124}.auth-form-wrap h2 span{color:#8cb85e}.auth-form-wrap p{max-width:355px;font-size:13px;color:#859183;line-height:1.8;margin-bottom:30px}.form-stack label{display:block;color:#667b65;font-size:11px;font-weight:700;margin-bottom:18px}.form-stack label input{display:block;width:100%;height:49px;border:1px solid #d9e3d7;border-radius:4px;background:white;margin-top:9px;padding:0 14px;font-size:12px;color:#213522;outline:0}.form-stack label input:focus{border-color:#a2c78f;box-shadow:0 0 0 3px #e7f2df}.form-stack button{width:100%;justify-content:space-between;margin-top:7px}.btn-arrow{font-size:17px;font-weight:400}.demo-hint{margin-top:25px;color:#a4b1a1;font-size:9px;letter-spacing:.06em}.demo-hint span{margin:0 8px}.demo-hint a{color:#557b4f;font-weight:700;text-decoration:underline}.auth-footer{position:absolute;bottom:33px;text-align:center;color:#afbaac;font-size:9px;letter-spacing:.15em}.quiet-link{display:inline-block;margin-top:20px;color:#557a51;font-size:11px}
/* Toasts and motion */
.toast-region{position:fixed;bottom:24px;right:25px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#213424;color:#fff;padding:12px 17px;font-size:12px;box-shadow:0 10px 32px rgba(15,33,17,.2);border-left:3px solid var(--acid);border-radius:3px;animation:rise .2s var(--ease)}.toast.error{background:#65372f;border-color:#edb9a8}@keyframes rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes slidein{from{transform:translateX(30px);opacity:.4}to{transform:translateX(0);opacity:1}}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(max-width:1280px){.sidebar{width:232px}.main-shell{margin-left:232px}.topbar{padding:0 26px}.page-content{padding:30px 28px 60px}.dashboard-columns{gap:22px}.demo-pill{display:none}}@media(max-width:1020px){.dashboard-columns{grid-template-columns:1fr}.right-stack{display:grid;grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:repeat(2,1fr)}.projects-preview{grid-template-columns:repeat(3,1fr)}.metric{padding:21px 16px}.metric-value{font-size:41px}.search-trigger kbd{display:none}.approval-line{grid-template-columns:minmax(220px,1fr) 100px 110px 80px}.approval-line>div:nth-child(4){display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s var(--ease);width:260px;box-shadow:none}.sidebar.mobile-open{transform:translateX(0);box-shadow:20px 0 60px rgba(0,0,0,.22)}.main-shell{margin-left:0}.mobile-menu{display:grid}.topbar{height:66px;padding:0 16px}.topbar-actions{gap:7px}.topbar .btn-lime{font-size:0;gap:0;padding:0;width:35px;height:35px;display:grid;place-items:center}.topbar .plus-mark{font-size:24px}.search-trigger{padding:6px}.search-trigger span:not([data-icon]){display:none}.search-trigger svg{width:19px}.page-content{padding:27px 16px 60px}.breadcrumbs{gap:8px}.dashboard-intro{align-items:start}.dashboard-date{display:none}.metrics{grid-template-columns:repeat(2,1fr);margin-top:30px}.metric:first-child{padding-left:12px}.metric:nth-child(2):after{display:none}.metric:nth-child(3),.metric:nth-child(4){border-top:1px solid var(--line)}.metric-value{font-size:40px}.dashboard-columns,.right-stack,.project-grid,.projects-preview,.report-grid{display:grid;grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.task-table .hide-mobile{display:none}.task-table th,.task-table td{padding:12px 8px}.task-table .title-col{font-size:11px}.calendar-day{min-height:92px;padding:5px 3px}.calendar-weekday{font-size:8px}.calendar-event{font-size:8px;padding:5px 3px;max-height:32px}.calendar-event span{display:none}.calendar-day-num{width:21px;height:21px}.calendar-month{font-size:19px}.approval-line{grid-template-columns:minmax(150px,1fr) 85px;gap:5px;padding:14px}.approval-line>div:nth-child(n+3){display:none}.approval-line-head>div:nth-child(n+3){display:none}.drawer-body{grid-template-columns:1fr}.drawer-main{border-right:0;padding:24px 19px}.drawer-side{padding:20px}.drawer-top{padding:17px}.auth-screen{grid-template-columns:1fr;min-height:100vh}.auth-side{display:none}.auth-form-side{min-height:100vh;padding:35px 25px}.auth-form-wrap h2{font-size:42px}.auth-footer{bottom:20px}.modal{padding:22px}.form-grid{gap:12px}.team-line{padding:14px;gap:10px}.team-line .member-role{display:none}.page-title{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Checklist & scoped membership */
.subtask-entry{display:flex;align-items:center;gap:10px;min-height:38px;border-bottom:1px solid #edf0e9;font-size:11px;color:#4e604b}.subtask-entry input{accent-color:#87ad6b;width:15px;height:15px;cursor:pointer}.subtask-entry span{flex:1}.subtask-entry .subtask-done{text-decoration:line-through;color:#a4b1a1}.subtask-remove{border:0;background:transparent;color:#acb5ab;font-size:17px;padding:4px}.subtask-remove:hover{color:#b95f59}.add-subtask-form{display:flex;gap:7px;margin-top:14px}.add-subtask-form input{flex:1;min-width:0;border:1px solid #dde5da;border-radius:4px;padding:10px;font-size:10.5px;outline:none}.add-subtask-form input:focus{border-color:#9fbd8f}.add-subtask-form .btn{font-size:10px;padding:8px}.invite-project-list{max-height:150px;overflow-y:auto;background:#f8faf6;border:1px solid #e4e9e0;border-radius:5px;padding:6px 13px}.invite-project-list label{display:flex;gap:9px;align-items:center;padding:10px 0;font-size:10.5px;border-bottom:1px solid #e7eee4;letter-spacing:0;cursor:pointer}.invite-project-list label:last-child{border:0}.invite-project-list input{accent-color:#739e57}.invite-project-list small{color:#97a392}
.invite-project-list input[type="checkbox"]{width:15px;min-width:15px;height:15px;min-height:15px;margin:0;box-shadow:none;cursor:pointer}