@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#242427;background:#f7f7f5;font-synthesis:none;--ink: #18181b;--muted: #73737b;--line: #e7e7e3;--lime: #c7ff66;--purple: #7057ff;--paper: #fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;color:var(--muted)}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--ink);color:var(--lime);display:grid;place-items:center;flex:0 0 auto}.loading-screen .brand-mark{animation:pulse 1.5s infinite}@keyframes pulse{50%{transform:scale(.92);opacity:.75}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-brand{background:var(--ink);color:#fff;padding:42px 58px;position:relative;overflow:hidden;display:flex;flex-direction:column}.auth-brand:before{content:"";position:absolute;width:420px;height:420px;right:-190px;top:-180px;border-radius:50%;border:90px solid rgba(199,255,102,.08)}.auth-copy{margin:auto 0 48px;max-width:650px;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#888891}.auth-copy .eyebrow{color:var(--lime)}.auth-copy h1{font-family:Manrope,sans-serif;font-size:clamp(48px,6vw,84px);line-height:.98;margin:20px 0 24px;letter-spacing:-.055em}.auth-copy h1 em{font-style:normal;color:var(--lime)}.auth-copy p{color:#b5b5bb;font-size:18px;max-width:500px;line-height:1.55}.auth-preview{height:245px;background:#f5f5f1;border-radius:22px 22px 0 0;transform:perspective(900px) rotateX(4deg) rotate(-1.5deg);transform-origin:bottom;box-shadow:0 30px 80px #0009;overflow:hidden}.preview-bar{height:38px;background:#fff;border-bottom:1px solid #e6e6e2;display:flex;gap:6px;align-items:center;padding:0 15px}.preview-bar i{width:8px;height:8px;background:#ddd;border-radius:50%}.preview-body{display:grid;grid-template-columns:130px 1fr;height:100%}.preview-nav{background:#222226}.preview-cols{padding:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-col{background:#eaeae6;border-radius:8px;padding:8px}.preview-card{height:48px;border-radius:6px;background:#fff;margin-bottom:8px;box-shadow:0 1px 3px #0000000d}.auth-panel{display:grid;place-items:center;padding:40px;background:#fafaf8}.auth-form-wrap{width:min(420px,100%)}.mobile-brand{display:none}.auth-form-wrap h2{font:800 34px/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 10px}.auth-form-wrap>p{color:var(--muted);line-height:1.55;margin-bottom:32px}label{display:grid;gap:8px;font-size:13px;font-weight:600;margin-bottom:18px}input,textarea,select{border:1px solid #dcdcd7;background:#fff;border-radius:10px;padding:12px 13px;outline:none;transition:.18s}input:focus,textarea:focus,select:focus{border-color:#8f7dff;box-shadow:0 0 0 3px #7057ff19}.primary-button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:11px 16px;font-weight:600;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.auth-form-wrap .primary-button{width:100%;min-height:46px}.text-button,.demo-button{width:100%;border:0;background:transparent;padding:15px;cursor:pointer;color:#5d48ea;font-weight:600}.demo-button{margin-top:10px;border:1px solid #dddcd7;color:var(--ink);border-radius:10px;display:flex;gap:8px;justify-content:center}.auth-form-wrap small{display:block;color:#a1a1a8;text-align:center;margin-top:24px;line-height:1.5}.form-message{background:#f1f0ff;color:#5d48ea;padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:14px}.center-card{width:min(470px,calc(100% - 32px));margin:12vh auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 20px 60px #1b1b1f12}.center-card h1{font:800 30px Manrope,sans-serif;margin-bottom:8px}.center-card p{color:var(--muted);line-height:1.55}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--ink);color:#f8f8f8;padding:20px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:250px;z-index:20}.brand{display:flex;align-items:center;gap:11px;font:700 17px Manrope,sans-serif;padding:0 7px 20px}.brand .brand-mark{width:31px;height:31px;border-radius:9px;background:#29292e}.sidebar-close{display:none}.workspace-switch{border:1px solid #343439;background:#232327;color:#fff;border-radius:11px;padding:10px;display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer}.workspace-switch>span:nth-child(2){display:grid;flex:1}.workspace-switch strong{font-size:13px}.workspace-switch small{color:#8d8d95;font-size:11px;margin-top:2px}.workspace-menu-wrap{position:relative}.workspace-switch svg{transition:transform .18s ease}.workspace-switch .chevron-open{transform:rotate(180deg)}.workspace-menu{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 7px);background:#29292e;border:1px solid #3a3a40;border-radius:10px;padding:6px;box-shadow:0 16px 35px #0005}.workspace-menu button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#d0d0d5;border-radius:7px;padding:9px;cursor:pointer;font-size:12px;text-align:left}.workspace-menu button:hover{background:#35353b;color:#fff}.workspace-avatar{width:31px;height:31px;display:grid;place-items:center;background:var(--lime);color:var(--ink);border-radius:8px;font-size:11px;font-weight:800}.main-nav{margin:23px 0 14px;display:grid;gap:3px}.main-nav button,.sidebar-bottom button,.project-link{text-decoration:none;color:#aaaab2;background:transparent;border:0;border-radius:8px;display:flex;align-items:center;gap:11px;padding:10px 11px;font-size:13px;cursor:pointer;width:100%;text-align:left}.main-nav svg,.sidebar-bottom svg{width:17px}.main-nav button:hover,.main-nav button.active,.sidebar-bottom button:hover,.sidebar-bottom button.active{color:#fff;background:#29292e}.main-nav span{margin-left:auto;color:#74747d;font-size:11px}.nav-section{border-top:1px solid #2a2a2f;padding-top:15px}.nav-heading{display:flex;align-items:center;justify-content:space-between;padding:0 9px 7px;color:#696971;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.12em}.nav-heading button,.sidebar-close{border:0;background:transparent;color:inherit;cursor:pointer;padding:4px}.project-link{color:#aaaab2;white-space:nowrap;overflow:hidden}.project-link.active{background:#29292e;color:#fff}.project-link i{width:8px;height:8px;border-radius:3px;flex:0 0 auto}.sidebar-bottom{margin-top:auto;border-top:1px solid #2a2a2f;padding-top:12px}.workspace-main{grid-column:2;min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);background:#fafaf8e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:0 34px;position:sticky;top:0;z-index:10}.search-box{width:min(440px,50vw);position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:12px;color:#9999a0}.search-box input{width:100%;padding:10px 54px 10px 38px;background:#f0f0ed;border:1px solid transparent}.search-box kbd{position:absolute;right:10px;color:#9999a0;border:1px solid #d9d9d5;background:#fafaf8;border-radius:5px;padding:2px 6px;font-size:10px}.top-actions{position:absolute;right:34px;display:flex;align-items:center;gap:13px}.icon-button{border:0;background:transparent;position:relative;padding:8px;cursor:pointer}.icon-button i{position:absolute;width:6px;height:6px;background:#ff6b57;border-radius:50%;right:6px;top:6px;border:1px solid white}.avatar{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:#edeaff;color:#5d48ea;font-size:11px;font-weight:700;border:2px solid white}.avatar:nth-child(2n){background:#e3f6ed;color:#168158}.avatar:nth-child(3n){background:#fff0e7;color:#c56237}.avatar-small{width:28px;height:28px;font-size:9px}.member-stack{display:flex}.member-stack .avatar{margin-left:-8px}.member-stack .avatar:first-child{margin-left:0}.user-avatar{border:0;cursor:pointer;background:var(--ink);color:#fff}.menu-button{display:none;border:0;background:transparent}.content{padding:34px 34px 0;min-height:calc(100vh - 68px);overflow:hidden}.page-title-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;max-width:1700px}.page-title-row h1{font:800 30px/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:8px 0 5px;display:flex;align-items:center;gap:12px}.page-title-row h1 i{width:13px;height:28px;border-radius:4px}.page-title-row p{color:var(--muted);margin:0;font-size:13px}.title-actions{display:flex;gap:9px}.secondary-button{border:1px solid #deded9;background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13px}.view-tabs{margin-top:28px;height:49px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:6px}.view-tabs button{height:49px;border:0;border-bottom:2px solid transparent;background:transparent;display:flex;align-items:center;gap:7px;padding:0 12px;color:#85858d;cursor:pointer;font-size:13px}.view-tabs button.active{color:var(--ink);border-color:var(--ink);font-weight:600}.view-tabs>span{flex:1}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:15px;align-items:start;padding:25px 0 55px;overflow-x:auto;min-height:560px}.board-column{background:#eeeeeb;border-radius:13px;padding:11px;min-height:185px}.board-column>header{display:flex;align-items:center;gap:8px;height:36px;padding:0 3px 8px}.column-color{width:8px;height:8px;border-radius:50%}.board-column h3{font-size:13px;margin:0}.board-column b{color:#96969e;font-size:11px;background:#e3e3df;padding:2px 6px;border-radius:12px}.board-column header button,.task-card button{margin-left:auto;border:0;background:transparent;color:#a0a0a7;padding:2px;cursor:pointer}.cards{display:grid;gap:9px}.task-card{background:#fff;border:1px solid #e5e5e0;border-radius:10px;padding:13px;box-shadow:0 1px 2px #00000006;cursor:grab;transition:.18s}.task-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px #1f1f2712;border-color:#d7d7d2}.card-top{display:flex;align-items:center;height:17px}.priority-dot{width:7px;height:7px;border-radius:50%;background:#9ca3af}.priority-dot.medium{background:#eab308}.priority-dot.high{background:#f97316}.priority-dot.urgent{background:#ef4444;box-shadow:0 0 0 3px #ef444418}.task-card h4{font-size:13.5px;line-height:1.4;margin:7px 0 8px}.task-card p{color:#85858d;font-size:11.5px;line-height:1.45;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;min-height:28px}.due{margin-left:auto;display:flex;align-items:center;gap:5px;color:#8b8b93;font-size:10px}.add-card{border:0;background:transparent;color:#888890;padding:8px 5px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px}.quick-card{background:#fff;padding:10px;border-radius:10px;border:1px solid #d9d9d4}.quick-card textarea{resize:none;width:100%;border:0;padding:4px;min-height:64px;box-shadow:none}.quick-card>div{display:flex;justify-content:flex-end;gap:6px}.quick-card button{font-size:11px;padding:7px 9px;border:0;background:transparent;cursor:pointer}.quick-card .primary-button{background:var(--ink)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:28px 0 15px}.metric-grid article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.metric-grid span{display:block;color:var(--muted);font-size:12px}.metric-grid strong{display:block;font:800 32px Manrope,sans-serif;margin:8px 0 2px}.metric-grid small,.panel small{color:var(--muted)}.dashboard-grid,.settings-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:15px;padding-bottom:40px}.panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel h2{font:700 19px Manrope,sans-serif;margin:5px 0 14px}.simple-list,.project-progress,.member-list,.notification-list{display:grid;gap:7px}.simple-list button,.notification-list button{border:0;background:#f7f7f4;border-radius:10px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;text-align:left;cursor:pointer}.simple-list button:hover,.notification-list button:hover{background:#f1f0ed}.simple-list span:nth-child(2),.notification-list span:nth-child(2){display:grid;gap:3px}.simple-list time{color:var(--muted);font-size:11px}.project-progress button{border:0;background:transparent;display:grid;grid-template-columns:1fr auto;gap:8px 15px;padding:8px 0;cursor:pointer;text-align:left}.project-progress button>span{display:flex;align-items:center;gap:8px}.project-progress button>span i{width:8px;height:8px;border-radius:3px}.project-progress button b{font-size:12px}.project-progress button em{grid-column:1 / -1;height:5px;background:#ecece8;border-radius:9px;overflow:hidden}.project-progress button em i{display:block;height:100%;border-radius:inherit}.data-list{margin:24px 0 45px;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.data-list-head,.data-list>button{display:grid;grid-template-columns:minmax(240px,2fr) minmax(120px,1fr) minmax(110px,.7fr) minmax(100px,.7fr);gap:12px;align-items:center;padding:12px 16px}.data-list-head{background:#f2f2ef;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.data-list>button{width:100%;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;cursor:pointer;color:#55555d}.data-list>button:hover{background:#fafaf8}.data-list>button span:first-child{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:600}.timeline{position:relative;display:grid;gap:0;padding:26px 0 50px;max-width:820px}.timeline-line{position:absolute;left:87px;top:30px;bottom:54px;width:1px;background:#deded9}.timeline button{border:0;background:transparent;display:grid;grid-template-columns:70px 12px 1fr;gap:12px;align-items:center;text-align:left;padding:10px 0;cursor:pointer}.timeline time{color:var(--muted);font-size:11px;text-align:right}.timeline button>i{width:10px;height:10px;border-radius:50%;z-index:1;box-shadow:0 0 0 4px #f7f7f5}.timeline button>span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:3px}.calendar-list{display:grid;gap:10px;max-width:940px;margin:28px 0 50px}.calendar-list>button{display:grid;grid-template-columns:58px 5px 1fr auto;gap:16px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px;text-align:left;cursor:pointer}.calendar-list time{display:grid;justify-items:center;text-transform:uppercase}.calendar-list time strong{font:800 24px Manrope,sans-serif}.calendar-list time span{color:var(--muted);font-size:10px}.calendar-list>button>i{height:42px;border-radius:6px}.calendar-list>button>span{display:grid;gap:4px}.calendar-list>button>b{color:var(--muted);font-size:11px}.notification-list{max-width:880px;margin:28px 0 50px}.notification-list button{background:#fff;border:1px solid var(--line);padding:15px}.notification-list button>svg{color:#c6c6c0}.settings-grid{margin-top:28px}.member-list>div{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--line)}.member-list>div>span{display:grid;gap:2px}.panel dl{margin:0}.panel dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:11px 0}.panel dt{color:var(--muted)}.panel dd{margin:0;font-weight:600}.empty-state{color:var(--muted);text-align:center;padding:28px 15px;margin:0}.drawer-layer,.modal-layer{position:fixed;inset:0;z-index:50;background:#18181b4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end}.task-drawer{width:min(570px,100%);background:#fff;height:100%;padding:25px 28px;box-shadow:-20px 0 70px #0002;animation:slideIn .2s ease-out;overflow:auto}@keyframes slideIn{0%{transform:translate(30px);opacity:0}}.task-drawer header,.modal header{display:flex;align-items:center;justify-content:space-between}.task-drawer header button,.modal header button{border:0;background:transparent;cursor:pointer}.status-pill{background:#eef9f3;color:#25815e;border-radius:20px;padding:6px 9px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.title-input{font:700 25px/1.3 Manrope,sans-serif;border:0;width:100%;padding:14px 0;border-radius:0}.title-input:focus{box-shadow:none}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:8px}.description-label textarea{min-height:180px;resize:vertical}.drawer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.danger-link{border:0;background:transparent;color:#d84949;cursor:pointer;font-size:12px}.modal-layer{justify-content:center;align-items:center}.modal{background:#fff;border-radius:16px;padding:25px;width:min(470px,calc(100% - 30px));box-shadow:0 24px 80px #0003}.modal h3{margin:5px 0 0;font:700 23px Manrope,sans-serif}.modal>p{color:var(--muted);font-size:13px;line-height:1.5;margin:20px 0}.modal .primary-button{width:100%}.toast{position:fixed;right:24px;bottom:24px;z-index:80;background:var(--ink);color:#fff;border-radius:10px;padding:11px 15px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 40px #0004;font-size:13px}.mobile-overlay{display:none}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:65px}.app-shell{grid-template-columns:1fr}.sidebar{transform:translate(-100%);transition:.2s;box-shadow:20px 0 60px #0004}.sidebar-open{transform:translate(0)}.sidebar-close{display:block;margin-left:auto}.mobile-overlay{display:block;position:fixed;inset:0;z-index:19;border:0;background:#0005}.workspace-main{grid-column:1}.menu-button{display:block;position:absolute;left:20px;cursor:pointer}.topbar{padding:0 20px}.top-actions{right:18px}.member-stack{display:none}.search-box{width:min(440px,calc(100vw - 180px))}.content{padding:24px 20px 0}.metric-grid,.dashboard-grid,.settings-grid{grid-template-columns:1fr}.data-list{overflow-x:auto}.data-list-head,.data-list>button{min-width:700px}}@media(max-width:620px){.auth-panel{padding:25px}.mobile-brand{margin-bottom:45px}.topbar{justify-content:flex-start;padding-left:60px}.search-box{width:calc(100vw - 150px)}.search-box kbd,.icon-button{display:none}.page-title-row{align-items:flex-start}.page-title-row h1{font-size:25px}.page-title-row p,.title-actions .secondary-button{display:none}.view-tabs button:nth-child(3),.view-tabs button:last-child{display:none}.board{grid-auto-columns:84vw}.drawer-grid{grid-template-columns:1fr}}