:root{--ink:#222035;--muted:#8b89a0;--purple:#7956da;--purple2:#a38be9;--purple-tint:#f0ebff;--stroke:#ebeaf3;--bg:#f8f8fc;--sidebar:#171429;--shadow:0 16px 50px #2923490c;--ease:cubic-bezier(.21,.8,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f6fb;color:var(--ink);font:500 14px/1.5 'DM Sans',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a990fa;outline-offset:3px}svg.icon{width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}svg.icon.mini{width:14px;height:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.sidebar{background:linear-gradient(155deg,#1d1932,#151325 58%,#151224);color:#d5d0e8;padding:27px 17px 21px;display:flex;flex-direction:column;gap:0;position:sticky;top:0;height:100vh;isolation:isolate}.sidebar:before{content:'';position:absolute;top:0;right:0;width:90%;height:42%;background:radial-gradient(ellipse at 90% 5%,#6d4caf1b,transparent 70%);pointer-events:none;z-index:-1}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:1px 10px 29px}.brand-mark{height:43px;width:43px;border-radius:14px;background:linear-gradient(135deg,#ac8cff,#7656da);box-shadow:0 10px 26px #7856d548;display:grid;place-items:center;color:white;font:800 32px/1 'Manrope',sans-serif;position:relative;letter-spacing:-4px}.brand-mark b{font-size:24px;position:absolute;right:7px;bottom:2px;color:#e9ddff}.brand-text strong{font:800 25px/.9 'Manrope',sans-serif;color:#fff;letter-spacing:-1.7px;display:block}.brand-text strong span{color:#bca4ff}.brand-text small{font-size:8px;letter-spacing:1.9px;color:#8e86a9;font-weight:800;display:block;margin-top:7px}.workspace-pill{display:flex;align-items:center;gap:9px;background:#ffffff0a;border:1px solid #ffffff11;padding:10px 11px;border-radius:14px;margin-bottom:34px}.workspace-orb{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#5c4497,#392956);color:#dbc9ff;font-weight:800}.workspace-pill-copy{flex:1;min-width:0;line-height:1.25}.workspace-pill-copy b{display:block;font-size:11px;color:#eee8ff;white-space:nowrap}.workspace-pill-copy span{font-size:10px;color:#918aa9;display:block;margin-top:5px}.workspace-pill svg{color:#8a829c}.side-label{padding:0 15px;margin-bottom:10px;font-size:10px;letter-spacing:2px;color:#716c87;font-weight:800}.side-navigation{display:grid;gap:5px}.side-link{position:relative;display:flex;align-items:center;gap:14px;width:100%;border:0;background:none;border-radius:12px;padding:14px;color:#918ba6;font-weight:700;text-align:left;transition:color .23s,background .23s}.side-link svg{width:19px;height:19px}.side-link span:nth-child(2){flex:1}.side-link:hover{background:#ffffff0b;color:#e5defc}.side-link.is-active{color:#eee6ff;background:linear-gradient(95deg,#7053c746,#9879f220);box-shadow:inset 3px 0 #b69bff}.side-link.is-active svg{color:#c0aaff}.side-shortcut,.nav-counter{font:700 10px 'Manrope',sans-serif;color:#84799d}.nav-counter{background:#a48be72e;color:#c5b1ff;border-radius:99px;min-width:20px;text-align:center;padding:3px 6px}.sidebar-spacer{flex:1;min-height:24px}.sidebar-tip{border:1px solid #a585e82c;border-radius:19px;background:radial-gradient(circle at 84% 13%,#765bba40,transparent 55%),linear-gradient(140deg,#33234d,#241d39);padding:18px;overflow:hidden}.tip-stars{display:flex;color:#c5b1ff;margin-bottom:11px}.tip-stars svg{width:22px;height:22px}.sidebar-tip b{display:block;color:#f0eaff;font:800 15px/1.45 'Manrope',sans-serif;letter-spacing:-.5px}.sidebar-tip p{font-size:11px;color:#a9a0c3;margin:9px 0 13px;line-height:1.65}.tip-link{padding:0;color:#d2c1ff;border:0;background:none;font-size:11px;font-weight:800;display:flex;align-items:center;gap:12px}.tip-link:hover span{transform:translate(4px,-3px)}.tip-link span{transition:transform .2s}.sidebar-footer{margin-top:17px;border-top:1px solid #ffffff15;padding:19px 5px 0;display:flex;align-items:center;gap:8px}.sidebar-user{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.sidebar-user b{color:#e9e4f4;font-size:12px;display:block}.sidebar-user small{display:block;font-size:10px;color:#817a93}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;font:800 11px 'Manrope',sans-serif;letter-spacing:-.3px}.avatar-self,.avatar-top{width:37px;height:37px;background:linear-gradient(135deg,#a189f5,#5d42b2);color:white}.avatar-top{width:33px;height:33px}.side-settings{color:#a8a1bc}.main-shell{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:78px;border-bottom:1px solid #eeedf5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(25px,3.1vw,59px);background:#fff9;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.breadcrumb{display:flex;gap:13px;align-items:center;color:#9694a7;font-size:12px}.breadcrumb b{color:#383447}.breadcrumb svg{color:#b0adbf}.topbar-actions{display:flex;align-items:center;gap:16px}.data-mode{font:800 9px 'Manrope',sans-serif;letter-spacing:1.2px;color:#7d749b;white-space:nowrap}.data-mode span{display:inline-block;background:#7cbfaa;width:6px;height:6px;border-radius:50%;vertical-align:2px;margin-right:6px;box-shadow:0 0 0 3px #7cbfaa1e}.search-trigger{display:flex;align-items:center;gap:10px;border:1px solid #edebf4;background:#fff;color:#8b8999;padding:9px 12px;border-radius:11px;min-width:210px;text-align:left;font-size:12px}.search-trigger svg{width:16px;height:16px}.search-trigger span{flex:1}.search-trigger kbd,.search-field kbd{font:800 10px 'Manrope',sans-serif;color:#a4a0b2;background:#f6f5fb;padding:3px 6px;border:1px solid #eceaf4;border-radius:5px}.search-trigger:hover{border-color:#d3c6f7;background:#fbfaff}.icon-button{display:grid;place-items:center;background:transparent;border:0;border-radius:10px;width:36px;height:36px;color:#837c95;transition:background .2s,color .2s}.icon-button:hover{background:#f0edfa;color:#7756d2}#main-content{flex:1;width:100%;min-width:0;padding:0 clamp(25px,3.1vw,59px) 38px}.page{display:none;max-width:1620px;margin:0 auto;animation:page-in .38s var(--ease) both}.page.is-visible{display:block}@keyframes page-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.welcome-block,.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:46px 0 32px}.eyebrow{font:800 10px 'Manrope',sans-serif;letter-spacing:2px;color:#9586c2;margin:0 0 14px;display:flex;gap:9px;align-items:center}.eyebrow-dot{height:6px;width:6px;background:#a389f0;border-radius:50%;box-shadow:0 0 0 4px #b99ef020}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(27px,2.3vw,39px);line-height:1.2;letter-spacing:-1.9px;font-weight:800;margin:0 0 10px}h1 span:not(.heading-dot){color:var(--purple)}.heading-dot{color:var(--purple)}.page-subtitle{color:#908d9e;font-size:13px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:11px 16px;border:1px solid transparent;font-weight:800;font-size:12px;line-height:1.2;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .22s var(--ease),border-color .2s}.button svg{width:17px;height:17px}.button-primary{background:linear-gradient(130deg,#8f6bea,#704cd0);color:#fff;box-shadow:0 10px 24px #8160dd25}.button-primary:hover{background:linear-gradient(130deg,#9f7cfa,#7654df);box-shadow:0 13px 28px #8160dd3d;transform:translateY(-2px)}.button-secondary{background:#fff;color:#5e5871;border-color:#eae8f1}.button-secondary:hover{border-color:#c9bef0;background:#fdfcff}.button-light{color:#625b75;background:#f1eff7;border:1px solid #eae7f2}.button-light:hover{background:#e7e1f7}.button-danger{color:#bf5271;background:#fff1f4;border:1px solid #f9dce5}.button-danger:hover{color:#a9395c;background:#ffe7ee}.spotlight{min-height:250px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 88% 55%,#ac8eff55,transparent 39%),linear-gradient(118deg,#26203d 4%,#45316e 66%,#6d4fc2);color:#fff;display:grid;grid-template-columns:1fr .78fr;position:relative;isolation:isolate;box-shadow:0 22px 40px #4f3a8420}.spotlight:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:48px 48px;opacity:.44;mask-image:linear-gradient(90deg,transparent 22%,#000 100%);pointer-events:none}.spotlight-copy{padding:30px 37px 31px;position:relative;z-index:2}.spotlight-kicker{font-size:9px;letter-spacing:1.6px;color:#c3b0ff;display:flex;align-items:center;gap:7px;font-weight:800}.spotlight-kicker svg{width:14px}.spotlight h2{font-size:clamp(22px,2.3vw,36px);line-height:1.17;letter-spacing:-1.6px;margin:13px 0 11px}.spotlight h2 span{color:#c6b3ff}.spotlight p{font-size:11px;color:#b9b0d3;line-height:1.65;max-width:370px;margin-bottom:17px}.spotlight-button{background:none;border:0;display:flex;align-items:center;gap:12px;color:#e5dcff;font-weight:800;font-size:11px;padding:0}.spotlight-button svg{transition:transform .3s;width:15px}.spotlight-button:hover svg{transform:translateX(5px)}.spotlight-art{position:relative;perspective:700px;min-height:240px}.art-glow{position:absolute;inset:5%;background:radial-gradient(ellipse,#a18cff4f,transparent 70%);filter:blur(30px)}.art-card{position:absolute;width:235px;height:160px;border-radius:17px;box-shadow:0 20px 50px #18132f50}.art-card-back{top:37px;right:105px;transform:rotate(-14deg) translateZ(-50px);background:#cec3fd70;border:1px solid #ffffff35;backdrop-filter:blur(10px);padding:28px 20px;display:grid;align-content:start;gap:12px}.art-card-back i{display:block;width:65%;height:8px;border-radius:5px;background:#fff4}.art-card-back i:nth-child(2){width:85%}.art-card-back i:nth-child(3){width:49%}.art-card-front{top:55px;right:46px;transform:rotate(8deg);background:linear-gradient(160deg,#ffffff,#f6f1ff);padding:17px;color:#413857;animation:art-float 7s ease-in-out infinite}.art-card-status{display:flex;align-items:center;gap:7px;font-size:10px}.art-card-status span{height:7px;width:7px;background:#9c7ef0;border-radius:50%}.art-card-status small{color:#aba0be;margin-left:auto}.art-card-lines{display:grid;gap:8px;margin:22px 0}.art-card-lines i{height:6px;border-radius:4px;background:#e7e1f3;width:80%}.art-card-lines i:nth-child(2){width:95%}.art-card-lines i:nth-child(3){width:52%}.art-card-bottom{display:flex;justify-content:space-between;font-size:9px;color:#958bb0}.art-card-bottom strong{color:#795bd0}.art-progress{height:5px;border-radius:5px;background:#eae4f7;margin-top:8px}.art-progress span{display:block;width:75%;height:100%;border-radius:inherit;background:#9575e6}.art-star{position:absolute;color:#d6c8ff;font-size:28px}.star-one{top:29px;right:50px;animation:star-twinkle 5s ease-in-out infinite}.star-two{bottom:36px;right:260px;font-size:18px;animation:star-twinkle 4s ease-in-out infinite reverse}@keyframes art-float{50%{transform:translateY(-8px) rotate(8deg)}}@keyframes star-twinkle{50%{opacity:.38;transform:rotate(24deg) scale(.8)}}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:25px}.stat-card{background:#fff;border:1px solid #f0eef6;border-radius:17px;padding:21px 22px 17px;box-shadow:0 12px 35px #2c1f4b06;min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#9690a6;font-size:11px;font-weight:800}.stat-icon{border-radius:11px;height:34px;width:34px;display:grid;place-items:center;background:#f3eeff;color:#886adb}.stat-icon svg{width:17px;height:17px}.stat-card:nth-child(2) .stat-icon{background:#eaf8f5;color:#58ac96}.stat-card:nth-child(3) .stat-icon{background:#fff1eb;color:#e59c69}.stat-card:nth-child(4) .stat-icon{background:#f0f3ff;color:#8899e6}.stat-number{font:800 35px/1 'Manrope',sans-serif;letter-spacing:-1.5px;margin:12px 0 8px}.stat-footer{color:#a19dac;font-size:10px}.stat-footer b{color:#7b5ad2}.overview-bottom{display:grid;grid-template-columns:1.32fr 1fr;gap:18px;margin-top:24px}.panel{background:#fff;border:1px solid #efedf6;border-radius:21px;padding:25px 26px;box-shadow:0 12px 40px #281d4b06}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-kicker{font:800 9px 'Manrope',sans-serif;letter-spacing:1.7px;color:#a58ac6}.panel-heading h2{font-size:20px;letter-spacing:-.9px;margin:6px 0 0}.text-link{display:flex;align-items:center;gap:5px;color:#8562d5;background:transparent;border:0;font-size:11px;font-weight:800}.text-link:hover{text-decoration:underline}.upcoming-list{display:grid}.upcoming-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1eff5;padding:12px 0;text-align:left;cursor:pointer;background:transparent;width:100%;border-left:0;border-right:0;border-top:0}.upcoming-item:last-child{border-bottom:0}.upcoming-icon{height:36px;width:36px;border-radius:11px;background:#f3eefb;color:#937ad7;display:grid;place-items:center}.upcoming-item strong{font-size:12px;display:block}.upcoming-item p{font-size:10px;color:#9690a6;margin:4px 0 0}.upcoming-item .upcoming-arrow{margin-left:auto;color:#c5bfd0;transition:transform .2s}.upcoming-item:hover .upcoming-arrow{transform:translateX(4px);color:#8666d2}.progress-breakdown{display:grid;gap:14px}.breakdown-row{display:grid;gap:7px}.breakdown-top{display:flex;justify-content:space-between;font-size:11px;color:#797589}.breakdown-top strong{color:#393345}.breakdown-bar{height:7px;background:#f0eef5;border-radius:99px;overflow:hidden}.breakdown-bar span{display:block;height:100%;border-radius:99px;transition:width .6s var(--ease)}.daily-note{display:flex;gap:10px;align-items:center;background:#f6f3ff;border-radius:12px;padding:13px;margin-top:19px;font-size:10px;color:#766795}.daily-note svg{color:#9b7fe0;width:17px}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:20px clamp(25px,3.1vw,59px) 28px;font-size:9px;letter-spacing:1.1px;color:#aaa6b5}.app-footer b{color:#ac91f3;padding:0 5px}
/* BOARD */
#page-board>.page-heading,#page-contacts>.page-heading,#page-my-tasks>.page-heading{padding-bottom:30px}.board-toolbar{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:16px}.search-field{min-width:290px;max-width:430px;flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eae8f2;border-radius:12px;padding:11px 14px}.search-field:focus-within{border-color:#a893e8;box-shadow:0 0 0 3px #a893e81b}.search-field svg{color:#aba4b9;width:17px}.search-field input{border:0;outline:none;min-width:0;flex:1;color:#3e374f;font-size:12px;background:none;padding:0}.search-field input::placeholder{color:#aaa4b7}.search-field kbd{white-space:nowrap}.toolbar-right{display:flex;align-items:center;gap:10px}.filter-container{position:relative}.filter-indicator{height:6px;width:6px;background:#8e69e6;border-radius:50%}.filter-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:12;min-width:230px;padding:17px;background:#fff;border:1px solid #eae5f4;border-radius:15px;box-shadow:0 22px 60px #21133520;display:grid;gap:11px}.filter-panel[hidden]{display:none}.filter-panel label{font-size:11px;font-weight:800;color:#7f7790;display:grid;gap:6px}.filter-panel select{border:1px solid #e8e5ed;border-radius:8px;padding:9px;background:#fff;font-size:11px;color:#4c435c}.filter-clear{border:0;background:#f5f1ff;color:#7758c8;padding:9px;border-radius:8px;font-weight:800;font-size:11px}.view-toggle{display:flex;gap:3px;padding:4px;border-radius:12px;border:1px solid #eae8f2;background:white}.view-toggle button{display:grid;place-items:center;border:0;background:none;border-radius:8px;padding:7px;color:#aca3b6}.view-toggle button.is-active{background:#f1edff;color:#7958d2}.view-toggle svg{width:17px;height:17px}.board-hint{font-size:11px;color:#aaa5b5;margin:0 0 17px}.board-hint span{color:#7b5cca;font-weight:800}.board-content{min-width:0}.kanban-grid{display:grid;grid-template-columns:repeat(4,minmax(245px,1fr));gap:17px;align-items:start;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d2c6ed transparent;padding:1px 1px 35px;scroll-snap-type:x proximity}.kanban-column{border-radius:18px;background:#f0eff6a8;border:1px solid #eae8f1;min-height:410px;display:flex;flex-direction:column;transition:background .22s,border-color .22s,box-shadow .22s;scroll-snap-align:start}.kanban-column.is-over{background:#e9e2fb;border-color:#a988fa;box-shadow:inset 0 0 0 2px #a988fa41}.column-head{display:flex;align-items:center;gap:10px;padding:19px 15px 14px}.column-dot{width:8px;height:8px;border-radius:50%;background:#aba5be}.kanban-column[data-status="inprogress"] .column-dot{background:#9e7aec}.kanban-column[data-status="review"] .column-dot{background:#eda972}.kanban-column[data-status="done"] .column-dot{background:#6dc5ab}.column-head h2{font-size:12px;letter-spacing:-.2px;margin:0;flex:1}.column-count{font-size:10px;font-weight:800;color:#8e879d;background:#e3e0ec;border-radius:99px;padding:4px 8px;min-width:25px;text-align:center}.column-add{display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:7px;color:#a49bac;background:transparent}.column-add:hover{background:#e0d7f4;color:#7755ce}.column-add svg{width:17px}.column-cards{display:grid;align-content:start;gap:11px;padding:0 10px 16px;flex:1}.task-card{position:relative;display:block;background:white;border:1px solid #ebe9f3;border-radius:15px;padding:16px;box-shadow:0 7px 18px #29204405;min-height:130px;cursor:grab;transition:box-shadow .23s,border-color .23s,background .23s;contain:layout style}.task-card:hover,.task-card:focus-within{box-shadow:0 18px 38px #4c327019;border-color:#cfc2f1}.task-card.is-dragging{opacity:.4}.task-card .task-open{border:0;background:none;text-align:left;padding:0;width:100%;display:block;color:inherit}.task-card .task-open:focus-visible{outline-offset:6px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.category-pill{font-size:9px;font-weight:800;letter-spacing:.2px;border-radius:6px;padding:4px 8px;background:#eeeaff;color:#785bce;white-space:nowrap}.category-pill[data-category="Development"]{background:#e9eefc;color:#6d82cf}.category-pill[data-category="Research"]{background:#e6f7f1;color:#4f9a87}.category-pill[data-category="Marketing"]{background:#fff0e6;color:#cd8a64}.category-pill[data-category="Operations"]{background:#f4eafa;color:#a16eb1}.priority-chip{font-size:9px;font-weight:800;display:flex;gap:3px;align-items:center;color:#9992a4}.priority-chip.urgent{color:#e36f83}.priority-chip.low{color:#78b29a}.priority-chip svg{height:12px;width:12px}.task-card h3{font-size:13px;letter-spacing:-.35px;line-height:1.45;margin:0 0 6px;overflow-wrap:anywhere}.task-card p{font-size:10.5px;line-height:1.58;color:#a09aaf;margin:0 0 16px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:0}.card-progress{display:flex;align-items:center;gap:8px;margin-bottom:15px}.card-progress .tiny-progress{height:5px;flex:1;background:#eeeaf6;border-radius:7px;overflow:hidden}.card-progress .tiny-progress>span{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#b49df5,#7f60d2)}.card-progress small{font-size:9px;color:#958ea8;white-space:nowrap}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:12px;border-top:1px solid #f3f1f7}.avatar-stack{display:flex;padding-left:4px}.avatar-stack .mini-avatar{margin-left:-4px;border:2px solid white}.mini-avatar{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;color:white;font-size:8px;font-weight:800;letter-spacing:.2px}.more-avatars{background:#eeeaf5;color:#8d7fa9}.card-date{display:flex;align-items:center;gap:4px;color:#a5a0b1;font-size:9px}.card-date.overdue{color:#d47b8b}.card-date svg{height:12px;width:12px}.empty-column{border:1px dashed #d8d2e5;border-radius:11px;padding:19px 10px;text-align:center;font-size:11px;color:#aaa3ba;background:#faf9fd55}.empty-column button{display:inline-block;margin-top:8px;background:none;border:0;color:#8765d2;font-weight:800;font-size:10px}.empty-state{text-align:center;padding:75px 20px;color:#918b9f;background:white;border:1px dashed #e8e4ef;border-radius:15px}.empty-state svg{color:#9575de;width:24px;height:24px}.empty-state h3{margin:12px 0 8px}.empty-state p{color:#9c95ac;max-width:440px;margin:0 auto 15px}.table-wrap{overflow-x:auto;background:white;border:1px solid #eceaf3;border-radius:17px}.task-table{width:100%;border-collapse:collapse;min-width:780px}.task-table th{text-align:left;background:#faf9fd;color:#a09aaa;font:800 10px 'Manrope',sans-serif;letter-spacing:.7px;padding:17px;border-bottom:1px solid #eeeaf5}.task-table td{border-bottom:1px solid #f1eef6;padding:13px 17px;font-size:11px;color:#696476}.task-table tr:last-child td{border-bottom:0}.table-open{color:#332c45;background:none;border:0;padding:0;font-weight:800;text-align:left}.table-open:hover{color:#825dce}
/* MY TASKS */
.my-tasks-tabs{display:flex;gap:8px;margin-bottom:23px}.my-tasks-tabs button{border:1px solid #ece9f3;background:white;color:#9a93a7;border-radius:99px;padding:9px 16px;font-size:11px;font-weight:800}.my-tasks-tabs button.is-active{background:#312548;border-color:#312548;color:white}.my-task-list{display:grid;gap:10px}.focus-task{width:100%;display:flex;align-items:center;gap:14px;background:white;border:1px solid #eceaf2;border-radius:14px;padding:17px 20px;text-align:left;color:inherit;transition:border-color .2s,box-shadow .2s}.focus-task:hover{border-color:#cebef2;box-shadow:0 11px 30px #39265d10}.focus-check{display:grid;place-items:center;border:1px solid #c8c0d5;width:23px;height:23px;border-radius:8px;color:#8c6fda}.focus-task.is-done .focus-check{background:#6dbda2;border-color:#6dbda2;color:white}.focus-task .focus-copy{flex:1;min-width:0}.focus-copy strong{display:block;font-size:12px}.focus-copy small{font-size:10px;color:#9a94a7;margin-top:4px;display:block}.focus-meta{font-size:10px;color:#908aa0}.focus-task .focus-arrow{color:#b9b0c5}.focus-task.is-done .focus-copy strong{text-decoration:line-through;color:#91899f}
/* PEOPLE */
.contacts-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#958fa1;font-size:11px}.contacts-topline span{font-weight:800;color:#655977}.contacts-topline p{margin:0}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.person-card{border:1px solid #eeebf5;border-radius:18px;padding:23px;background:white;display:grid;gap:12px;box-shadow:0 10px 30px #2d214a07;transition:border-color .25s,box-shadow .25s}.person-card:hover{border-color:#c9b8ef;box-shadow:0 18px 35px #4a2a7220}.person-top{display:flex;justify-content:space-between;align-items:start}.person-avatar{width:46px;height:46px;font-size:13px}.person-card h3{font-size:15px;letter-spacing:-.5px;margin:2px 0}.person-role{font-size:11px;color:#9a92a8}.person-email{font-size:11px;color:#8066c1;text-decoration:none;overflow-wrap:anywhere}.person-email:hover{text-decoration:underline}.person-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1eef6;padding-top:13px;margin-top:4px;font-size:10px;color:#9690a2}.person-footer .icon-button{height:28px;width:28px}
/* DRAWERS / DIALOGS */
.overlay{position:fixed;inset:0;background:#15102285;backdrop-filter:blur(6px);z-index:49;animation:fade .2s both}.overlay[hidden]{display:none}.drawer{position:fixed;top:0;right:0;height:100dvh;width:min(100%,530px);background:white;box-shadow:-20px 0 100px #1b133c30;z-index:50;display:flex;flex-direction:column;animation:drawer-enter .32s var(--ease) both}.drawer[hidden]{display:none}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes drawer-enter{from{transform:translateX(22px);opacity:.6}to{transform:translateX(0);opacity:1}}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:31px 35px 24px;border-bottom:1px solid #f1edf6}.drawer-kicker{font:800 9px 'Manrope',sans-serif;letter-spacing:1.8px;color:#a48ac9;margin:0 0 7px}.drawer-top h2,.dialog-head h2{font:800 26px 'Manrope',sans-serif;letter-spacing:-1px;margin:0}#task-form{min-height:0;flex:1;display:flex;flex-direction:column}.drawer-scroll{padding:27px 35px;flex:1;overflow-y:auto;scrollbar-color:#d9cef3 transparent;scrollbar-width:thin}.form-field{display:grid;gap:9px;color:#5a536c;font-size:11px;font-weight:800;margin-bottom:20px}.form-field span{color:#d87795}.form-field input,.form-field textarea,.form-field select,.subtask-input-row input{width:100%;border:1px solid #e9e5ef;border-radius:10px;background:#fff;color:#40394f;padding:12px 13px;outline:0;font-size:12px;font-weight:500;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical;min-height:90px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus,.subtask-input-row input:focus{border-color:#a286ef;box-shadow:0 0 0 3px #a286ef19}.form-field input::placeholder,.form-field textarea::placeholder,.subtask-input-row input::placeholder{color:#b2adbc}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.assignee-field{border:0;padding:0;margin:0 0 22px}.assignee-field legend,.subtasks-heading label{font-size:11px;font-weight:800;color:#5a536c;margin-bottom:12px}.assignee-options{display:flex;flex-wrap:wrap;gap:8px}.assignee-chip{display:flex;align-items:center;gap:6px;border:1px solid #e9e5f0;border-radius:999px;background:#fff;padding:6px 10px 6px 6px;font-size:10px;color:#837c92;cursor:pointer;user-select:none}.assignee-chip input{accent-color:#8c6add}.assignee-chip:has(input:checked){background:#f0ebff;border-color:#b79df0;color:#694aba}.assignee-chip .mini-avatar{width:22px;height:22px;font-size:8px}.subtasks-heading span{color:#a29bad;font-size:10px;font-weight:500;margin-left:8px}.subtask-input-row{display:flex;gap:8px;margin-bottom:12px}.subtask-input-row input{min-width:0;flex:1}.subtask-edit-list{display:grid;gap:5px}.subtask-edit-item{display:flex;align-items:center;gap:10px;padding:9px;border-radius:8px;background:#f9f8fc;color:#6d667a;font-size:11px}.subtask-edit-item input{accent-color:#8c6add}.subtask-edit-item span{flex:1;overflow-wrap:anywhere}.subtask-edit-item.is-done span{text-decoration:line-through;color:#aaa2b3}.subtask-edit-item button{background:none;border:0;color:#b2a8c0;display:grid;place-items:center}.subtask-edit-item button svg{width:15px;height:15px}.drawer-footer{border-top:1px solid #f0edf5;padding:20px 35px;display:flex;align-items:center;justify-content:flex-end;gap:9px}.drawer-footer #task-delete{margin-right:auto}.small-dialog{border:1px solid #eeeaf5;border-radius:22px;width:min(92vw,475px);padding:28px 31px;color:var(--ink);box-shadow:0 30px 100px #1f123943}.small-dialog::backdrop{background:#18102d75;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:24px}.small-dialog .dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-footer .button-danger{margin-right:auto}.settings-description,.settings-footnote,.confirm-dialog #confirm-message{font-size:12px;color:#928c9f;line-height:1.7}.settings-actions{display:grid;gap:10px;margin:20px 0}.settings-actions .button{justify-content:start}.settings-footnote{margin-bottom:0}.toast-container{position:fixed;right:24px;bottom:25px;z-index:90;display:grid;gap:9px;max-width:min(90vw,380px)}.toast{border:1px solid #e3d8fa;background:#1e1830;color:#fff;box-shadow:0 20px 45px #21153933;border-radius:12px;padding:14px 18px;font-size:12px;display:flex;gap:12px;align-items:center;animation:toast-in .28s var(--ease) both}.toast svg{color:#bba4ff;width:18px}.toast.is-error{border-color:#bf5474}.toast.is-error svg{color:#eb829e}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-nav{display:none}
@media(min-width:1660px){.kanban-grid{grid-template-columns:repeat(4,minmax(260px,1fr))}}
@media(max-width:1250px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:22px 12px}.brand-mark{margin:auto}.brand-text,.workspace-pill,.side-label,.side-link span,.sidebar-tip,.sidebar-user>div:not(.avatar),.side-settings{display:none!important}.sidebar-brand{padding:0 0 34px;justify-content:center}.side-link{justify-content:center;padding:14px}.side-link svg{width:20px}.sidebar-footer{justify-content:center}.sidebar-user{flex:0 0 auto}.kanban-grid{grid-template-columns:repeat(4,minmax(235px,1fr))}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-bottom{grid-template-columns:1fr}.data-mode{display:none}.spotlight{grid-template-columns:1.1fr .9fr}.spotlight-art{min-height:240px}.art-card-front{right:10px}.art-card-back{right:60px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.app-shell{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 19px}.topbar-actions{gap:7px}.search-trigger{min-width:0;padding:9px;gap:0}.search-trigger span,.search-trigger kbd{display:none}.search-trigger svg{width:18px}.breadcrumb{gap:8px;font-size:11px}#main-content{padding:0 18px 35px}.welcome-block,.page-heading{padding:31px 0 22px;align-items:start;gap:16px}h1{font-size:28px;letter-spacing:-1.25px}.page-subtitle{font-size:11.5px;max-width:290px}.welcome-block>.button,.page-heading>.button{font-size:0;padding:10px;width:41px;height:41px;gap:0;flex:none}.welcome-block>.button svg,.page-heading>.button svg{width:19px;height:19px}.spotlight{min-height:210px;grid-template-columns:1fr .45fr;border-radius:19px}.spotlight-copy{padding:27px 22px}.spotlight h2{font-size:25px}.spotlight p{font-size:10px}.spotlight-art{pointer-events:none;overflow:hidden;min-height:auto}.art-card{scale:.68;transform-origin:center}.art-card-front{top:40px;right:-67px;transform:rotate(9deg)}.art-card-back{top:24px;right:-50px}.art-star{display:none}.stats-grid{gap:10px;margin-top:16px}.stat-card{padding:16px;border-radius:14px}.stat-number{font-size:28px}.stat-top{font-size:10px}.overview-bottom{gap:14px;margin-top:16px}.panel{padding:22px 17px}.panel-heading h2{font-size:18px}.board-toolbar{align-items:stretch;gap:9px}.search-field{min-width:0;padding:9px 10px}.search-field input{font-size:11px}.search-field kbd{display:none}.toolbar-right{gap:7px}.toolbar-right .button{font-size:0;padding:11px}.toolbar-right .button svg{width:18px}.view-toggle{gap:0}.view-toggle button{padding:7px}.filter-panel{right:-55px}.board-hint{font-size:10px;line-height:1.6}.kanban-grid{gap:12px;grid-template-columns:repeat(4,minmax(258px,78vw));margin:0 -18px;padding:0 18px 25px;overscroll-behavior-x:contain}.kanban-column{min-height:400px}.contacts-topline{display:block}.contacts-topline p{margin-top:7px;font-size:10px}.people-grid{grid-template-columns:1fr}.app-footer{display:none}.mobile-bottom-nav{display:flex;position:fixed;inset:auto 0 0;height:69px;background:#fff;border-top:1px solid #eeeaf5;z-index:30;justify-content:space-around;align-items:center;box-shadow:0 -8px 25px #2519470c;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-bottom-nav button{border:0;background:transparent;display:grid;place-items:center;gap:4px;padding:7px 12px;color:#9c93ad;font-size:9px;font-weight:800}.mobile-bottom-nav button.is-active{color:#835fd6}.mobile-bottom-nav svg{width:21px;height:21px}body{padding-bottom:74px}.toast-container{bottom:87px;right:14px}.drawer-top{padding:22px 21px 18px}.drawer-scroll{padding:20px 21px}.drawer-footer{padding:14px 16px;flex-wrap:wrap}.drawer-footer .button{padding:11px;font-size:11px}.form-row{gap:10px}.small-dialog{padding:24px 20px}.my-tasks-tabs{flex-wrap:wrap}}
@media(max-width:375px){.spotlight-art{display:none}.spotlight{grid-template-columns:1fr}.spotlight h2{font-size:26px}.welcome-block h1,.page-heading h1{font-size:25px}.stats-grid{gap:8px}.stat-card{padding:14px 12px}.stat-icon{width:29px;height:29px}.stat-top{font-size:9px}.form-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Final clarity polish: interactive list controls inherit the design system. */
.focus-copy{flex:1;display:block;text-align:left;border:0;background:transparent;padding:0;min-width:0;color:inherit;cursor:pointer}.focus-copy:hover strong{color:#7655cd}.focus-task .focus-arrow{flex:none}.focus-task .focus-check{flex:none;background:#fff}
.page-subtitle,.task-card p,.focus-copy small,.person-role{color:#827b8f}.upcoming-item p,.stat-footer{color:#857e93}
@media(max-width:680px){.focus-task{padding:14px 12px;gap:9px}.focus-task .focus-meta{font-size:9px}.focus-task .focus-arrow{height:25px;width:25px}}

/* Join Studio bilingual switch: fixed-size controls, accessible focus */
.language-switch{display:flex;align-items:center;gap:2px;padding:3px;background:#f0edfa;border:1px solid #e1daf3;border-radius:10px;flex:none}
.language-switch button{font-size:10px;letter-spacing:.45px;font-weight:800;padding:7px 8px;min-width:32px;border:0;background:transparent;color:#81758f;border-radius:7px;line-height:1.4;transition:background .18s,color .18s,box-shadow .18s}
.language-switch button.is-active{background:white;color:#5e3eb4;box-shadow:0 2px 8px #32265a17}
.language-switch button:hover:not(.is-active){color:#5e3eb4;background:#e7e0fa}
@media(max-width:680px){.topbar-actions{gap:7px}.language-switch{padding:2px}.language-switch button{min-width:27px;padding:6px 5px;font-size:9px}}