:root {
  --navy:#10233f; --navy-2:#18304f; --blue:#356df3; --blue-soft:#edf3ff;
  --ink:#182235; --muted:#69778e; --line:#e6eaf0; --bg:#f5f7fa; --white:#fff;
  --shadow:0 14px 40px rgba(21,39,67,.12); --radius:14px;
}
*{box-sizing:border-box} body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}
button,input,select,textarea{font:inherit} button{cursor:pointer}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.sidebar{background:var(--navy);color:white;padding:25px 17px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:248px;z-index:5}
.brand{display:flex;align-items:center;gap:11px;padding:0 9px 26px}.brand-mark{width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,#5485ff,#3060db);display:grid;place-items:center;font:800 19px Manrope;box-shadow:0 8px 20px #07162c66}.brand strong{display:block;font:800 18px Manrope;letter-spacing:.03em}.brand span{display:block;color:#9aabc2;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:-2px}
.main-nav{display:grid;gap:5px;border-bottom:1px solid #ffffff12;padding-bottom:18px}.nav-item,.project-item{border:0;background:transparent;color:#aebbd0;display:flex;align-items:center;text-align:left;border-radius:9px;padding:10px 12px;gap:12px;font-weight:600}.nav-item span{font-size:17px;width:18px}.nav-item:hover,.nav-item.active{background:#ffffff12;color:white}.all-tasks-item{margin-top:14px}.sidebar-section{padding-top:12px}.section-label{font-size:10px;font-weight:700;letter-spacing:.13em;color:#7589a5;padding:0 12px 9px;display:flex;align-items:center;justify-content:space-between}.section-label button{border:0;background:none;color:#8fa2bc;font-size:19px;line-height:10px}.spaces-section-label .spaces-toggle-btn{display:flex;align-items:center;gap:7px;padding:5px 0;color:#8fa2bc;font-size:10px;font-weight:800;letter-spacing:.13em;cursor:pointer}.spaces-toggle-btn span{width:9px;font-size:9px}.project-item{width:100%;padding:8px 12px;font-size:13px;gap:9px}.project-item i{width:7px;height:7px;border-radius:50%;background:var(--dot)}.project-item span{margin-left:auto;color:#7589a5;font-size:11px}.project-item:hover,.project-item.active{color:#fff;background:#ffffff0d}
.sidebar-new-task{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 14px;padding:11px 14px;border:0;border-radius:9px;background:#356df3;color:#fff;font-weight:800;box-shadow:0 8px 20px #071c3d55;cursor:pointer}.sidebar-new-task:hover{background:#4278f5}.sidebar-new-task span{font-size:18px;line-height:1}.mobile-new-task{display:none}
.sidebar-new-task.sidebar-mini-task{margin-top:-7px;background:#fff;color:#2f66d1;border:1px solid #7397ea;box-shadow:none}.sidebar-new-task.sidebar-mini-task:hover{background:#edf4ff}.task-table tr.mini-task-row td{background-image:linear-gradient(90deg,#f5efff88,#fff0 150px)}.mini-task-badge{display:inline-flex;align-items:center;margin-right:6px;border-radius:8px;background:#efe7ff;color:#7046bd;padding:2px 5px;font-size:8px;font-weight:800;text-transform:uppercase}
body:not(.is-admin) .main-nav .admin-only,body:not(.is-admin) .main-nav .main-admin-only,.main-nav .nav-item[hidden]{display:none!important}
.sidebar-footer{margin-top:auto;width:100%;border:0;border-top:1px solid #ffffff12;padding:18px 7px 0;display:flex;align-items:center;gap:9px;background:transparent;color:inherit;text-align:left;cursor:pointer}.sidebar-footer:hover{background:#ffffff0b}.sidebar-footer[aria-expanded="true"]{background:#ffffff10}.avatar{width:34px;height:34px;border-radius:50%;background:#d8e4ff;color:#2958ba;display:grid;place-items:center;font-size:11px;font-weight:800}.user-meta{min-width:0;flex:1}.user-meta strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta span{font-size:10px;color:#8296b0}.dots{border:0;background:none;color:#8296b0}
.sidebar-user-menu{position:absolute;left:14px;right:14px;bottom:66px;z-index:120;padding:6px;border:1px solid #ffffff20;border-radius:9px;background:#fff;box-shadow:0 14px 34px #06132855}.sidebar-user-menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:6px;background:transparent;padding:9px 10px;color:#c43b48;font:700 11px DM Sans;cursor:pointer}.sidebar-user-menu button:hover{background:#fff0f1}
.auth-gate{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#0d2038,#173b67)}.auth-gate.hidden{display:none}.auth-locked{overflow:hidden}.auth-card{box-sizing:border-box;width:min(430px,100%);border:1px solid #ffffff24;border-radius:18px;background:#fff;padding:31px;box-shadow:0 28px 75px #06142666}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.auth-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#356df3;color:#fff;font:800 18px Manrope}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font:800 15px Manrope;color:#17263b}.auth-brand small{margin-top:1px;color:#8190a4;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.auth-card h1{margin:0 0 8px;color:#1d2d43;font:800 25px Manrope}.auth-card>p{margin:0 0 22px;color:#68778b;font-size:12px;line-height:1.5}.auth-card form{display:grid;gap:10px}.auth-card label{color:#44546a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.auth-card input{box-sizing:border-box;width:100%;border:1px solid #d5dce6;border-radius:9px;padding:12px 13px;color:#21334b;font:500 14px DM Sans;outline:none}.auth-card input:focus{border-color:#5b83e4;box-shadow:0 0 0 3px #356df318}.auth-card form>button:not(.auth-back){border:0;border-radius:9px;background:#356df3;padding:12px;color:#fff;font:800 12px DM Sans;cursor:pointer}.auth-card form>button:disabled{cursor:wait;opacity:.65}.auth-card .auth-secondary{background:#edf2fb!important;color:#3762bb!important}.auth-back{justify-self:start;border:0;background:transparent;padding:0 0 5px;color:#416dbf;font:700 10px DM Sans;cursor:pointer}.auth-error{margin:15px 0 0!important;border:1px solid #f2c6ca;border-radius:8px;background:#fff4f5;padding:9px 10px;color:#b53744!important;font-size:10px!important}
main{grid-column:2;min-width:0}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:4}.mobile-brand{display:none}.search-wrap{width:min(400px,40vw);position:relative}.search-wrap span{position:absolute;left:13px;top:8px;font-size:20px;color:#8b98aa}.search-wrap input{width:100%;border:0;background:#f4f6f9;border-radius:9px;padding:10px 13px 10px 40px;outline:none}.search-wrap input:focus{box-shadow:0 0 0 2px #3c73f333}.top-actions{display:flex;align-items:center;gap:18px}.role-switcher,.user-preview-switcher{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.role-switcher select,.user-preview-switcher select{border:1px solid var(--line);border-radius:8px;padding:7px 28px 7px 9px;color:var(--ink);font-weight:600;background:white}.user-preview-switcher select{max-width:230px;border-color:#a9c1f3;background:#f5f8ff}.user-preview-switcher option.privileged-user-option{font-weight:800}.role-switcher select:disabled{opacity:.55}.icon-btn{border:1px solid var(--line);width:36px;height:36px;border-radius:9px;background:white;position:relative}.icon-btn b{position:absolute;width:6px;height:6px;border-radius:50%;background:#ef5261;right:7px;top:6px}
.content{padding:31px 34px 45px}.page-head{display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:10px;color:#8c98aa;font-weight:700;letter-spacing:.1em;margin:0 0 8px}.page-head h1{font:800 28px Manrope;margin:0 0 4px}.subtitle{margin:0;color:var(--muted)}.primary-btn{border:0;background:var(--blue);color:white;padding:11px 17px;border-radius:9px;font-weight:700;box-shadow:0 7px 18px #356df333}.primary-btn span{font-size:18px;margin-right:6px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 17px;border-bottom:1px solid var(--line)}.view-tabs{display:flex;gap:25px}.view-tabs button{border:0;background:none;padding:0 2px 13px;color:var(--muted);font-weight:600}.view-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.filters{display:flex;gap:8px;padding-bottom:8px}.filter-btn{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 10px;color:#56657b;font-size:12px}.filter-btn.active{background:var(--blue-soft);border-color:#cbdafe;color:var(--blue)}
.board{display:grid;grid-template-columns:repeat(7,minmax(245px,1fr));gap:14px;overflow-x:auto;padding:1px 1px 22px}.column{background:#eef1f5;border-radius:12px;padding:11px;min-height:470px}.column-head{display:flex;align-items:center;gap:8px;padding:3px 3px 12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--status)}.column-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.column-count{margin-left:auto;background:#dfe4eb;color:#627087;padding:2px 7px;border-radius:9px;font-size:10px}.task-list{display:grid;gap:10px}.task-card{background:white;border:1px solid #e8ecf2;border-radius:10px;padding:13px;box-shadow:0 2px 7px rgba(24,40,68,.035);transition:.18s}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,40,68,.09);border-color:#dbe1e9}.card-top,.card-foot{display:flex;align-items:center;justify-content:space-between}.project-pill{font-size:9px;font-weight:800;letter-spacing:.05em;color:var(--project-color);background:color-mix(in srgb,var(--project-color) 11%,white);padding:3px 6px;border-radius:5px}.priority{font-size:10px;color:#8b96a6}.task-card h3{font-size:13px;line-height:1.42;margin:10px 0 13px;font-weight:650}.card-foot{border-top:1px solid #f0f2f5;padding-top:10px}.task-key{font-size:10px;color:#8b96a6;font-weight:600}.mini-avatar{width:25px;height:25px;border-radius:50%;background:#edf1f7;color:#51617a;display:grid;place-items:center;font-size:8px;font-weight:800}.accept-btn{width:100%;border:0;background:#eaf1ff;color:#2d64dc;border-radius:7px;margin-top:10px;padding:7px;font-size:11px;font-weight:700}.locked-note{margin-top:9px;font-size:9px;color:#9aa4b1;text-align:center}.empty-column{text-align:center;color:#a0a9b5;font-size:11px;padding:28px 4px;border:1px dashed #d4dae3;border-radius:9px}
.modal-backdrop{position:fixed;inset:0;background:#0e1d35a8;z-index:10;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.modal-backdrop.hidden{display:none}.modal{width:min(620px,96vw);max-height:90vh;overflow:hidden;background:white;border-radius:16px;box-shadow:var(--shadow);padding:28px;position:relative;display:flex;flex-direction:column}.modal #modalContent{overflow:auto;min-height:0}.close-btn{position:absolute;right:17px;top:13px;border:0;background:none;font-size:27px;color:#7d8999;z-index:2}.modal h2{font:800 21px Manrope;margin:0 35px 6px 0}.modal-sub{color:var(--muted);font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}.detail-item{background:#f6f8fa;border-radius:9px;padding:11px}.detail-item span{display:block;font-size:9px;color:#8a96a7;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.detail-item strong{font-size:12px}.description{line-height:1.65;color:#526176}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.task-details-footer{flex:0 0 auto;display:flex;justify-content:flex-end;gap:10px;margin:20px -28px -28px;padding:14px 28px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 20px #152a470a}.task-details-footer.hidden{display:none}.action-btn{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 12px;font-weight:700;color:#495a72}.action-btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.action-btn.danger{color:#cf4653}.audit{margin-top:19px}.audit h4{font-size:11px;text-transform:uppercase;letter-spacing:.07em}.audit-entry{border-left:2px solid #d9e1ec;padding:1px 0 11px 11px;font-size:11px;color:#66758b}.audit-entry strong{color:#2f3d50}.task-form{display:grid;gap:14px;margin-top:20px}.field{display:grid;gap:6px}.field label{font-size:11px;font-weight:700;color:#526176}.field input,.field select,.field textarea{border:1px solid #dfe4eb;border-radius:8px;padding:10px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6d92ec;box-shadow:0 0 0 3px #356df314}.field textarea{min-height:90px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;right:25px;bottom:25px;background:#152a47;color:white;padding:12px 17px;border-radius:9px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.25s;z-index:20;font-size:12px}.toast.show{transform:none;opacity:1}
.modal.task-details-modal{width:min(1240px,96vw)}
.action-btn.status-action{transition:filter .15s,transform .15s}.action-btn.status-action:hover{filter:brightness(.94);transform:translateY(-1px)}.action-btn.status-action-backlog{background:#D7DCE2;border-color:#C4CAD2;color:#46505E}.action-btn.status-action-todo{background:#4B5563;border-color:#4B5563;color:#fff}.action-btn.status-action-progress{background:#7DD3FC;border-color:#60C5F1;color:#075985}.action-btn.status-action-blocked{background:#DC2626;border-color:#DC2626;color:#fff}.action-btn.status-action-review{background:#1E3A8A;border-color:#1E3A8A;color:#fff}.action-btn.status-action-done{background:#16A34A;border-color:#16A34A;color:#fff}.action-btn.status-action-cancelled{background:#F59E0B;border-color:#F59E0B;color:#5B3600}
@media(max-width:850px){.app-shell{display:block}.sidebar{display:none}main{display:block}.topbar{padding:0 17px}.mobile-brand{display:block;font-weight:800}.mobile-brand span{font-weight:400;color:#7b8797}.search-wrap{display:none}.content{padding:24px 17px}.page-head{align-items:flex-start}.subtitle{display:none}.role-switcher{font-size:0}.role-switcher select{font-size:11px}.board{grid-template-columns:repeat(7,260px)}.mobile-new-task{display:inline-flex}}
.sidebar-section{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff22 transparent}.sidebar-footer{flex-shrink:0}.detail-select{width:100%;border:1px solid #dfe4eb;border-radius:6px;background:white;padding:5px;color:#2f3d50;font-size:12px}.filters select.filter-btn{max-width:170px}
.detail-status-select,.detail-status-select.status-backlog,.detail-status-select.status-todo,.detail-status-select.status-progress,.detail-status-select.status-blocked,.detail-status-select.status-review,.detail-status-select.status-done,.detail-status-select.status-cancelled{background:#fff;color:#1f2937;font-weight:800;text-transform:uppercase}.detail-status-select option{background:#fff;color:#111827}
.editable-task-title[contenteditable="true"],.editable-task-description[contenteditable="true"]{cursor:text;border-radius:6px;outline:none;transition:background .15s,box-shadow .15s}.editable-task-title[contenteditable="true"]:hover,.editable-task-description[contenteditable="true"]:hover{background:#f5f8fd}.editable-task-title[contenteditable="true"]:focus,.editable-task-description[contenteditable="true"]:focus{background:#fff;box-shadow:0 0 0 3px #356df326}.editable-task-description[contenteditable="true"]{min-height:24px;white-space:pre-wrap}
.users-page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.users-page-head h1{margin:2px 0 5px;font:800 27px Manrope}.users-panel{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 18px #1d33540b;overflow:hidden}.users-panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.users-panel-head span{color:var(--muted);font-size:12px}.users-list{display:grid}.user-role-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 20px;border-bottom:1px solid #edf0f4}.user-role-row:last-child{border-bottom:0}.user-role-row .table-person b{font-size:13px}.user-role-row select{min-width:155px;border:1px solid #dfe4eb;border-radius:8px;background:#fff;padding:8px 10px;color:#36465d}.main-admin-badge{background:#e8f0ff;color:#2d63cc;border:1px solid #cadbff;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:800}
.activity-view{height:100%;min-height:0}.activity-panel{height:calc(100vh - 190px);min-height:450px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 18px #1d33540b;overflow:hidden;display:flex;flex-direction:column}.activity-panel-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.activity-panel-head span{font-size:11px;color:var(--muted)}.activity-log-scroll{overflow:auto;flex:1}.activity-log-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}.activity-log-table th{position:sticky;top:0;z-index:2;background:#f5f7fa;color:#69778b;text-align:left;padding:10px;border-bottom:1px solid #dde2e9}.activity-log-table td{padding:9px 10px;border-bottom:1px solid #edf0f4;color:#4c5b70;vertical-align:middle}.activity-log-table th:first-child{width:165px}.activity-log-table th:nth-child(2){width:210px}.activity-log-table th:last-child{width:260px}.activity-log-table td small{display:block;margin:3px 0 0 28px;color:#929cab}.activity-log-table td button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:0;text-align:left;color:#40516a}.activity-log-table td button strong{color:#3168da}.activity-log-table td button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-table tr:hover td{background:#f7f9fd}
.overview-view{height:100%;overflow:auto}.overview-cards{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:13px}.overview-cards article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:0 4px 18px #1d33540b}.overview-cards span{display:block;color:#7b899d;font-size:11px}.overview-cards strong{display:block;margin-top:8px;color:#26364d;font:800 27px Manrope}.overview-cards .overdue strong{color:#d04653}.overview-status-panel{margin-top:17px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.overview-status-panel h3{margin:0 0 15px;font:800 14px Manrope}.overview-status-panel>div{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px}.overview-status-panel span{display:flex;align-items:center;gap:8px;border:1px solid #edf0f4;border-radius:8px;padding:10px;color:#55657b;font-size:11px}.overview-status-panel i{width:9px;height:9px;border-radius:50%;background:var(--overview-status)}.overview-status-panel b{margin-left:auto;color:#26364d}@media(max-width:1000px){.overview-cards{grid-template-columns:repeat(2,1fr)}.overview-status-panel>div{grid-template-columns:repeat(2,1fr)}}
.overview-view{padding-bottom:45px}.overview-head{align-items:center}.completion-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#356df3 var(--completion),#e7ebf2 0);position:relative}.completion-ring:before{content:'';position:absolute;inset:9px;background:#fff;border-radius:50%}.completion-ring span{position:relative;text-align:center}.completion-ring strong{display:block;font:800 18px Manrope;color:#26364d}.completion-ring small{display:block;font-size:8px;color:#8190a4}.overview-kpis{grid-template-columns:repeat(6,minmax(115px,1fr))}.overview-kpis article small{display:block;margin-top:5px;color:#8b97a8;font-size:9px}.overview-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.overview-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:0 4px 18px #1d33540b}.overview-panel.overview-wide{grid-column:1/-1}.overview-panel h3{margin:0 0 15px;font:800 13px Manrope;color:#2d3c52}.overview-bars{display:grid;gap:10px}.overview-bars label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#536278}.overview-bars label span{display:flex;align-items:center;gap:7px}.overview-bars label i{width:8px;height:8px;border-radius:50%;background:var(--overview-status)}.overview-bars label b{color:#2e3d53}.overview-bars label small{font-weight:500;color:#8995a6}.overview-bars progress{display:block;width:100%;height:6px;margin-top:5px;border:0;border-radius:6px;overflow:hidden;background:#edf0f5}.overview-bars progress::-webkit-progress-bar{background:#edf0f5}.overview-bars progress::-webkit-progress-value{background:var(--bar);border-radius:6px}.overview-bars progress::-moz-progress-bar{background:var(--bar);border-radius:6px}.overview-table-wrap{overflow:auto}.overview-panel table{width:100%;border-collapse:collapse;font-size:10px}.overview-panel th{text-align:left;color:#7c899b;background:#f7f8fa;padding:8px;border-bottom:1px solid #e3e7ed}.overview-panel td{padding:8px;border-bottom:1px solid #edf0f4;color:#536278}.overview-panel tr.row-overdue td{background:#fff5f5}.overview-task-link{display:flex;align-items:center;gap:7px;max-width:100%;border:0;background:none;padding:0;text-align:left;cursor:pointer}.overview-task-link strong{color:#3168da;white-space:nowrap}.overview-task-link span{color:#43536a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-ranking{display:grid}.overview-ranking>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f4;font-size:10px}.overview-ranking>div:last-child{border-bottom:0}.overview-ranking span{display:flex;align-items:center;gap:8px;min-width:0;color:#536278}.overview-ranking i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#edf3ff;color:#3568cc;font-size:8px;font-style:normal;font-weight:800}.overview-ranking b{color:#29394f}.overview-task-list{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0}.overview-task-list .overview-task-link,.overview-task-list>small{padding:8px 0;border-bottom:1px solid #edf0f4}.overview-task-list>small{color:#8a96a7;font-size:9px}.overview-label-cloud{display:flex;flex-wrap:wrap;gap:7px}.overview-label-cloud>span{border:1px solid #e5c477;background:#fffaf0;color:#68583c;border-radius:6px;padding:5px 7px;font-size:9px}.overview-label-cloud b{color:#3f4e62}.overview-activity{display:grid}.overview-activity>div{display:grid;grid-template-columns:190px minmax(0,1fr) 150px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f4}.overview-activity p{margin:0;color:#536278;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-activity p strong{color:#3168da}.overview-activity time{font-size:9px;color:#8a96a7;text-align:right}@media(max-width:1150px){.overview-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.overview-dashboard-grid{grid-template-columns:1fr}.overview-panel.overview-wide{grid-column:auto}.overview-kpis{grid-template-columns:repeat(2,1fr)}.overview-activity>div{grid-template-columns:1fr}.overview-activity time{text-align:left}.completion-ring{width:76px;height:76px}}
.overview-kpis article.clickable-kpi{cursor:pointer;border-color:#b9cdfb;transition:.15s}.overview-kpis article.clickable-kpi:hover,.overview-kpis article.clickable-kpi:focus{transform:translateY(-2px);border-color:#6f98ef;box-shadow:0 8px 22px #315ca51c;outline:none}.overview-detail-list{display:grid;margin-top:17px;border:1px solid #e2e7ee;border-radius:10px;overflow:hidden}.overview-detail-list>button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:11px 12px;text-align:left;cursor:pointer}.overview-detail-list>button:last-child{border-bottom:0}.overview-detail-list>button:hover{background:#f4f7fc}.overview-detail-list>button span{min-width:0;display:flex;gap:8px;color:#405067;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-detail-list>button strong{color:#3168da}.overview-detail-list>button small{flex-shrink:0;color:#8290a3;font-size:9px}
.overview-kpis.overview-kpis-compact{grid-template-columns:repeat(2,minmax(150px,1fr))}.overview-active-statuses{margin-top:0}.overview-active-statuses-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.overview-active-statuses-head h3{margin:0}.overview-active-statuses-head>strong{display:grid;place-items:center;min-width:42px;height:32px;padding:0 11px;border-radius:17px;background:#eaf1ff;color:#2e63cf;font:800 16px Manrope}.overview-active-statuses table{table-layout:fixed}.overview-active-statuses th:last-child,.overview-active-statuses td:last-child{width:120px;text-align:right}.overview-active-statuses td:last-child strong{color:#26364d;font-size:12px}.overview-status-name{display:flex;align-items:center;gap:9px}.overview-status-name i{width:9px;height:9px;border-radius:50%;background:var(--overview-status);flex:0 0 auto}
.overview-filter-target{cursor:pointer;transition:background-color .14s,color .14s}.overview-active-statuses tr.overview-filter-target:hover td,.overview-active-statuses tr.overview-filter-target:focus td{background:#edf4ff;color:#2e63cf;outline:0}.overview-bar-filter{display:block;width:100%;border:0;background:transparent;padding:3px 4px;margin:-3px -4px;text-align:left;border-radius:7px}.overview-bar-filter:hover,.overview-bar-filter:focus{background:#edf4ff;outline:0}.overview-bar-filter label{pointer-events:none}.overview-ranking>button.overview-ranking-filter{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 0;border:0;border-bottom:1px solid #edf0f4;background:transparent;font-size:10px;text-align:left}.overview-ranking>button.overview-ranking-filter:last-child{border-bottom:0}.overview-ranking>button.overview-ranking-filter:hover,.overview-ranking>button.overview-ranking-filter:focus{background:#edf4ff;outline:0}.overview-ranking>button.overview-ranking-filter span{display:flex;align-items:center;gap:8px;min-width:0;color:#536278}.overview-ranking>button.overview-ranking-filter b{color:#29394f}
.overview-transition-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.overview-transition-head h3{margin-bottom:4px}.overview-transition-head p{margin:0;color:#8793a4;font-size:9px}.overview-transition-head>strong{white-space:nowrap;border-radius:14px;background:#edf3ff;color:#3568cc;padding:6px 10px;font-size:9px}.overview-transition-times table{min-width:620px}.overview-transition-times th:nth-child(3),.overview-transition-times td:nth-child(3),.overview-transition-times th:nth-child(4),.overview-transition-times td:nth-child(4){text-align:right}.overview-transition-times td strong{color:#26364d}
.load-more{width:100%;border:1px dashed #cbd3df;background:#f8fafc;border-radius:8px;padding:10px;color:#4f6078;font-size:11px;font-weight:700}.load-more span{display:block;color:#939eae;font-size:9px;font-weight:500;margin-top:2px}
.board{height:calc(100vh - 245px);min-height:480px;align-items:stretch;padding-bottom:9px}.column{min-height:0;height:100%;display:flex;flex-direction:column}.column-head{flex-shrink:0}.task-list{min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#cbd3df transparent}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-thumb{background:#cbd3df;border-radius:6px}.content{height:calc(100vh - 70px);overflow:hidden;display:flex;flex-direction:column}.page-head,.toolbar{flex-shrink:0}
@media(max-width:850px){.content{height:calc(100vh - 70px);overflow:hidden}.board{height:calc(100vh - 220px);min-height:420px}}
.hidden{display:none!important}.list-view{height:calc(100vh - 245px);min-height:480px;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;display:flex;flex-direction:column}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--line);flex-shrink:0}.list-heading>div{display:flex;align-items:center;gap:10px}.list-heading strong{font:700 13px Manrope}.list-heading span{font-size:10px;color:#8995a6}.table-scroll{overflow:auto;min-height:0;flex:1}.task-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1250px;font-size:11px}.task-table th{position:sticky;top:0;z-index:2;background:#f5f7fa;color:#69778b;text-align:left;text-transform:none;letter-spacing:0;font-size:10px;padding:10px 9px;border-bottom:1px solid #dde2e9;white-space:nowrap}.task-table td{padding:8px 9px;border-bottom:1px solid #edf0f4;color:#4c5b70;vertical-align:middle;white-space:nowrap}.task-table tbody tr{cursor:pointer}.task-table tbody tr:hover{background:#f6f9ff}.task-table .check-col{width:34px;text-align:center;padding-left:8px;padding-right:5px}.task-table th:nth-child(2),.task-table td:nth-child(2){min-width:430px;white-space:normal}.work-cell{color:#26354a!important;line-height:1.35}.work-summary{margin-left:9px}.key-link{color:#3168da;margin-left:3px}.type-icon{color:#5f83ce;margin-right:2px}.table-status{display:inline-block;border-radius:5px;padding:3px 7px;font-weight:800;text-transform:uppercase;font-size:9px}.table-status.status-backlog{background:#D7DCE2;color:#46505E}.table-status.status-todo{background:#4B5563;color:#fff}.table-status.status-progress{background:#7DD3FC;color:#075985}.table-status.status-blocked{background:#DC2626;color:#fff}.table-status.status-review{background:#1E3A8A;color:#fff}.table-status.status-done{background:#16A34A;color:#fff}.table-status.status-cancelled{background:#F59E0B;color:#5B3600}.table-person{display:inline-flex;align-items:center;gap:6px}.table-person i{width:22px;height:22px;border-radius:50%;background:#426dd0;color:white;display:grid;place-items:center;font-size:7px;font-style:normal;font-weight:800}.priority-text{font-weight:700}.priority-text.highest,.priority-text.high{color:#d64b58}.priority-text.low{color:#6f7e92}.labels-cell{display:flex;align-items:center;gap:4px;max-width:100%;overflow:visible}.labels-cell b{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;border:1px solid #e0b666;background:#fffaf0;color:#68583c;border-radius:4px;padding:2px 4px 2px 5px;font-size:9px;font-weight:600}.labels-cell b button{display:grid;place-items:center;width:14px;height:14px;padding:0;border:0;border-radius:3px;background:transparent;color:#9a6b25;font:700 12px/1 Arial;cursor:pointer}.labels-cell b button:hover{background:#f5dfb5;color:#6b4310}.none-value{color:#909aaa}
.sort-button{border:0;background:transparent;color:inherit;padding:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:10px;font-weight:700}.sort-button i{font-style:normal;color:#a0aaba;font-size:12px}.sort-button:hover,.sort-button.active{color:#2863d8}.sort-button.active i{color:#2863d8}
.column-header{display:flex;align-items:center;justify-content:space-between;position:relative;gap:4px}.filter-trigger,.sort-arrow{border:0;background:transparent;color:inherit;padding:0;font-size:10px;font-weight:700}.filter-trigger{display:flex;align-items:center;gap:5px}.filter-trigger i{font-style:normal;color:#9aa5b5;font-size:9px}.filter-trigger b{display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#356df3;color:white;font-size:8px}.filter-trigger:hover,.filter-trigger.filtered,.sort-arrow:hover,.sort-arrow.active{color:#2863d8}.sort-arrow{font-size:12px;color:#9aa5b5;padding:1px 3px}.column-menu{position:absolute;top:24px;left:-5px;z-index:20;width:225px;background:white;border:1px solid #dfe4eb;border-radius:9px;box-shadow:0 12px 32px rgba(20,37,63,.18);padding:10px;text-transform:none;letter-spacing:0;color:#405067}.column-menu>label:first-child{display:block;font-size:9px;text-transform:uppercase;color:#8995a6;margin-bottom:6px}.column-menu>input{width:100%;border:1px solid #dfe4eb;border-radius:6px;padding:8px;font-size:11px}.option-menu{max-height:280px;overflow:auto}.menu-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:1px 2px 7px;margin-bottom:5px}.menu-title span{font-size:9px;text-transform:uppercase;color:#8995a6}.menu-option{display:flex!important;align-items:center;gap:7px;padding:6px 3px;margin:0!important;font-size:10px!important;text-transform:none!important;color:#46566c!important;cursor:pointer}.menu-option:hover{background:#f4f7fb}.clear-column-filter{border:0;background:transparent;color:#356df3;font-size:9px;font-weight:700;padding:2px}.column-menu>.clear-column-filter{margin-top:7px}
.menu-option.select-all-option{font-weight:700!important;color:#2f66d1!important;border-bottom:1px solid #edf0f4;margin-bottom:4px!important;padding-bottom:8px}
.task-table tbody tr.selected-row{background:#edf4ff}.task-table input[type="checkbox"]{accent-color:#356df3;cursor:pointer}.selection-count{font-size:10px;color:#2f66da;background:#eaf1ff;border-radius:10px;padding:3px 8px}
.permission-hint{font-size:10px;color:#7d8999;margin:10px 0 0}.action-btn:disabled{opacity:.42;cursor:not-allowed;background:#f4f6f8;color:#8490a0}
.action-btn.backlog-action{border-color:#cbd4e1;color:#596a82;background:#f6f8fb}
@media(max-width:850px){.list-view{height:calc(100vh - 220px);min-height:420px}}
.calendar-view{height:calc(100vh - 245px);min-height:480px;background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;display:flex;flex-direction:column}.calendar-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);flex-shrink:0}.calendar-head>div{display:flex;align-items:center;gap:10px}.calendar-head strong{font:700 14px Manrope}.calendar-head span{color:#8b96a6;font-size:10px}.calendar-head button{border:1px solid var(--line);background:white;color:#526176;padding:6px 10px;min-width:30px}.calendar-head button:first-child{border-radius:7px 0 0 7px}.calendar-head button:last-child{border-radius:0 7px 7px 0}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);flex-shrink:0;background:#f6f8fa;border-bottom:1px solid var(--line)}.weekday-row span{padding:7px 9px;color:#788598;font-size:9px;font-weight:700;text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(90px,1fr);min-height:0;overflow:auto}.calendar-day{border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:6px;min-width:120px}.calendar-day.outside{background:#fafbfc}.day-number{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:10px;font-weight:700;color:#59677b}.calendar-day.today .day-number{background:#356df3;color:white}.day-tasks{display:grid;gap:3px;margin-top:3px}.day-tasks button{border:0;border-left:3px solid var(--event);background:#f5f7fa;border-radius:4px;padding:4px 5px;text-align:left;font-size:8px;color:#47566b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-tasks button b{color:#2f66d1;margin-right:4px}.day-tasks small{font-size:8px;color:#7d8999;padding-left:5px}
@media(max-width:850px){.calendar-view{height:calc(100vh - 220px);min-height:420px}.calendar-grid,.weekday-row{min-width:850px}}
.toggle-filter{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.toggle-filter input{accent-color:#356df3;margin:0}
.task-table{table-layout:fixed;min-width:100%;margin-bottom:390px}.task-table th{position:sticky}.column-resizer{position:absolute;right:-3px;top:0;width:7px;height:100%;cursor:col-resize;z-index:5}.column-resizer:hover,.resizing-column .column-resizer{background:#356df3}.resizing-column,.resizing-column *{cursor:col-resize!important;user-select:none!important}.task-table td{overflow:hidden;text-overflow:ellipsis}.work-cell{white-space:nowrap!important}.work-summary{white-space:nowrap}
.editable-cell{position:relative;cursor:pointer;padding-right:22px!important}.editable-cell:hover,.editable-cell.editing{background:#eef4ff!important;overflow:visible!important}.cell-caret{position:absolute;right:7px;top:50%;transform:translateY(-50%);font-style:normal;font-size:8px;color:#9aa5b5;opacity:0}.editable-cell:hover .cell-caret,.editable-cell.editing .cell-caret{opacity:1}.cell-menu{position:absolute;left:4px;top:calc(100% - 2px);z-index:40;width:220px;max-height:275px;overflow:auto;background:white;border:1px solid #dce2ea;border-radius:9px;padding:8px;box-shadow:0 12px 32px rgba(20,37,63,.2);display:grid;gap:3px}.cell-menu strong{font-size:9px;text-transform:uppercase;color:#8490a2;padding:4px 6px 7px;border-bottom:1px solid #edf0f4}.cell-menu button{border:0;background:white;border-radius:5px;padding:7px;text-align:left;font-size:10px;color:#43536a}.cell-menu button:hover{background:#edf4ff;color:#2f66d1}.cell-menu button.current-value{background:#f2f4f7;color:#7c8898}.cell-menu input[type="date"]{border:1px solid #dfe4eb;border-radius:6px;padding:7px;font-size:10px}.multi-cell-menu label{display:flex;align-items:center;gap:7px;padding:5px 6px;font-size:10px}.multi-cell-menu label:hover{background:#f3f6fa}.cell-menu small{padding:7px;color:#929cab;font-size:9px}
.editable-cell.read-only-cell{cursor:default}.editable-cell.read-only-cell:hover{background:inherit!important}.editable-cell.read-only-cell .cell-caret{font-size:9px;opacity:.45}
.column-menu .apply-filter-btn{position:sticky;bottom:0;width:100%;margin-top:6px;border:0;border-radius:6px;background:#2f66d1;color:#fff;padding:8px 10px;font-size:10px;font-weight:700;text-align:center;box-shadow:0 -3px 8px rgba(255,255,255,.9)}.column-menu .apply-filter-btn:hover{background:#2559bd;color:#fff}
.column-menu .hide-column-btn{width:100%;margin-top:5px;border:1px solid #dfe4eb;border-radius:6px;background:white;color:#66758a;padding:7px 10px;font-size:9px;font-weight:700;text-align:center}.column-menu .hide-column-btn:hover{background:#f4f6f9;color:#33445b}.list-heading-actions{position:relative;display:flex;align-items:center;gap:9px}.columns-btn{border:1px solid #dfe4eb;border-radius:7px;background:white;color:#526176;padding:6px 9px;font-size:9px;font-weight:700}.columns-btn:hover,.columns-btn.has-hidden{border-color:#8eacef;color:#2f66d1;background:#f3f7ff}.columns-menu{position:absolute;right:0;top:30px;z-index:60;width:190px;max-height:330px;overflow:auto;background:white;border:1px solid #dfe4eb;border-radius:9px;padding:9px;box-shadow:0 12px 32px rgba(20,37,63,.2)}.columns-menu strong{display:block;padding:3px 5px 7px;border-bottom:1px solid #edf0f4;color:#8490a2;font-size:9px;text-transform:uppercase}.columns-menu label{display:flex;align-items:center;gap:8px;padding:7px 5px;color:#46566c;font-size:10px;cursor:pointer}.columns-menu label:hover{background:#f4f7fb}.columns-menu input{accent-color:#356df3}
.drag-handle{color:#a5afbd;font-size:10px;letter-spacing:-3px;cursor:grab;user-select:none;padding-right:3px}.task-table th[draggable="true"]{cursor:grab}.task-table th.dragging-column{opacity:.45}.task-table th.drop-before{box-shadow:inset 3px 0 #356df3}.task-table th.drop-after{box-shadow:inset -3px 0 #356df3}.task-table th[draggable="true"]:active,.drag-handle:active{cursor:grabbing}
.new-label-form{display:grid;grid-template-columns:1fr auto;gap:5px;padding:4px 3px 8px;border-bottom:1px solid #edf0f4;margin-bottom:3px}.new-label-form input{min-width:0;border:1px solid #dce2e9;border-radius:6px;padding:7px;font-size:10px;outline:none}.new-label-form input:focus{border-color:#6d92ec;box-shadow:0 0 0 2px #356df314}.new-label-form button{background:#356df3;color:white!important;text-align:center!important;font-weight:700!important}.new-label-form button:hover{background:#285dcc!important;color:white!important}
.labels-cell b{display:inline-flex;align-items:center;gap:4px}.labels-cell b button{display:grid;place-items:center;width:14px;height:14px;border:0;border-radius:50%;padding:0;background:transparent;color:#9a7a43;font-size:12px;line-height:1;cursor:pointer}.labels-cell b button:hover{background:#f1dcae;color:#7b5520}
.cell-menu .label-option{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.cell-menu .label-option.selected{background:#eef4ff;color:#2f66d1}.cell-menu .label-option i{font-style:normal;font-weight:800;color:#2f66d1}
.cell-menu .label-option.keyboard-active{background:#dfeaff;color:#245bc5;box-shadow:inset 3px 0 #356df3}
.comments{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.comments h4{display:flex;align-items:center;gap:7px;margin:0 0 11px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.comments h4 span{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#eaf1ff;color:#2f66d1;font-size:9px}.comment-form{background:#f6f8fa;border:1px solid #e7ebf0;border-radius:10px;padding:10px}.comment-form textarea{width:100%;min-height:68px;resize:vertical;border:1px solid #dce2e9;border-radius:7px;padding:9px;font:inherit;color:#35445a;background:white;outline:none}.comment-form textarea:focus{border-color:#6d92ec;box-shadow:0 0 0 3px #356df314}.comment-tools{display:flex;align-items:center;gap:9px;margin-top:8px}.comment-tools small{color:#8a96a7;font-size:9px}.comment-tools>button{margin-left:auto;border:0;border-radius:7px;background:#356df3;color:white;padding:8px 11px;font-size:10px;font-weight:700}.comment-tools>button:disabled{opacity:.55}.photo-upload{display:inline-flex;align-items:center;gap:5px;border:1px solid #dce2e9;border-radius:7px;background:white;padding:7px 9px;color:#4d5d72;font-size:10px;font-weight:700;cursor:pointer}.photo-upload input{display:none}.comment-preview{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.comment-preview:empty{display:none}.comment-preview img{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid #dce2e9}.comment-list{display:grid;gap:9px;margin-top:11px}.comment{border:1px solid #e5e9ef;border-radius:9px;padding:11px;background:white}.comment-meta{display:flex;align-items:center;gap:7px}.comment-meta strong{font-size:10px;color:#35445a}.comment-meta time{margin-left:auto;color:#909aaa;font-size:9px}.delete-comment-btn{border:1px solid #f1c7c7;border-radius:6px;background:#fff6f6;color:#c64141;padding:4px 7px;font-size:9px;font-weight:700;cursor:pointer}.delete-comment-btn:hover{background:#ffeaea}.comment p{margin:9px 0 0;white-space:pre-wrap;line-height:1.5;color:#4d5d72;font-size:11px}.comment-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:7px;margin-top:9px}.comment-images a{display:block}.comment-images img{display:block;width:100%;height:95px;object-fit:cover;border-radius:7px;border:1px solid #dce2e9}.no-comments{color:#909aaa;font-size:10px;text-align:center;padding:8px}
.modal{overflow-x:hidden}.modal #modalContent,.comments,.comment-form,.comment-list,.comment{box-sizing:border-box;min-width:0;max-width:100%}.comment-form textarea{box-sizing:border-box;max-width:100%}.comment p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.comment-meta{min-width:0;flex-wrap:wrap}.comment-meta time{white-space:nowrap}.comment-images{min-width:0;max-width:100%}.comment-images a,.comment-images img{min-width:0;max-width:100%}
.comment-mention-menu{display:grid;max-height:210px;overflow:auto;margin-top:5px;background:#fff;border:1px solid #dce2e9;border-radius:8px;box-shadow:0 9px 24px rgba(20,37,63,.14)}.comment-mention-menu:empty{display:none}.comment-mention-menu button{display:flex;align-items:center;gap:8px;width:100%;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:8px 9px;text-align:left;color:#405067;cursor:pointer}.comment-mention-menu button:last-child{border-bottom:0}.comment-mention-menu button:hover{background:#edf4ff}.comment-mention-menu button i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#426dd0;color:#fff;font-size:7px;font-style:normal;font-weight:800}.comment-mention-menu button span{font-size:10px;font-weight:700}
.comment-mention-menu button.mention-active{background:#dfeaff;color:#245bc5;box-shadow:inset 3px 0 #356df3}
.space-cell{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:650;color:#44556c}
.space-access-form{display:grid;gap:12px;margin-top:18px}.space-access-all,.space-user-list label{display:flex;align-items:center;gap:10px}.space-access-all{padding:10px 12px;border:1px solid #dce3ec;border-radius:8px;background:#f5f8fc;font-size:11px}.space-user-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:330px;overflow:auto;padding-right:4px}.space-user-list label{padding:8px 9px;border:1px solid #e7ebf0;border-radius:8px;cursor:pointer}.space-user-list label:hover{background:#f5f8fc;border-color:#d8e2f2}.space-user-list input,.space-access-all input{accent-color:#356df3}.access-note{margin:0;color:#8490a2;font-size:9px}.space-access-apply{justify-self:stretch;margin-top:3px}
@media(max-width:600px){.space-user-list{grid-template-columns:1fr}}
.progress-log-view{height:calc(100vh - 245px);min-height:480px;background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;display:flex;flex-direction:column}.progress-log-head{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--line)}.progress-log-head>div{display:flex;align-items:center;gap:10px}.progress-log-head strong{font:700 13px Manrope}.progress-log-head span,.progress-log-head small{font-size:10px;color:#8995a6}.progress-log-scroll{overflow:auto;flex:1}.progress-log-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}.progress-log-table th{position:sticky;top:0;z-index:2;background:#f5f7fa;color:#69778b;text-align:left;padding:10px;border-bottom:1px solid #dde2e9}.progress-log-table td{padding:9px 10px;border-bottom:1px solid #edf0f4;color:#4c5b70;vertical-align:middle}.progress-log-table th:first-child{width:170px}.progress-log-table th:nth-child(2){width:190px}.progress-log-table th:last-child{width:180px}.progress-log-table td button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;padding:0;text-align:left;color:#40516a}.progress-log-table td button strong{color:#3168da}.progress-log-table td button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-log-table tr:hover td{background:#f7f9fd}.empty-log{text-align:center!important;color:#909aaa!important;padding:38px!important}
@media(max-width:850px){.progress-log-view{height:calc(100vh - 220px);min-height:420px}.progress-log-head small{display:none}}
.space-folder{margin:5px 0;border-radius:9px;transition:.15s}.space-folder-title{display:flex;align-items:center;gap:7px;width:100%;border:0;background:transparent;text-align:left;cursor:pointer;padding:8px 11px;color:#91a3bc;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.space-folder-title span{font-size:9px}.space-folder-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-folder-title small{margin-left:auto;color:#637994}.space-folder-items{padding-left:8px}.space-folder-items .project-item{padding-left:12px}.space-folder.space-drop-target,.unfiled-spaces.space-drop-target{background:#ffffff14;outline:1px dashed #7898c3}.project-item[draggable="true"]{cursor:grab}.project-item[draggable="true"]:active{cursor:grabbing}.unfiled-spaces{min-height:8px;border-radius:8px;padding:2px 0}
.main-nav .nav-item[draggable="true"]{cursor:grab;position:relative}.main-nav .nav-item[draggable="true"]:active{cursor:grabbing}.main-nav .nav-item.dragging-nav{opacity:.4}.main-nav .nav-item.nav-drop-before:before,.main-nav .nav-item.nav-drop-after:after{content:'';position:absolute;left:8px;right:8px;height:2px;background:#73a0ff;border-radius:2px}.main-nav .nav-item.nav-drop-before:before{top:-4px}.main-nav .nav-item.nav-drop-after:after{bottom:-4px}
.space-folder{position:relative}.space-folder:not(.personal-folder) .space-folder-title{padding-right:34px}.delete-space-folder{position:absolute;right:7px;top:5px;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#71849e;font-size:17px;line-height:1;cursor:pointer}.delete-space-folder:hover{background:#ffffff17;color:#ff8791}
.shared-spaces-folder{margin-top:2px}.shared-spaces-folder .space-folder-title{padding-right:11px}.shared-spaces-folder+.personal-folder{margin-top:9px;border-top:2px solid #ffffff1f;padding-top:7px}.spaces-actions{display:flex;gap:6px}.spaces-actions button,.create-space-btn{border:1px solid #d7dee8;border-radius:6px;background:#fff;color:#42536a;padding:6px 9px;font-size:10px;font-weight:700}.create-space-btn{background:#356df3;color:#fff;border-color:#356df3}.spaces-actions button:hover{border-color:#9db3d3;background:#f5f8fc}
.task-table tbody tr[draggable="true"]{cursor:grab;position:relative}.task-table tbody tr.dragging-task-row{opacity:.42}.task-table tbody tr.task-drop-before td{border-top:2px solid #356df3}.task-table tbody tr.task-drop-after td{border-bottom:2px solid #356df3}
.task-table tbody tr.task-drop-inside td{background:#eaf2ff!important;border-top:2px solid #356df3;border-bottom:2px solid #356df3}.task-table tbody tr.task-drop-inside .work-cell:after{content:'Drop inside to create subtask';margin-left:12px;padding:3px 7px;border-radius:10px;background:#356df3;color:#fff;font-size:8px;font-weight:800}
.work-cell.inline-editing{padding-top:4px!important;padding-bottom:4px!important}.inline-title-editor{min-width:220px;width:calc(100% - 105px);border:1px solid #6d92ec;border-radius:5px;background:#fff;padding:5px 7px;color:#26374e;font:500 11px DM Sans;outline:none;box-shadow:0 0 0 3px #356df31a}.inline-title-editor:focus{border-color:#356df3}
.subtask-toggle{width:18px;height:18px;margin-right:3px;border:0;border-radius:4px;background:transparent;color:#5273aa;cursor:pointer;font-size:11px;line-height:18px}.subtask-toggle:hover{background:#e9f0fc}.subtask-toggle-placeholder{display:inline-block;width:21px}.task-table tr.subtask-row td{background:#fafcff}.task-table tr.subtask-row .work-cell{padding-left:27px}.task-table tr.subtask-row .type-icon{color:#7d91b2}.task-table tr.subtask-row{cursor:grab}.task-table tr.subtask-row:hover td{background:#f3f7fd}
.task-context-menu{position:fixed;z-index:1000;min-width:155px;padding:6px;background:#fff;border:1px solid #dce2ea;border-radius:9px;box-shadow:0 12px 35px rgba(22,35,55,.22)}.task-context-menu button{display:flex;align-items:center;width:100%;border:0;border-radius:6px;background:transparent;padding:9px 10px;color:#c2323f;font:700 11px Manrope;cursor:pointer}.task-context-menu button:hover{background:#fff0f1}
.read-only-space-users{grid-template-columns:1fr}.read-only-space-users>div{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid #e7ebf0;border-radius:8px}.read-only-space-users small{color:#6f7f95;font-size:9px;font-weight:700}
.toast{display:flex;align-items:center;gap:14px;max-width:min(430px,calc(100vw - 34px))}.toast span{line-height:1.35}.toast button{margin-left:auto;border:1px solid #ffffff55;border-radius:6px;background:#ffffff18;color:#fff;padding:5px 9px;font:800 10px DM Sans;cursor:pointer}.toast button:hover{background:#ffffff2b}
.status-reason-panel{margin:16px 0 4px;border-radius:9px;padding:12px 14px}.status-reason-panel span{display:block;margin-bottom:6px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.status-reason-panel p{margin:0;white-space:pre-wrap;font-size:11px;line-height:1.5}.cancelled-reason{border:1px solid #f3bd50;background:#fff7e6;color:#714612}.cancelled-reason span{color:#b36a00}
.table-scroll{overflow-x:scroll;overflow-y:auto;scrollbar-gutter:stable}.table-scroll::-webkit-scrollbar{width:12px;height:12px}.table-scroll::-webkit-scrollbar-track{background:#eef1f5}.table-scroll::-webkit-scrollbar-thumb{background:#9ba7b7;border:3px solid #eef1f5;border-radius:10px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#76859a}
.content,#tasksContent,.list-view,.table-scroll{min-width:0;max-width:100%;box-sizing:border-box}.list-view,.table-scroll{width:100%}.task-table{min-width:0}.task-table th:nth-child(2),.task-table td:nth-child(2){min-width:0}
.task-horizontal-control{display:flex;align-items:center;gap:10px;position:fixed;left:282px;right:34px;bottom:8px;z-index:9;height:30px;padding:3px 12px;box-sizing:border-box;background:#eef1f5;border:1px solid #cfd7e2;border-radius:8px;box-shadow:0 4px 14px #243a5a26}.task-horizontal-control span{color:#59687c;font-size:9px;font-weight:800}.task-horizontal-control input{width:100%;height:18px;accent-color:#356df3;cursor:ew-resize}@media(max-width:850px){.task-horizontal-control{left:17px;right:17px;bottom:8px}}
#tasksContent{margin-top:-14px}#tasksContent .page-head{align-items:center}#tasksContent .page-head h1{font-size:25px;margin-bottom:1px}#tasksContent .eyebrow{margin-bottom:4px}#tasksContent .subtitle{font-size:12px;line-height:1.25}#tasksContent .primary-btn{padding:9px 14px}#tasksContent .toolbar{margin:12px 0 10px}#tasksContent .view-tabs button{padding-bottom:9px}#tasksContent .filters{padding-bottom:5px}
.task-table th,.task-table td{border-right:1px solid #e8ecf1}.task-table th:last-child,.task-table td:last-child{border-right:0}.task-table th{box-shadow:inset -1px 0 0 #f7f8fa}
.task-horizontal-control input{-webkit-appearance:none;appearance:none;height:16px;background:transparent;outline:none}.task-horizontal-control input::-webkit-slider-runnable-track{height:4px;background:#cbd3de;border-radius:999px}.task-horizontal-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:75px;height:15px;margin-top:-5.5px;border:2px solid #fff;border-radius:999px;background:#52657e;box-shadow:0 1px 4px #26374e55}.task-horizontal-control input::-moz-range-track,.task-horizontal-control input::-moz-range-progress{height:4px;background:#cbd3de;border-radius:999px}.task-horizontal-control input::-moz-range-thumb{width:65px;height:13px;border:2px solid #fff;border-radius:999px;background:#52657e;box-shadow:0 1px 4px #26374e55}
.users-panel{display:flex;flex-direction:column;max-height:calc(100vh - 185px)}.users-panel-head{flex-shrink:0}.users-list{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9ba7b7 #eef1f5}.users-list::-webkit-scrollbar{width:11px}.users-list::-webkit-scrollbar-track{background:#eef1f5}.users-list::-webkit-scrollbar-thumb{background:#9ba7b7;border:3px solid #eef1f5;border-radius:10px}
.users-panel{max-width:1050px}.users-column-head,.user-role-row{display:grid;grid-template-columns:minmax(210px,1fr) 180px minmax(260px,1fr);align-items:center;gap:18px}.users-column-head{padding:9px 20px;background:#f6f8fa;border-bottom:1px solid #e4e8ee;color:#7b889a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.user-role-row{position:relative}.user-role-row>div{min-width:0}.user-spaces-dropdown{position:relative;min-width:0}.user-spaces-dropdown summary{display:flex;align-items:center;justify-content:space-between;min-width:150px;border:1px solid #dfe4eb;border-radius:8px;background:#fff;padding:8px 10px;color:#36465d;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.user-spaces-dropdown summary::-webkit-details-marker{display:none}.user-spaces-dropdown[open] summary{border-color:#8eacf0;box-shadow:0 0 0 3px #356df314}.user-spaces-dropdown>div{position:absolute;left:0;top:100%;z-index:80;display:grid;width:max(100%,230px);max-height:230px;margin-top:6px;overflow-y:auto;border:1px solid #dfe4eb;border-radius:8px;background:#fff;box-shadow:0 10px 24px #21375120}.user-spaces-dropdown label{display:flex;align-items:center;gap:7px;padding:7px 9px;border-bottom:1px solid #eef1f4;color:#46566c;font-size:10px;cursor:pointer}.user-spaces-dropdown label:last-child{border-bottom:0}.user-spaces-dropdown label:hover{background:#f5f8fd}.user-spaces-dropdown label small{margin-left:auto;color:#8c98a8;font-size:8px}.user-spaces-dropdown input{accent-color:#356df3}.user-spaces-dropdown input:disabled{opacity:.65}@media(max-width:760px){.users-column-head{display:none}.user-role-row{grid-template-columns:1fr}.user-spaces-dropdown summary{width:100%;box-sizing:border-box}}
.table-status.status-pause{background:#A78BFA;color:#2E1065}.action-btn.status-action-pause{background:#A78BFA;border-color:#8B5CF6;color:#2E1065}
.users-view{width:100%;min-width:0}.users-panel{width:100%;max-width:none}.users-list{overflow:auto}.users-column-head,.user-role-row{grid-template-columns:minmax(200px,1fr) 165px minmax(230px,1fr) 165px 145px;min-width:980px}.user-last-login{color:#607086;font-size:10px;white-space:nowrap}.reset-password-btn{border:1px solid #d8dfe8;border-radius:7px;background:#fff;padding:7px 9px;color:#4d5e75;font-size:10px;font-weight:700}.reset-password-btn:hover{border-color:#9db6ec;background:#f3f7ff;color:#2f64cd}@media(max-width:760px){.users-column-head,.user-role-row{min-width:0}.user-last-login:before{content:'Last login: ';font-weight:800}.reset-password-btn{width:100%}}
.users-column-head,.user-role-row{grid-template-columns:minmax(190px,1fr) 155px minmax(220px,1fr) 155px 135px 105px;min-width:1080px}.disable-user-btn{border:1px solid #efc7cb;border-radius:7px;background:#fff7f7;padding:7px 9px;color:#bd3f4b;font-size:10px;font-weight:800}.disable-user-btn:hover{background:#ffedef;border-color:#df929a}@media(max-width:760px){.users-column-head,.user-role-row{min-width:0}.disable-user-btn{width:100%}}
.managed-table-scroll{width:100%;min-width:0;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#9ba7b7 #eef1f5}.managed-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:11px}.managed-table th{position:sticky;top:0;z-index:3;background:#f5f7fa;color:#69778b;text-align:left;padding:10px;border-bottom:1px solid #dde2e9;white-space:nowrap}.managed-table td{padding:9px 10px;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;color:#4c5b70;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.managed-table tbody tr:hover td{background:#f7f9fd}.managed-column-header{position:relative;display:flex;align-items:center;gap:6px;min-width:0;padding-right:7px}.managed-filter-btn{min-width:0;display:flex;align-items:center;gap:5px;border:0;background:transparent;color:inherit;padding:0;font:700 10px DM Sans;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.managed-filter-btn:hover,.managed-filter-btn.active{color:#2863d8}.managed-filter-btn i{font-style:normal;color:#9aa5b5;font-size:9px}.managed-filter-btn b{display:grid;place-items:center;min-width:16px;height:16px;border-radius:9px;background:#356df3;color:#fff;font-size:8px}.managed-sort-btn{flex:0 0 auto;border:0;background:transparent;color:#9aa5b5;padding:1px 2px;font:800 9px DM Sans;cursor:pointer}.managed-sort-btn:hover,.managed-sort-btn.active{color:#2863d8}.managed-column-resizer{position:absolute;right:-10px;top:-10px;width:8px;height:36px;cursor:col-resize}.managed-column-resizer:hover{background:#356df3}.managed-table th[draggable="true"]{cursor:grab}.managed-table th.dragging-column{opacity:.45}.users-panel .managed-table-scroll{flex:1}.users-panel #usersTable{min-width:1080px}.users-panel #spacesTable{min-width:760px}.users-panel .managed-table select{min-width:130px;border:1px solid #dfe4eb;border-radius:8px;background:#fff;padding:8px 10px;color:#36465d}.users-panel .managed-table .user-spaces-dropdown summary{min-width:130px}.activity-log-table.managed-table,.progress-log-table.managed-table{width:max-content;min-width:100%}.overview-panel .managed-table{min-width:650px}
.editable-user-name{display:block;max-width:100%;border:0;background:transparent;padding:2px;text-align:left;border-radius:6px;cursor:text}.editable-user-name:hover{background:#eaf1ff}.user-name-editor{box-sizing:border-box;width:100%;min-width:90px;border:1px solid #6d92ec;border-radius:7px;padding:7px 9px;font:700 12px DM Sans;color:#34445a;outline:none;box-shadow:0 0 0 3px #356df314}
.managed-horizontal-control{position:sticky;left:0;bottom:0;z-index:85;display:flex;align-items:center;width:100%;height:30px;box-sizing:border-box;padding:3px 12px;background:#eef1f5;border-top:1px solid #cfd7e2;box-shadow:0 -3px 10px #243a5a1f}.managed-horizontal-control input{width:100%;height:18px;-webkit-appearance:none;appearance:none;background:transparent;outline:none;cursor:ew-resize}.managed-horizontal-control input::-webkit-slider-runnable-track{height:4px;background:#cbd3de;border-radius:999px}.managed-horizontal-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:75px;height:15px;margin-top:-5.5px;border:2px solid #fff;border-radius:999px;background:#52657e;box-shadow:0 1px 4px #26374e55}.managed-horizontal-control input::-moz-range-track,.managed-horizontal-control input::-moz-range-progress{height:4px;background:#cbd3de;border-radius:999px}.managed-horizontal-control input::-moz-range-thumb{width:75px;height:15px;border:2px solid #fff;border-radius:999px;background:#52657e;box-shadow:0 1px 4px #26374e55}
.managed-horizontal-control.no-overflow input{cursor:default;opacity:.72}
.saved-filter-select,.save-filter-btn,.clear-filters-btn{height:30px;border:1px solid #dfe4eb;border-radius:7px;background:#fff;color:#526176;padding:0 9px;font:700 9px DM Sans}.saved-filter-select{max-width:170px}.save-filter-btn{border-color:#8eacef;background:#f3f7ff;color:#2f66d1;cursor:pointer}.save-filter-btn:hover{background:#e7efff}.clear-filters-btn{cursor:pointer}.clear-filters-btn:hover:not(:disabled){background:#f3f6fa;color:#26364d}.clear-filters-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.saved-filter-select{max-width:125px}.save-filter-btn,.clear-filters-btn{padding:0 7px}}
.column-menu.open-up{top:auto;bottom:24px}.cell-menu.open-up{top:auto;bottom:calc(100% - 2px)}.columns-menu.open-up{top:auto;bottom:30px}.user-spaces-dropdown>div.open-up,.detail-labels-control>div.open-up{top:auto;bottom:100%;margin-top:0;margin-bottom:6px}.comment-form{position:relative}.comment-mention-menu{position:absolute;left:10px;right:10px;top:88px;z-index:95;margin-top:0}.comment-mention-menu.open-up{top:auto;bottom:100%;margin-bottom:6px}
.task-viewers{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.task-viewers-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.task-viewers-head h4{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.task-viewers-head span{font-size:9px;color:#8793a4}.task-viewers-scroll{max-height:210px;overflow:auto;border:1px solid #e4e9ef;border-radius:9px}.task-viewers table{width:100%;border-collapse:collapse;font-size:10px}.task-viewers th{position:sticky;top:0;background:#f5f7fa;color:#758296;text-align:left;padding:8px 10px;border-bottom:1px solid #dde3ea}.task-viewers td{padding:8px 10px;border-bottom:1px solid #edf0f4;color:#4b5b70;vertical-align:middle}.task-viewers tr:last-child td{border-bottom:0}.task-viewers td:last-child{display:flex;flex-wrap:wrap;gap:4px}.task-viewers td:last-child span{border-radius:10px;background:#eaf1ff;color:#2f63cb;padding:3px 6px;font-size:8px;font-weight:700}
.detail-labels-item{grid-column:1/-1}.detail-label-chips{display:flex!important;flex-wrap:wrap;gap:5px}.detail-label-chips b{border:1px solid #e0b666;border-radius:5px;background:#fffaf0;padding:3px 6px;color:#68583c;font-size:9px}.detail-labels-control{position:relative}.detail-labels-control summary{display:flex;justify-content:space-between;align-items:center;border:1px solid #dfe4eb;border-radius:6px;background:#fff;padding:6px 8px;color:#34445a;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.detail-labels-control summary::-webkit-details-marker{display:none}.detail-labels-control>div{position:absolute;left:0;right:0;top:100%;z-index:90;display:grid;max-height:220px;margin-top:5px;overflow-y:auto;border:1px solid #dfe4eb;border-radius:7px;background:#fff;box-shadow:0 9px 22px #2137511f}.detail-labels-control label{display:flex;align-items:center;gap:7px;padding:6px 8px;border-bottom:1px solid #eef1f4;color:#47576d;font-size:10px}.detail-labels-control label input{accent-color:#356df3}.detail-labels-control form{display:flex;gap:6px;padding:8px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e7ebf0}.detail-labels-control form input{min-width:0;flex:1;border:1px solid #dce2e9;border-radius:6px;padding:7px}.detail-labels-control form button{border:0;border-radius:6px;background:#356df3;color:#fff;padding:7px 10px;font-size:10px;font-weight:700}.managed-table td:has(details[open]){overflow:visible;position:relative;z-index:70}.managed-table tr:has(details[open]){position:relative;z-index:70}
.task-submit-btn:disabled{background:#d9dee7;color:#8b96a6;box-shadow:none;cursor:not-allowed;opacity:.75}

/* Task details layout: fixed actions footer and collapsed secondary sections. */
.task-details-modal #modalContent{display:flex;flex-direction:column}.task-details-modal #modalContent>.modal-actions{display:none}.task-details-footer{justify-content:space-between;align-items:center}.task-footer-left,.task-footer-right{display:flex;align-items:center;gap:10px}.task-details-modal #modalContent>.audit,.task-details-modal #modalContent>.task-viewers,.task-details-modal #modalContent>.comments{order:unset}.task-collapsible>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;color:#243248;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.task-collapsible>summary::-webkit-details-marker{display:none}.task-collapsible>summary:before{content:'▸';font-size:13px;color:#66758b}.task-collapsible[open]>summary:before{content:'▾'}.task-collapsible>summary span{margin-left:auto;color:#8793a4;font-size:9px;text-transform:none;letter-spacing:0}.task-viewers-scroll,.audit-content{margin-top:12px}
.activity-pagination{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:10px}.activity-pagination>div{display:flex;align-items:center;gap:10px}.activity-pagination strong{color:#4a5a70}.activity-pagination button{border:1px solid #dfe4eb;border-radius:7px;background:#fff;padding:7px 10px;color:#315fbd;font:700 10px DM Sans;cursor:pointer}.activity-pagination button:disabled{color:#aab2be;background:#f5f6f8;cursor:not-allowed}
.role-readonly-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #e1e6ed;border-radius:7px;background:#f6f8fa;color:#536277;font-size:10px;font-weight:700}
.sidebar,.app-shell,main{transition:transform .22s ease,grid-template-columns .22s ease}.sidebar-toggle{position:fixed;left:232px;top:18px;z-index:8;display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff24;border-radius:50%;background:#18304f;color:#fff;box-shadow:0 5px 16px #07162c35;font-size:21px;line-height:1;transition:left .22s ease,transform .22s ease,background .15s}.sidebar-toggle:hover{background:#285088}.sidebar-collapsed .app-shell{grid-template-columns:0 1fr}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed main{grid-column:2}.sidebar-collapsed .sidebar-toggle{left:10px;transform:rotate(180deg)}
@media(max-width:850px){.sidebar-toggle{left:10px;top:19px;transform:rotate(180deg)}.sidebar-mobile-open .sidebar{display:flex;transform:none;box-shadow:15px 0 35px #07162c44}.sidebar-mobile-open .sidebar-toggle{left:232px;transform:none}}
.sidebar-collapsed .sidebar-toggle{transform:none}@media(max-width:850px){.sidebar-toggle,.sidebar-mobile-open .sidebar-toggle{transform:none}}
.sidebar-toggle{top:50%;transform:translateY(-50%)}.sidebar-collapsed .sidebar-toggle{transform:translateY(-50%)}@media(max-width:850px){.sidebar-toggle,.sidebar-mobile-open .sidebar-toggle{top:50%;transform:translateY(-50%)}}
.data-transfer-btn{border:1px solid #d9e1ec;border-radius:8px;background:#fff;color:#526176;padding:7px 10px;font-size:10px;font-weight:700;white-space:nowrap}.data-transfer-btn:hover{border-color:#9bb6ef;color:#2f66d1;background:#f4f7ff}@media(max-width:1050px){.data-transfer-btn{padding:7px;font-size:9px}}