@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#202033;font-synthesis:none;--ink:#202033;--muted:#717188;--border:#e5e6ef;--purple:#6957db;background:#f7f8fc;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #6957db35}.app-shell{background:radial-gradient(circle at 88% 4%,#7a67e312,#0000 23rem),#f7f8fc;min-height:100vh}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fffffff0;align-items:center;height:68px;display:flex;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:25px;width:min(1180px,100% - 40px);margin:auto;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:11px;font:800 20px/1 Manrope;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#806ce8,#5945cd);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 18px #604bcd3d}.tabs{align-self:stretch;gap:4px;display:flex}.tabs button{color:#777689;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:700;display:flex}.tabs button.active{color:#5d4ad0;border-color:#6957db}.live-indicator{color:#6d6c7f;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.live-indicator i{background:#2ab879;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2ab8791f}.page{width:min(1180px,100% - 40px);margin:auto;padding:46px 0 72px}.intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow,.section-kicker{color:#6957d8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:11px;font-weight:800}.eyebrow{align-items:center;gap:6px;display:flex}h1,h2,h3{color:var(--ink);font-family:Manrope}h1{letter-spacing:-1.7px;margin:0;font-size:clamp(31px,4vw,44px);line-height:1.12}.intro-copy{color:var(--muted);margin:11px 0 0;font-size:16px}.date-chip{border:1px solid var(--border);color:#676678;white-space:nowrap;background:#fff;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:600}.panel{border:1px solid var(--border);background:#fff;border-radius:17px;box-shadow:0 8px 28px #2925430b}.summary-grid{grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:24px;display:grid}.summary-card,.work-card{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex;box-shadow:0 5px 18px #29254309}.summary-icon,.work-card>span{border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.violet .summary-icon,.summary-icon.violet,.work-card.violet>span{color:#6b56da;background:#efedff}.summary-icon.blue{color:#3479c9;background:#eaf3ff}.summary-icon.amber,.work-card.amber>span{color:#c27a15;background:#fff3dd}.summary-icon.green,.work-card.green>span{color:#21885e;background:#e7f8f0}.summary-icon.red,.work-card.red>span{color:#d44e56;background:#ffeded}.summary-card strong,.work-card strong{font:800 24px/1.1 Manrope;display:block}.summary-card p,.work-card p{color:#858496;margin:4px 0 0;font-size:11px}.value-skeleton{background:linear-gradient(90deg,#eeeef3 25%,#f7f7fa 50%,#eeeef3 75%) 0 0/200% 100%;border-radius:5px;width:30px;height:25px;animation:1.3s infinite shimmer;display:block}.workspace-grid{grid-template-columns:minmax(0,1.85fr) minmax(300px,.82fr);align-items:start;gap:24px;display:grid}.tasks-panel,.work-list{min-height:480px;padding:24px}.panel-heading h2{letter-spacing:-.5px;margin:0;font-size:22px}.panel-heading>p:last-child{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.heading-row{justify-content:space-between;align-items:center;display:flex}.task-count{color:#777689;background:#f3f3f7;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.filter-bar{border-bottom:1px solid #eeeef3;align-items:end;gap:10px;margin-top:10px;padding:18px 0 17px;display:flex}.filter-bar label{gap:5px;display:grid}.filter-bar label>span{color:#9290a0;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700}select{color:#4e4d61;background:#fafafd;border:1px solid #dedee8;border-radius:8px;min-height:37px;padding:0 32px 0 11px;font-size:12px;font-weight:600}.text-button{color:#6957d8;background:0 0;border:0;margin:0 0 9px;font-size:11px;font-weight:700}.task-list{display:grid}.task-card{text-align:left;width:100%;color:inherit;background:#fff;border:0;border-bottom:1px solid #eeeef3;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:13px;padding:19px 3px;transition:background .16s;display:grid;position:relative}.task-card:last-child{border-bottom:0}.task-card:hover{background:#fcfcfe}.status-dot{border:2px solid #8b8b9d;border-radius:50%;width:9px;height:9px;margin-top:7px}.status-dot.in_progress{background:#fff1d4;border-color:#de921e}.status-dot.done{background:#2da476;border-color:#2da476}.task-main{min-width:0}.task-title-row{align-items:center;gap:10px;display:flex}.task-title-row h3{overflow-wrap:anywhere;min-width:0;margin:0;font-size:14px;line-height:1.45}.is-done h3{color:#777687;text-decoration:line-through}.priority-badge{text-transform:uppercase;letter-spacing:.045em;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.priority-badge i{border-radius:50%;width:5px;height:5px}.priority-badge.high{color:#bd4650;background:#ffeded}.priority-badge.high i{background:#d9545d}.priority-badge.medium{color:#a36d14;background:#fff3dd}.priority-badge.medium i{background:#d58c18}.priority-badge.low{color:#377a68;background:#eaf7f2}.priority-badge.low i{background:#399576}.task-description{color:#767587;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:12px;line-height:1.5;display:block;overflow:hidden}.task-meta{align-items:center;gap:13px;margin-top:9px;display:flex}.assignee-chip,.unassigned,.due-chip{color:#777689;align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.avatar{color:#fff;background:linear-gradient(145deg,#8d7ce9,#6551d5);border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;font-weight:800;display:inline-grid}.due-chip.overdue{color:#d44e56}.due-chip.today{color:#bd7611}.open-hint{color:#8170dd;opacity:0;align-self:center;font-size:10px;font-weight:700}.task-card:hover .open-hint{opacity:1;opacity:1}.create-panel{padding:27px;position:sticky;top:92px;overflow:hidden}.form-accent{color:#8877e8;background:#f2f0ff;border-radius:50%;justify-content:center;width:74px;height:74px;padding:24px 24px 0 0;display:flex;position:absolute;top:-13px;right:-13px}.create-panel form,.drawer-fields{gap:16px;margin-top:24px;display:grid}.field{gap:7px;display:grid}.field>span{color:#4d4c5e;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.field b{color:#d34b56;text-transform:uppercase;font-size:9px}.field input,.field textarea,.field select{color:#343346;background:#fafafd;border:1px solid #dedee8;border-radius:9px;width:100%;font-size:12px}.field input{height:42px;padding:0 12px}.field textarea{resize:vertical;min-height:88px;padding:11px 12px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8878e3;outline:0;box-shadow:0 0 0 3px #6957db14}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary-button{color:#fff;background:linear-gradient(135deg,#7562df,#5a46cc);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 8px 17px #5b46cc33}.form-error{color:#b5414a;align-items:center;gap:6px;margin:-4px 0;font-size:11px;display:flex}.member-bar{justify-content:space-between;align-items:center;margin-bottom:18px;padding:18px 22px;display:flex}.member-bar>div{align-items:center;gap:14px;display:flex}.member-bar .section-kicker{margin:0}.member-bar select{min-width:190px}.member-email{color:#9290a0;font-size:12px}.work-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.work-card.red{border-color:#f3d6d8}.work-card.amber{border-color:#f1dfbf}.work-card.green{border-color:#cfebdf}.error-banner{color:#8b3039;background:#fff4f4;border:1px solid #f1c9cc;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;margin-bottom:18px;padding:13px 14px;display:grid}.error-icon{background:#ffe4e6;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.error-banner strong{font-size:12px}.error-banner p{color:#a54b53;margin:2px 0 0;font-size:11px}.error-banner button,.inline-error button{color:#943741;background:#fff;border:1px solid #e8b9bd;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;font-weight:700;display:flex}.error-banner .dismiss{background:0 0;border:0;padding:5px}.loading-state{color:#6957d8;justify-content:center;align-items:center;gap:13px;min-height:220px;display:flex}.loading-state strong{color:#4b4a5c;font-size:13px}.loading-state p{color:#9998a7;margin:3px 0 0;font-size:11px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:30px;display:flex}.empty-icon{color:#7361dd;background:#f0eeff;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.empty-state h3{margin:14px 0 4px;font-size:15px}.empty-state p{color:#888797;max-width:310px;margin:0;font-size:12px;line-height:1.5}.spinner{animation:1s linear infinite spin}.drawer-layer{z-index:50;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e193c66;border:0;width:100%;position:absolute;inset:0}.drawer{background:#f9f9fc;width:min(590px,100%);height:100%;animation:.22s ease-out slide;position:absolute;top:0;right:0;overflow:auto;box-shadow:-18px 0 45px #28224025}.drawer-header{border-bottom:1px solid var(--border);z-index:2;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 25px;display:flex;position:sticky;top:0}.drawer-header .section-kicker{margin-bottom:3px}.drawer-header h2{margin:0;font-size:20px}.icon-button{border:1px solid var(--border);color:#6e6c80;background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.drawer-body{padding:24px}.drawer-fields{border:1px solid var(--border);background:#fff;border-radius:14px;margin:0;padding:22px}.saving{color:#7562df;align-items:center;gap:5px;font-size:10px;display:flex}.inline-error{color:#a83f48;background:#fff0f1;border-radius:9px;align-items:center;gap:8px;margin-bottom:12px;padding:10px;font-size:11px;display:flex}.inline-error span{flex:1}.timeline-section{margin-top:25px}.timeline-heading{justify-content:space-between;align-items:center;display:flex}.timeline-heading h3{margin:0;font-size:18px}.timeline{margin:16px 0 20px}.timeline-item{grid-template-columns:30px 1fr;gap:10px;padding:0 0 18px;display:grid;position:relative}.timeline-item:before{content:"";background:#e1e0ea;width:1px;position:absolute;top:26px;bottom:2px;left:11px}.timeline-item:last-child:before{display:none}.timeline-avatar{z-index:1;color:#6b56da;background:#efedff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.timeline-item p{justify-content:space-between;gap:10px;margin:2px 0 4px;font-size:11px;display:flex}.timeline-item time{color:#a3a1af;font-weight:400}.timeline-item>div>span{color:#686779;font-size:12px;line-height:1.5;display:block}.timeline-item.activity>div>span{color:#878595}.timeline-section .empty-state{min-height:180px}.comment-form{border:1px solid var(--border);background:#fff;border-radius:12px;padding:16px}.comment-form textarea{resize:vertical;color:#343346;border:0;outline:0;width:100%;min-height:80px;padding:10px}.comment-form>div{border-top:1px solid #eeeef3;justify-content:space-between;gap:10px;padding-top:11px;display:flex}.comment-form .primary-button{min-height:36px;padding:0 14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes slide{0%{transform:translate(100%)}}@media (width<=900px){.workspace-grid{grid-template-columns:1fr}.create-panel{grid-row:1;position:static}.summary-grid{grid-template-columns:repeat(3,1fr)}.work-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.page,.header-inner{width:min(100% - 28px,1180px)}.page{padding-top:32px}.live-indicator,.date-chip{display:none}.header-inner{gap:10px}.tabs{margin-left:auto}.tabs button{padding:0 9px}.intro{align-items:start}.summary-grid{grid-template-columns:repeat(2,1fr)}.tasks-panel,.create-panel,.work-list{padding:19px}.filter-bar{flex-wrap:wrap}.filter-bar label{flex:1;min-width:130px}.filter-bar select{width:100%}.task-card{grid-template-columns:10px minmax(0,1fr)}.open-hint{display:none}.task-meta{flex-wrap:wrap}.member-bar,.member-bar>div{flex-direction:column;align-items:flex-start}.member-email{display:none}.drawer-body{padding:16px}.form-row{grid-template-columns:1fr}.comment-form>div{flex-direction:column;align-items:stretch}.comment-form select{width:100%}}@media (width<=390px){.brand>span+*{display:none}.summary-grid,.work-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}