:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20202a;background:#f6f6f9;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #20202a;--muted: #797988;--line: #e8e8ee;--purple: #6857e5;--purple-dark: #5847d5;--purple-soft: #efedff;--surface: #ffffff;--shadow: 0 8px 28px rgba(33, 31, 53, .08);--z-content: 1;--z-sticky-local: 2;--z-local-popover: 10;--z-header: 20;--z-drag: 50;--z-dropdown: 100;--z-drawer-overlay: 180;--z-drawer: 190;--z-overlay: 200;--z-modal: 210;--z-toast: 300}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(104,87,229,.18);outline-offset:1px}.app-shell{min-height:100vh;display:flex;background:#f7f7fa}.app-shell.embed-getcourse{width:100%;height:100vh;min-height:0;background:#fafafd}.app-shell.embed-getcourse .main-area{height:100vh}.sidebar{width:238px;flex:0 0 238px;height:100vh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 15px 18px;position:relative;z-index:var(--z-header)}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 31px;font-weight:800;font-size:21px;letter-spacing:-.6px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;border-radius:11px;background:linear-gradient(145deg,#7b6bef,#5d4bd6);box-shadow:0 7px 15px #6857e540}.workspace-label{color:#aaa9b4;font-weight:700;font-size:9px;letter-spacing:1.25px;padding:0 11px 11px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav button,.settings-link{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;height:43px;padding:0 11px;border-radius:11px;color:#72717e;font-size:13px;font-weight:600;text-align:left;transition:.18s ease}.side-nav button:hover,.settings-link:hover{background:#f6f5fb;color:var(--ink)}.side-nav button.active,.settings-link.active{color:#5f4edb;background:#f0edff;font-weight:700}.side-nav button.active svg{stroke-width:2.4}.side-nav button b{margin-left:auto;font-size:10px;min-width:23px;height:21px;padding:0 6px;display:grid;place-items:center;border-radius:7px;color:#6656d9;background:#ffffffc2}.sidebar-bottom{margin-top:auto}.team-card{margin:0 3px 13px;padding:17px 15px 15px;min-height:138px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#27243b,#36304f);position:relative;overflow:hidden}.team-card:after{content:"";position:absolute;width:105px;height:105px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-40px;top:-42px}.team-card strong{display:block;font-size:12px;margin:11px 0 5px}.team-card p{margin:0;color:#bdb8d2;font-size:10px;line-height:1.5;max-width:150px}.team-orbit{display:flex;align-items:center}.team-orbit span{width:23px;height:23px;border-radius:50%;border:2px solid #312d47;margin-right:-5px}.team-orbit span:nth-child(1){background:#6d5ce8}.team-orbit span:nth-child(2){background:#e65d87}.team-orbit span:nth-child(3){background:#1ab58c}.settings-link{font-size:12px}.main-area{min-width:0;flex:1;height:100vh;display:flex;flex-direction:column}.topbar{height:70px;flex:0 0 70px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;border-bottom:1px solid var(--line);background:#ffffffd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:var(--z-header)}.mobile-brand{display:none;font-weight:800}.global-search{width:290px;display:flex;align-items:center;gap:9px;color:#9b9aa8}.global-search input{width:100%;border:0;background:transparent;outline:0;color:var(--ink);font-size:12px}.global-search input::placeholder{color:#aaa9b3}.global-search kbd{border:1px solid #e5e4e9;border-bottom-width:2px;padding:2px 6px;border-radius:5px;background:#fafafd;color:#aaa9b3;font-size:9px;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:19px}.notification-button{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;place-items:center;position:relative}.notification-button b{position:absolute;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border:2px solid white;border-radius:9px;top:-5px;right:-6px;color:#fff;background:#eb5a63;font-size:7px}.user-switcher{display:grid;grid-template-columns:34px auto 15px;align-items:center;gap:9px;min-width:185px;position:relative;cursor:pointer}.user-switcher>span:not(.avatar){display:flex;flex-direction:column;min-width:0}.user-switcher small{color:#9c9ba7;font-weight:700;font-size:7px;letter-spacing:.55px;text-transform:uppercase}.user-switcher strong{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-switcher select{position:absolute;inset:0;opacity:0;width:100%}.user-switcher.production-user{grid-template-columns:34px auto;cursor:default}.avatar{border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;color:#fff;flex:0 0 auto;font-weight:800;letter-spacing:-.3px;box-shadow:inset 0 0 0 1px #ffffff4d}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.more{background:#ecebf1;color:#777684;box-shadow:inset 0 0 0 1px #fff}.avatar-stack{display:flex;flex-direction:row-reverse;justify-content:flex-start}.avatar-stack .avatar{margin-left:-7px;border:2px solid white}.avatar-stack.compact{flex-direction:row;padding-left:5px}.avatar-stack.compact .avatar{margin-left:-6px}.workspace-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:23px 29px 21px;background:#fafafd}.title-row{display:flex;align-items:center;gap:10px}.title-row h1{margin:0;font-size:25px;letter-spacing:-.8px;line-height:1.2}.live-badge{display:flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:6px;background:#eeebff;color:#6554db;font-size:8px;font-weight:800;letter-spacing:.5px}.workspace-head p{color:#92919f;font-size:11px;margin:7px 0 0}.workspace-actions{display:flex;align-items:center;gap:10px}.view-switch{height:38px;padding:3px;display:flex;align-items:center;border:1px solid #e8e7ed;border-radius:10px;background:#fff}.view-switch button{height:30px;padding:0 9px;display:flex;align-items:center;gap:6px;border:0;border-radius:7px;background:transparent;color:#898795;font-size:9px;font-weight:700}.view-switch button.active{color:#5e4dd7;background:#efedff}.filter-button{height:38px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid #e8e7ed;border-radius:10px;background:#fff;color:#666472;font-size:9px;font-weight:700}.filter-button.active{color:#5e4dd7;border-color:#d9d3ff;background:#f5f3ff}.filter-button b{min-width:17px;height:17px;display:grid;place-items:center;border-radius:6px;color:#fff;background:var(--purple);font-size:7px}.button{border:0;border-radius:10px;min-height:39px;padding:0 17px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease}.button.primary{color:#fff;background:var(--purple);box-shadow:0 7px 17px #6857e533}.button.primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.button.secondary{color:#585765;background:#f1f1f5}.button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.create-button{min-width:144px}.board-wrap{min-height:0;flex:1;overflow:auto;background:#fafafd;padding:0 26px 24px;position:relative;z-index:var(--z-content);isolation:isolate}.filters-area{flex:0 0 auto;padding:0 29px 15px;background:#fafafd}.filters-panel{padding:15px;border:1px solid #e7e5ed;border-radius:14px;background:#fff;box-shadow:0 8px 22px #221f340d}.filters-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.filters-head>div{display:flex;flex-direction:column;gap:2px}.filters-head strong{font-size:11px}.filters-head small{color:#aaa8b3;font-size:8px}.filters-head button{border:0;background:transparent;color:#92909c}.filters-grid{display:grid;grid-template-columns:repeat(6,minmax(115px,1fr));gap:9px}.filters-grid label{display:flex;flex-direction:column;gap:5px;color:#7d7b89;font-size:8px;font-weight:700}.filters-grid select{min-width:0;height:34px;padding:0 8px;border:1px solid #e7e5eb;border-radius:8px;background:#fafafd;font-size:8.5px}.reset-filters{margin-top:11px;padding:0;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#7160dc;font-size:8px;font-weight:700}.filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.filter-chips button{min-height:27px;padding:0 8px;display:flex;align-items:center;gap:5px;border:1px solid #e2dff5;border-radius:8px;color:#726f81;background:#f7f5ff;font-size:8px}.filter-chips .clear-filter-chips{border-color:transparent;color:#a14d55;background:transparent}.kanban-board{min-width:1130px;height:100%;display:grid;grid-template-columns:repeat(4,minmax(265px,1fr));gap:12px;position:relative;z-index:var(--z-content)}.kanban-column{min-height:100%;padding:0 8px 16px;border:1px solid transparent;border-radius:15px;background:#f4f4f7;transition:.18s ease}.kanban-column:nth-child(2){background:#f5f4fa}.kanban-column:nth-child(3){background:#f8f5f0}.kanban-column:nth-child(4){background:#f2f7f5}.kanban-column.drop-active{border-color:#6857e561;background:#f0edff;box-shadow:inset 0 0 0 2px #6857e512}.column-header{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 7px;position:sticky;top:0;z-index:var(--z-sticky-local);background:inherit;border-radius:14px 14px 0 0}.column-header>div{display:flex;align-items:center;gap:7px}.column-header h2{margin:0;font-size:11px;font-weight:800}.column-header b{display:grid;place-items:center;height:20px;min-width:20px;padding:0 5px;border-radius:7px;background:#ffffffbf;color:#838290;font-size:9px}.column-header button{width:29px;height:29px;display:grid;place-items:center;border:0;background:transparent;color:#a5a4af;border-radius:8px}.column-header button:hover{background:#fff;color:var(--purple)}.status-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 3px #fffc}.column-tasks{display:flex;flex-direction:column;gap:9px;min-height:calc(100% - 55px)}.empty-column{height:80px;display:grid;place-items:center;border:1px dashed #d9d8e0;border-radius:12px;color:#aaa9b3;font-size:10px}.task-card{background:#fff;border:1px solid #eae9ef;border-radius:13px;padding:13px 13px 11px;box-shadow:0 2px 7px #221f3409;cursor:grab;touch-action:none;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;position:relative}.task-card:hover{border-color:#dcd9e9;box-shadow:0 8px 20px #23203814;transform:translateY(-1px)}.task-card:active{cursor:grabbing}.task-card.dragging{opacity:.82;box-shadow:0 18px 36px #2320382e;transform:rotate(1deg);z-index:var(--z-drag)}.task-card.overdue{border-left:3px solid #ef646c}.card-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.priority-pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:6px;font-size:8px;font-weight:800;letter-spacing:.08px}.priority-pill>span{width:5px;height:5px;border-radius:50%;background:currentColor}.priority-low{color:#718092;background:#f0f2f4}.priority-normal{color:#5e83aa;background:#ebf3fa}.priority-high{color:#cf8124;background:#fff2df}.priority-urgent{color:#df4f59;background:#ffebed}.drag-handle{color:#cdccd4}.task-card h3{margin:0 0 6px;font-size:12px;line-height:1.47;letter-spacing:-.12px}.card-description{color:#878693;font-size:9.5px;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.check-progress{margin:11px 0 12px}.check-progress>div{display:flex;justify-content:space-between;margin-bottom:5px;font-size:8px;color:#9a99a4}.check-progress strong{color:#6e6c7b}.progress-track,.large-progress{height:4px;display:block;border-radius:20px;background:#eeeef2;overflow:hidden}.progress-track i,.large-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7664ed,#5c4bd7)}.card-meta{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid #f0eff3;border-bottom:1px solid #f0eff3}.due-chip{display:flex;align-items:center;gap:5px;color:#878693;font-size:8.5px;font-weight:600}.due-chip.danger{color:#df515a}.card-counters{display:flex;align-items:center;gap:9px;color:#92919d}.card-counters span{display:flex;align-items:center;gap:3px;font-size:8px;font-weight:700}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px}.assignee{display:flex;align-items:center;gap:7px}.assignee>span{color:#595866;font-size:9px;font-weight:700}.board-loading,.search-empty{height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777684;font-size:12px}.task-empty-state{height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.task-empty-state>span{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#6857e5;background:#efedff}.task-empty-state h2{margin:14px 0 5px;font-size:16px}.task-empty-state p{margin:0;color:#9997a4;font-size:10px}.board-skeleton{min-width:1130px;height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.board-skeleton>div{padding:18px 9px;border-radius:15px;background:#f4f4f7}.board-skeleton i,.board-skeleton span,.list-skeleton span{display:block;border-radius:9px;background:linear-gradient(90deg,#ecebf0 25%,#f6f5f8,#ecebf0 75%);background-size:200% 100%;animation:shimmer 1.25s infinite linear}.board-skeleton i{width:92px;height:13px;margin:2px 0 24px 7px}.board-skeleton span{height:145px;margin-bottom:9px;background-color:#fff}.list-skeleton{display:flex;flex-direction:column;gap:8px;padding-top:4px}.list-skeleton span{height:58px;border:1px solid #efedf2;background-color:#fff}@keyframes shimmer{to{background-position:-200% 0}}.task-table-wrap{min-width:900px;overflow:hidden;border:1px solid #e8e6ed;border-radius:14px;background:#fff;box-shadow:0 4px 18px #2320380a}.task-table{width:100%;border-collapse:collapse;table-layout:fixed}.task-table th{height:42px;padding:0 13px;color:#9a98a5;background:#f8f8fa;font-size:8px;text-align:left;text-transform:uppercase;letter-spacing:.4px}.task-table th:first-child{width:29%}.task-table td{height:62px;padding:8px 13px;border-top:1px solid #efedf2;font-size:9px}.task-table tbody tr{cursor:pointer;transition:.15s ease}.task-table tbody tr:hover{background:#faf9ff}.task-table td:first-child strong,.task-table td:first-child small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task-table td:first-child strong{font-size:10px}.task-table td:first-child small{margin-top:4px;color:#9a98a5;font-size:8px}.table-person,.table-due{display:flex;align-items:center;gap:7px}.table-due{color:#777583}.overdue-text{color:#dd525c;font-weight:700}.status-badge{display:inline-flex;min-height:23px;padding:0 8px;align-items:center;border-radius:7px;color:#6e6c7a;background:#f0eff3;font-size:8px;font-weight:700}.status-in_progress{color:#7555c7;background:#f0eaff}.status-review{color:#b16b25;background:#fff0dd}.status-done{color:#398c6c;background:#e7f7f0}.status-cancelled{color:#9c5055;background:#fae9ea}.board-loading>span{display:flex;gap:4px;margin-top:12px}.board-loading i{width:6px;height:6px;border-radius:50%;background:var(--purple);animation:pulse .8s infinite alternate}.board-loading i:nth-child(2){animation-delay:.2s}.board-loading i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.25;transform:translateY(-3px)}}.search-empty h2{font-size:16px;margin:14px 0 4px}.search-empty p{margin:0;color:#aaa9b4}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:#19172561;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;animation:fadeIn .17s ease}.modal-backdrop{z-index:var(--z-overlay)}.drawer-backdrop{z-index:var(--z-drawer-overlay)}@keyframes fadeIn{0%{opacity:0}}.create-modal{width:min(650px,calc(100vw - 30px));max-height:calc(100vh - 36px);overflow-y:auto;border-radius:19px;background:#fff;box-shadow:0 30px 80px #16132838;animation:riseIn .22s ease;position:relative;z-index:var(--z-modal)}@keyframes riseIn{0%{transform:translateY(12px);opacity:.7}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 26px 17px;border-bottom:1px solid var(--line)}.eyebrow{display:block;color:#8f81eb;font-size:8px;font-weight:800;letter-spacing:1.1px;margin-bottom:5px}.modal-header h2{margin:0;font-size:20px;letter-spacing:-.5px}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e9e8ed;border-radius:10px;background:#fff;color:#7d7c88}.icon-button:hover{color:var(--ink);background:#f6f5f8}.create-modal form{padding:19px 26px 23px}.field{display:flex;flex-direction:column;gap:7px;position:relative}.field.wide{margin-bottom:15px}.field>span:first-child{color:#696876;font-size:9px;font-weight:800}.field b{color:#e35d66}.field input,.field textarea,.field select,.details-grid input,.details-grid select{width:100%;border:1px solid #e4e3e9;border-radius:9px;background:#fff;color:var(--ink);font-size:10.5px;outline:0;transition:.15s ease}.field input,.field select,.details-grid input,.details-grid select{height:39px;padding:0 11px}.field textarea{resize:vertical;min-height:80px;padding:11px;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus,.details-grid input:focus,.details-grid select:focus{border-color:#a99eef;box-shadow:0 0 0 3px #6857e514}.field input::placeholder,.field textarea::placeholder{color:#b1b0b9}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 15px}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;top:11px;left:11px;color:#9997a5;pointer-events:none}.input-with-icon input{padding-left:34px}.people-select{position:relative}.select-trigger{width:100%;height:39px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid #e4e3e9;border-radius:9px;background:#fff;font-size:9px;text-align:left}.select-trigger>span:nth-child(2){flex:1}.select-trigger .muted{color:#aaa9b3}.select-menu{position:absolute;z-index:var(--z-local-popover);left:0;right:0;top:calc(100% + 6px);padding:6px;border:1px solid #e3e2e9;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.select-trigger .people-summary{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.people-menu{min-width:230px}.people-search{height:34px;display:flex;align-items:center;gap:6px;padding:0 8px;margin-bottom:5px;border:1px solid #eceaf0;border-radius:8px;color:#aaa8b4}.people-search input{min-width:0;height:auto;padding:0;flex:1;border:0;background:transparent;font-size:8.5px;outline:0}.people-search button{padding:2px;border:0;background:transparent;color:#aaa8b4}.people-options{max-height:210px;overflow-y:auto}.people-empty{padding:13px;color:#aaa8b3;font-size:8px;text-align:center}.person-option{width:100%;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:9px;padding:7px;border:0;border-radius:8px;background:transparent;text-align:left}.person-option:hover{background:#f6f5fa}.person-option.inactive{opacity:.62}.person-option:disabled{cursor:not-allowed}.person-option>span:nth-child(2){display:flex;flex-direction:column}.person-option strong{font-size:9px}.person-option small{color:#aaa9b3;font-size:7px;margin-top:2px}.check-box{width:17px;height:17px;border:1px solid #d8d6e0;border-radius:5px;display:grid;place-items:center;color:#fff}.check-box.checked{background:var(--purple);border-color:var(--purple)}.checklist-editor{margin-top:19px;padding:15px;border:1px solid #ecebf0;border-radius:12px;background:#fafafd}.section-heading,.section-heading>div{display:flex;align-items:center;justify-content:space-between}.section-heading>div{justify-content:flex-start;gap:8px}.section-heading strong{font-size:10px}.section-heading small{color:#aaa9b3;font-size:8px}.section-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#ece9ff;color:#6654db;font-weight:800;font-size:10px}.draft-check{min-height:34px;margin-top:8px;display:grid;grid-template-columns:20px 1fr 25px;align-items:center;gap:7px}.draft-check>span{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#fff;color:#8d8b98;border:1px solid #e4e3e9;font-size:7px;font-weight:800}.draft-check p{font-size:9px;margin:0}.draft-check button{border:0;background:transparent;color:#aaa9b3;padding:3px}.add-check-row{display:flex;gap:7px;margin-top:10px}.add-check-row input{flex:1;min-width:0;height:34px;border:1px solid #e5e4ea;border-radius:8px;padding:0 10px;font-size:9px;outline:0}.add-check-row button{height:34px;padding:0 11px;border:0;border-radius:8px;display:flex;align-items:center;gap:5px;background:#ece9ff;color:#6655d8;font-size:8px;font-weight:800}.form-error{margin-top:12px;padding:9px 11px;border-radius:8px;color:#bd3d45;background:#fff0f1;font-size:9px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:19px}.drawer-backdrop{place-items:stretch end}.task-drawer{width:min(700px,96vw);height:100vh;display:flex;flex-direction:column;background:#fff;box-shadow:-18px 0 50px #16132826;animation:slideIn .25s ease;position:relative;z-index:var(--z-drawer)}@keyframes slideIn{0%{transform:translate(35px);opacity:.5}}.drawer-header{height:61px;flex:0 0 61px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:6px;color:#9b99a7;font-size:8px}.breadcrumb strong{color:#686675}.drawer-header-actions{display:flex;align-items:center;gap:13px}.saved-state{display:flex;align-items:center;gap:4px;color:#5f9e81;font-size:8px;font-weight:700}.drawer-scroll{overflow-y:auto;padding:24px 36px 42px}.task-main-fields{margin-bottom:22px}.task-title-input{width:100%;border:0;padding:0;color:#24232c;font-size:22px;font-weight:800;letter-spacing:-.6px;outline:0}.task-description-input{width:100%;margin-top:10px;border:0;border-radius:9px;padding:9px 0;color:#73717f;font-size:10.5px;line-height:1.6;resize:vertical;outline:0}.task-description-input:focus{padding-left:10px;background:#f8f7fb}.details-grid{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:10px 18px;padding:18px 0;border-top:1px solid #efedf2;border-bottom:1px solid #efedf2}.detail-label{display:flex;align-items:center;gap:8px;color:#8b8997;font-size:9px;font-weight:600}.details-grid input,.details-grid select{height:34px;font-size:9px;border-color:transparent;background:#f7f7fa}.details-grid .select-trigger{height:34px;border-color:transparent;background:#f7f7fa}.creator-row{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700}.drawer-error{margin:10px 0 0}.drawer-section{padding:24px 0 0}.drawer-section+.drawer-section{margin-top:25px;border-top:1px solid #efedf2}.drawer-section-title,.drawer-section-title>div{display:flex;align-items:center;justify-content:space-between}.drawer-section-title>div{justify-content:flex-start;gap:9px}.drawer-section-title h3{margin:0;font-size:12px}.drawer-section-title>strong{color:#777584;font-size:9px}.section-icon.purple{background:var(--purple);color:#fff}.large-progress{height:5px;margin:13px 0 12px}.check-items{display:flex;flex-direction:column}.check-item{min-height:39px;display:grid;grid-template-columns:22px 1fr 27px;align-items:center;gap:8px;border-bottom:1px solid #f1f0f3}.check-item>input{min-width:0;height:32px;padding:0;border:0;outline:0;background:transparent;font-size:9.5px}.check-item.done>input{color:#a5a3ad;text-decoration:line-through}.round-check{width:18px;height:18px;padding:0;display:grid;place-items:center;border:1px solid #d8d6df;border-radius:6px;background:#fff;color:#fff}.check-item.done .round-check{background:#69bc9b;border-color:#69bc9b}.ghost-delete{opacity:0;border:0;background:transparent;color:#aaa8b3}.check-item:hover .ghost-delete{opacity:1}.empty-copy{margin:10px 0;color:#a5a3ad;font-size:9px}.drawer-add-row{height:38px;display:flex;align-items:center;gap:8px;color:#8e8c99;margin-top:7px}.drawer-add-row input{flex:1;border:0;outline:0;font-size:9.5px}.drawer-add-row button{border:0;background:transparent;color:#6655db;font-size:9px;font-weight:800}.activity-tabs{display:flex;gap:5px;border-bottom:1px solid #ecebf0}.activity-tabs button{height:40px;display:flex;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;background:transparent;color:#96949f;font-size:9px;font-weight:700}.activity-tabs button.active{color:#5e4dd7;border-color:#6857e5}.activity-tabs b{min-width:17px;height:17px;display:grid;place-items:center;border-radius:5px;background:#f0eff4;font-size:7px}.comments-block,.history-list{padding-top:15px}.comment{display:grid;grid-template-columns:34px 1fr;gap:10px;margin-bottom:15px}.comment-head{display:flex;align-items:baseline;gap:8px}.comment-head strong{font-size:9px}.comment-head time,.history-item time{color:#aaa8b2;font-size:7px}.comment p{margin:5px 0 0;padding:9px 11px;border-radius:2px 9px 9px;background:#f7f7fa;color:#555361;font-size:9px;line-height:1.55}.comment-form{display:grid;grid-template-columns:34px 1fr;gap:10px;margin-top:19px}.comment-form>div{border:1px solid #dfdde5;border-radius:10px;padding:8px}.comment-form textarea{width:100%;border:0;outline:0;resize:vertical;font-size:9px}.comment-form button{margin-left:auto;height:28px;padding:0 10px;display:flex;align-items:center;gap:5px;border:0;border-radius:7px;background:var(--purple);color:#fff;font-size:8px;font-weight:700}.comment-form button:disabled{opacity:.45}.history-item{display:grid;grid-template-columns:31px 1fr;gap:10px;padding:8px 0 13px;position:relative}.history-item:before{content:"";position:absolute;left:15px;top:39px;bottom:-1px;width:1px;background:#ecebf0}.history-item:last-child:before{display:none}.history-item p{margin:1px 0 4px;font-size:9px}.history-item small{display:block;color:#777583;font-size:8px;margin-bottom:4px}.history-item small span{color:#b4b1bd;padding:0 3px}.drawer-danger-zone{margin-top:28px;padding-top:22px;border-top:1px solid #efedf2}.delete-task-button{height:34px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid #f0cfd2;border-radius:8px;background:#fff8f8;color:#c34b54;font-size:8.5px;font-weight:800}.delete-task-button:hover{background:#fff0f1;border-color:#eab8bd}.delete-task-confirm{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #f0cfd2;border-radius:10px;background:#fff8f8}.delete-task-confirm strong{color:#9f3841;font-size:9.5px}.delete-task-confirm p{margin:4px 0 0;color:#9b7478;font-size:8px;line-height:1.45}.delete-task-actions{flex:0 0 auto;display:flex;gap:7px}.delete-task-actions button{height:31px;padding:0 10px;border:1px solid #e1dfe5;border-radius:7px;background:#fff;color:#696674;font-size:8px;font-weight:800}.delete-task-actions button.confirm{display:flex;align-items:center;gap:5px;border-color:#c84c55;background:#c84c55;color:#fff}.delete-task-actions button:disabled{opacity:.55;cursor:not-allowed}.toast{position:fixed;z-index:var(--z-toast);left:50%;bottom:25px;transform:translate(-50%);display:flex;align-items:center;gap:8px;min-height:40px;max-width:min(540px,calc(100vw - 30px));padding:0 15px 0 9px;border:0;border-radius:11px;background:#292633;color:#fff;box-shadow:0 14px 35px #1916263d;font-size:10px;font-weight:700;animation:toastIn .2s ease}.toast.clickable{cursor:pointer}.toast-check{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#52b78f}.toast.error .toast-check{background:#d65b64}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}.saved-state.saving{color:#7664e2}.saved-state.error{color:#d8545e}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drawer-loading{position:fixed;z-index:var(--z-drawer-overlay);inset:0;display:grid;place-items:center;background:#ffffff80}.drawer-loading span{width:28px;height:28px;border:3px solid #ddd9f8;border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}.notifications-portal{position:fixed;z-index:var(--z-dropdown);width:min(360px,calc(100vw - 24px))}.notifications-dropdown{width:100%;overflow:hidden;border:1px solid #e5e3e9;border-radius:15px;background:#fff;box-shadow:0 18px 50px #1a172a29}.notifications-head{min-height:56px;padding:11px 13px 10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edebf0}.notifications-head>div{display:flex;flex-direction:column;gap:2px}.notifications-head strong{font-size:11px}.notifications-head small{color:#9694a0;font-size:8px}.notifications-head button{border:0;background:transparent;color:#9997a3}.notifications-list{max-height:390px;overflow-y:auto}.notification-item{width:100%;min-height:74px;padding:11px 13px;display:grid;grid-template-columns:32px 1fr 7px;gap:9px;align-items:start;border:0;border-bottom:1px solid #f0eef2;background:#fff;text-align:left}.notification-item:hover{background:#faf9fd}.notification-item.unread{background:#f8f6ff}.notification-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#6654d9;background:#ece9ff}.notification-item>span:nth-child(2){min-width:0}.notification-item strong{font-size:9px}.notification-item p{margin:3px 0;color:#777582;font-size:8px;line-height:1.4}.notification-item time{color:#aaa8b2;font-size:7px}.notification-item i{width:6px;height:6px;margin-top:7px;border-radius:50%;background:#6957e5}.notification-empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9896a2}.notification-empty strong{margin:8px 0 3px;color:#565461;font-size:10px}.notification-empty p{margin:0;font-size:8px}.mark-all-read{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:#faf9fd;color:#6554d9;font-size:8px;font-weight:700}.settings-top-label{color:#777583;font-size:11px;font-weight:700}.settings-page{min-height:0;flex:1;overflow-y:auto;padding:27px 29px 45px;background:#fafafd}.settings-title-row{max-width:920px;margin:0 auto 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.settings-title-row h1{margin:0;font-size:25px;letter-spacing:-.7px}.settings-title-row p{margin:6px 0 0;color:#92909e;font-size:10px}.settings-save-state{display:flex;align-items:center;gap:5px;min-height:29px;padding:0 9px;border-radius:8px;color:#4c9879;background:#eaf7f1;font-size:8px;font-weight:700}.settings-save-state.saving{color:#6655d9;background:#efedff}.settings-save-state.error{color:#bf4c54;background:#ffebed}.settings-content{max-width:920px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.settings-card{padding:20px 22px;border:1px solid #e8e6ed;border-radius:16px;background:#fff;box-shadow:0 5px 20px #221f340a}.settings-card-head{display:flex;gap:11px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid #efedf2}.settings-card-head>span{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;color:#6655d9;background:#efedff}.settings-card-head h2{margin:1px 0 3px;font-size:13px}.settings-card-head p{margin:0;color:#9b99a5;font-size:8.5px}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-top:18px}.settings-field{display:flex;flex-direction:column;gap:7px;color:#6d6b79;font-size:8.5px;font-weight:700}.settings-field input,.settings-field select,.settings-readonly{width:100%;height:39px;padding:0 11px;border:1px solid #e3e1e8;border-radius:9px;color:#292832;background:#fff;font-size:9.5px;outline:0}.settings-field input:focus,.settings-field select:focus{border-color:#a99eef;box-shadow:0 0 0 3px #6857e514}.settings-readonly{display:flex;align-items:center;gap:7px;color:#777583;background:#f7f7fa;font-weight:600}.settings-toggles{display:flex;flex-direction:column}.settings-toggle-row{min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #f0eef3}.settings-toggle-row:last-child{border-bottom:0}.settings-toggle-row strong{display:block;font-size:9.5px}.settings-toggle-row p{margin:4px 0 0;color:#9997a3;font-size:8px;line-height:1.4}.toggle-switch{width:38px;height:22px;flex:0 0 auto;padding:2px;border:0;border-radius:20px;background:#d9d7df;transition:.18s ease}.toggle-switch span{width:18px;height:18px;display:block;border-radius:50%;background:#fff;box-shadow:0 2px 5px #25223233;transition:transform .18s ease}.toggle-switch.active{background:#6857e5}.toggle-switch.active span{transform:translate(16px)}.settings-loading{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9694a0;font-size:9px}.settings-loading span{width:26px;height:26px;border:3px solid #e2dff5;border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}.settings-loading p{margin:9px 0 0}.integration-loading{min-height:100px;display:flex;align-items:center;justify-content:center;gap:7px;color:#9694a0;font-size:9px}.integration-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:18px 0}.integration-summary>div{display:flex;flex-direction:column;gap:5px}.integration-summary small{color:#9997a3;font-size:8px}.integration-summary strong{font-size:9.5px;font-weight:700}.integration-status{color:#777583}.integration-status.success{color:#258262}.integration-status.error{color:#bf4c54}.integration-status.running{color:#6655d9}.integration-error{margin-bottom:13px;padding:10px 11px;border-radius:9px;color:#a44049;background:#fff0f1;font-size:8.5px;line-height:1.45}.integration-actions{min-height:48px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #efedf2}.integration-actions p{margin:0;color:#9997a3;font-size:8px}.sync-button{white-space:nowrap}.sync-button:disabled{opacity:.55;cursor:not-allowed}.integration-buttons{display:flex;align-items:center;gap:8px}.integration-diagnostics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}.integration-diagnostics>div{min-height:52px;display:grid;grid-template-columns:23px 1fr;gap:8px;align-items:start;padding:9px;border:1px solid #ebe9ef;border-radius:9px;background:#fafafd}.integration-diagnostics>div>span{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:#e7f6ef;color:#298263;font-size:9px;font-weight:900}.integration-diagnostics>div.error>span{background:#ffebed;color:#bd4a54}.integration-diagnostics p{margin:0}.integration-diagnostics strong,.integration-diagnostics small{display:block}.integration-diagnostics strong{font-size:8.5px}.integration-diagnostics small{margin-top:3px;color:#92909d;font-size:7.5px;line-height:1.35}.getcourse-return{height:31px;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:8px;color:#706d7d;background:#f5f4f8;font-size:8.5px;font-weight:700;text-decoration:none}.getcourse-return:hover{color:#5e4dd7;background:#efedff}.auth-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#302e39;background:#fafafd;text-align:center}.auth-state h1{margin:14px 0 5px;font-size:24px}.auth-state p{max-width:470px;margin:0 0 20px;color:#85828f;font-size:11px;line-height:1.55}.auth-state-spinner{width:30px;height:30px;border:3px solid #e2dff5;border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}.auth-state .button{display:flex;align-items:center;gap:7px;text-decoration:none}@media(max-width:900px){body{overflow:auto}.sidebar{display:none}.main-area{height:100vh}.mobile-brand{display:block;color:#5f4dd8}.global-search{width:230px}.topbar{padding:0 18px}.workspace-head{padding:20px 18px}.board-wrap{padding:0 15px 20px}.filters-area{padding:0 18px 15px}.filters-grid{grid-template-columns:repeat(3,1fr)}.settings-page{padding:24px 18px 38px}.kanban-board{min-width:1080px}}@media(max-width:640px){.global-search,.user-switcher small{display:none}.user-switcher{min-width:135px;grid-template-columns:32px 1fr 14px}.workspace-head{align-items:flex-start}.view-switch span,.filter-button{font-size:0}.filter-button b{font-size:7px}.create-button{min-width:44px;padding:0 12px;font-size:0}.create-button svg{width:20px;height:20px}.title-row h1{font-size:21px}.create-modal form,.modal-header{padding-left:18px;padding-right:18px}.form-grid{grid-template-columns:1fr}.filters-grid{grid-template-columns:repeat(2,1fr)}.settings-fields,.integration-diagnostics{grid-template-columns:1fr}.integration-actions{align-items:flex-start;flex-direction:column}.integration-buttons{width:100%;flex-wrap:wrap}.drawer-scroll{padding:20px 19px 35px}.saved-state{display:none}.details-grid{grid-template-columns:115px minmax(0,1fr);column-gap:10px}}