@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&display=swap");:root{--ink:#17233b;--muted:#718096;--line:#e7ebf2;--paper:#f7f8fc;--blue:#2457c5;--blue-dark:#173b76;--white:#fff;--shadow:0 14px 40px rgba(21,35,66,.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Alexandria,Arial,sans-serif;font-size:14px}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;position:fixed;inset:0 0 0 auto;background:white;border-left:1px solid var(--line);padding:22px 15px 13px;display:flex;flex-direction:column;z-index:20}.brand-row{display:flex;align-items:center;gap:11px;padding:0 7px 23px}.brand-mark{width:37px;height:37px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:white;background:linear-gradient(145deg,#2869df,#173b76);box-shadow:0 5px 12px #2457c540}.brand-name{font-size:19px;font-weight:800;letter-spacing:-.5px}.workspace-picker{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:11px;margin-bottom:20px}.workspace-icon{height:33px;width:33px;border-radius:9px;background:#edf3ff;color:#2457c5;display:grid;place-items:center}.workspace-label{flex:1 1;display:grid;grid-gap:3px;gap:3px}.workspace-label b{font-size:12px}.workspace-label small{font-size:10px;color:var(--muted)}.workspace-picker>svg{color:#8792a6}.nav-caption{font-size:10px;color:#98a2b3;font-weight:600;padding:0 10px 8px;margin-top:3px}.nav-item{width:100%;height:42px;border:0;background:transparent;color:#59667a;border-radius:9px;padding:0 11px;display:flex;align-items:center;gap:11px;text-align:right;margin:2px 0}.nav-item>span{flex:1 1}.nav-item b{font-size:10px;background:#edf2fa;color:#59667a;padding:3px 7px;border-radius:20px}.nav-item:hover,.nav-project:hover{background:#f5f7fb}.nav-item.active{color:#2457c5;background:#edf3ff;font-weight:600}.project-caption{display:flex;align-items:center;justify-content:space-between;margin-top:19px}.project-caption button{border:0;background:transparent;color:#77849a;padding:2px}.project-nav{overflow:auto;flex:1 1}.nav-project{width:100%;height:37px;border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:8px;text-align:right;color:#546176;font-size:11px}.nav-project>span:nth-of-type(2){flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-project.child{padding-right:24px;height:33px;font-size:10px;color:#7b8799}.nav-project.selected{background:#f0f5ff;color:#2457c5}.project-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.tree-line{width:9px;border-top:1px solid #cbd3e1}.sidebar-empty{font-size:10px;color:#a4acba;padding:0 10px}.sidebar-bottom{border-top:1px solid var(--line);padding-top:11px}.profile-row{display:flex;align-items:center;gap:9px;padding:13px 5px 3px;margin-top:6px}.avatar{width:34px;height:34px;border-radius:11px;background:#e5edff;color:#2457c5;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.profile-text{display:grid;grid-gap:3px;gap:3px;flex:1 1;min-width:0}.profile-text b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-text small{font-size:9px;color:#8c97a8}.icon-btn{width:34px;height:34px;border:0;background:transparent;border-radius:9px;display:inline-grid;place-items:center;color:#768398;flex-shrink:0}.icon-btn:hover{background:#f1f4f9;color:#263b63}.main-area{margin-right:260px;width:calc(100% - 260px);min-width:0}.topbar{height:68px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;padding:0 36px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.breadcrumb,.topbar,.topbar-left,.topbar-right{display:flex;align-items:center}.breadcrumb{gap:9px;font-size:11px;color:#8a96a8}.breadcrumb b{color:#36435a;font-weight:600}.topbar-right{gap:18px}.search-box{width:min(300px,31vw);height:36px;border:1px solid var(--line);background:#fafbfe;border-radius:9px;padding:0 10px;display:flex;align-items:center;gap:8px;color:#8894a6}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.search-box kbd{font:9px Alexandria,sans-serif;border:1px solid #e3e7ef;border-radius:4px;background:white;padding:3px 5px;white-space:nowrap}.notification-button{position:relative}.notification-dot,.unread-dot{position:absolute;width:8px;height:8px;background:#e5484d;border:2px solid white;border-radius:50%;top:6px;right:7px}.top-avatar{width:31px;height:31px}.page-content{max-width:1400px;margin:auto;padding:34px 38px 50px}.admin-heading,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:10px;color:#8390a2;margin-bottom:8px}.admin-heading h1,.page-heading h1{font-size:25px;margin:0 0 7px;font-weight:700;letter-spacing:-.7px}.admin-heading p,.page-heading p{font-size:11px;color:#8590a1;margin:0;line-height:1.7}.btn{border:1px solid transparent;border-radius:9px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600}.btn.primary{background:#2457c5;color:white;box-shadow:0 4px 10px #2457c529}.btn.primary:hover{background:#1948ab}.btn.secondary{background:white;border-color:#e2e7f0;color:#49566b}.btn.secondary:hover{border-color:#b7c7e7;background:#f8faff}.btn.small{min-height:31px;padding:0 10px;font-size:10px}.btn.full{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:15px;gap:15px;margin-bottom:21px}.panel,.project-card,.quick-note,.stat-card{background:white;border:1px solid var(--line);border-radius:13px}.stat-card{padding:17px 18px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#768397;font-size:10px}.stat-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px}.stat-icon.blue{background:#edf3ff;color:#3768cf}.stat-icon.green{background:#e8f8ef;color:#208952}.stat-icon.red{background:#fff0ef;color:#d34d49}.stat-icon.amber{background:#fff7e8;color:#ca8a16}.stat-value{font-size:25px;font-weight:700;margin-top:9px;line-height:1.2}.stat-hint{font-size:9px;color:#9aa4b2;margin-top:5px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);grid-gap:17px;gap:17px}.panel{padding:19px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-heading h2{font-size:14px;margin:0 0 5px}.panel-heading p{font-size:10px;color:#8a96a7;margin:0}.text-link{background:transparent;color:#3263c7;display:inline-flex;gap:5px;font-size:10px;font-weight:600;white-space:nowrap}.task-row,.text-link{border:0;align-items:center}.task-row{width:100%;border-top:1px solid #eef0f5;background:white;min-height:65px;padding:9px 3px;display:flex;gap:11px;text-align:right}.task-row:hover{background:#fbfcff}.task-check{height:18px;width:18px;border:1.5px solid #c8d0dd;border-radius:6px;display:grid;place-items:center;color:#fff;flex-shrink:0}.task-check.in_progress{border-color:#4680e3;background:#edf3ff}.task-check.done{border-color:#20a467;background:#20a467}.task-info{display:grid;grid-gap:6px;gap:6px;flex:1 1;min-width:0}.task-info b{font-size:11px;font-weight:600;color:#354158;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-info small{font-size:9px;color:#909bac}.priority-dot{width:7px;height:7px;border-radius:50%;background:#91a0b3;flex-shrink:0}.priority-dot.low{background:#44aa76}.priority-dot.normal{background:#7d9ddb}.priority-dot.high{background:#ed9c34}.priority-dot.urgent{background:#dc5350}.task-date{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;color:#8995a6}.task-date.late{color:#c94545}.row-arrow{color:#b2bbc8}.muted-icon{color:#9ca8b7}.project-card-mini{display:flex;align-items:center;gap:10px;padding:11px 1px;width:100%;border:0;border-top:1px solid #f0f2f6;background:white;text-align:right}.project-card-mini:hover{background:#fbfcff}.project-badge{height:37px;width:37px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.project-badge.large{width:44px;height:44px}.mini-project-info{flex:1 1;display:grid;grid-gap:5px;gap:5px}.mini-project-info b{font-size:10px}.mini-project-info small{font-size:9px;color:#909aab}.progress-track{display:block;width:100%;height:4px;background:#edf0f5;border-radius:5px;overflow:hidden}.progress-track i{height:100%;display:block;border-radius:5px}.progress-pct{font-size:9px;color:#68768b}.quick-note{margin-top:17px;background:linear-gradient(110deg,#f3f7ff,#fbfcff);padding:14px 17px;display:flex;align-items:center;gap:12px;border-color:#e2eafa}.quick-icon{height:35px;width:35px;background:#e1ebff;border-radius:10px;color:#3768cf;display:grid;place-items:center}.quick-note>div:nth-child(2){flex:1 1}.quick-note b{font-size:11px}.quick-note p{font-size:9px;color:#7e8a9e;margin:5px 0 0}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin:3px 0 14px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{border:1px solid transparent;background:transparent;color:#798598;border-radius:7px;padding:8px 11px;font-size:10px}.filter-tabs button.selected{background:white;border-color:#e4e8f0;color:#2858bd;font-weight:600}.result-count{display:flex;align-items:center;gap:6px;font-size:10px;color:#8b96a6}.list-panel{padding:3px 17px}.empty-state{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#929dad}.empty-state p{font-size:10px;margin:0}.empty-icon{height:42px;width:42px;border-radius:13px;background:#f3f5f9;color:#9aa6b6;display:grid;place-items:center}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.project-card{padding:18px}.project-card-head{display:flex;align-items:center;justify-content:space-between}.project-card h3{font-size:14px;margin:16px 0 6px}.project-card>p{font-size:10px;color:#8995a5;line-height:1.8;height:36px;overflow:hidden;margin:0 0 13px}.project-meta{display:flex;gap:15px;font-size:9px;color:#7e8a9b;border-bottom:1px solid #eef0f5;padding-bottom:13px}.project-meta span{display:flex;align-items:center;gap:5px}.progress-label{display:flex;justify-content:space-between;font-size:9px;color:#8792a4;margin:13px 0 7px}.progress-label b{color:#4a566a}.progress-track.thick{height:6px}.subproject-list{border-top:1px solid #eef0f5;margin:14px 0;padding-top:8px}.subproject-list button{height:31px;width:100%;border:0;background:white;display:flex;align-items:center;gap:8px;text-align:right;font-size:9px;color:#627087}.subproject-list button svg{margin-right:auto}.project-card>.btn{margin-top:16px}.wide-empty{grid-column:1/-1}.login-wrap{min-height:100vh;justify-content:center;flex-direction:column;padding:24px;background:radial-gradient(ellipse at top,#eaf0fc 0,#f5f7fb 42%,#f7f8fc 72%)}.login-brand,.login-wrap{display:flex;align-items:center}.login-brand{gap:10px;font-size:19px;font-weight:800;margin-bottom:19px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:31px 32px;box-shadow:var(--shadow)}.login-intro{text-align:center;margin-bottom:24px}.login-icon{margin:0 auto 13px;width:46px;height:46px;border-radius:14px;background:#edf3ff;color:#2457c5;display:grid;place-items:center}.login-intro h1{font-size:20px;margin:0 0 8px}.login-intro p{font-size:10px;color:#8b96a6;margin:0}.login-form{display:grid;grid-gap:9px;gap:9px}.field label,.login-form>label{font-size:10px;font-weight:600;color:#536078;margin-top:6px}.input-icon{display:flex;align-items:center;gap:8px;height:40px;border:1px solid #e1e6ef;border-radius:8px;padding:0 10px;color:#98a3b2}.input-icon:focus-within{border-color:#7192d6;box-shadow:0 0 0 3px #2457c51a}.input-icon input{flex:1 1;border:0;outline:0;background:transparent;min-width:0;font-size:11px}.login-button{margin-top:11px;width:100%;height:42px}.login-note{text-align:center;margin-top:19px;font-size:9px;color:#9ba5b4}.login-foot{font-size:10px;color:#8c97a8;margin-top:20px}.form-error{border-radius:8px;background:#fff1f0;border:1px solid #ffd9d5;color:#b83731;padding:9px 11px;font-size:10px}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#6b7890;font-size:11px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.detail-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:50;background:#101a2c66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:min(610px,100%);max-height:calc(100dvh - 40px);border-radius:15px;box-shadow:0 22px 70px #111c3040;flex-direction:column;overflow:auto}.modal-card,.modal-heading{background:white;display:flex}.modal-heading{position:-webkit-sticky;position:sticky;top:0;z-index:2;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid var(--line)}.modal-heading h2{font-size:16px;margin:0}.modal-heading .eyebrow{margin-bottom:5px}.modal-form{padding:20px;display:grid;grid-gap:13px;gap:13px}.field{display:grid;grid-gap:7px;gap:7px;min-width:0}.field label em{font-style:normal;color:#d64d49}.detail-field input,.detail-field select,.field input,.field select,.field textarea,.inline-child-form input{width:100%;border:1px solid #e1e6ee;border-radius:8px;padding:10px 11px;outline:0;background:white;color:#344158;font-size:10px}.detail-field input:focus,.detail-field select:focus,.field input:focus,.field select:focus,.field textarea:focus,.inline-child-form input:focus{border-color:#7896d7;box-shadow:0 0 0 3px #2457c514}.field textarea{resize:vertical;line-height:1.8}.field small{font-size:8px;color:#98a2b1;line-height:1.7}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.color-input{display:flex;align-items:center;gap:9px;border:1px solid #e1e6ee;border-radius:8px;padding:5px 8px;height:39px;color:#7b8798;font-size:10px}.color-input input{width:30px;height:28px;border:0;padding:0}.members-select{border:1px solid #e1e6ee;border-radius:8px;max-height:155px;overflow:auto;padding:5px}.member-choice{display:flex;align-items:center;gap:8px;min-height:35px;padding:0 7px;border-radius:6px;font-weight:400!important;margin:0!important}.member-choice:hover{background:#f7f8fc}.member-choice input{width:auto!important}.member-choice>span:last-of-type{font-size:10px;flex:1 1}.avatar.tiny{height:25px;width:25px;border-radius:8px;font-size:8px}.modal-actions{display:flex;justify-content:flex-start;gap:8px;border-top:1px solid #eef0f4;padding-top:13px;margin-top:3px}.detail-backdrop{justify-content:flex-start;padding:0}.detail-drawer{width:min(600px,100%);height:100%;background:white;display:flex;flex-direction:column;box-shadow:15px 0 55px #0f1b2c33;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translateX(22px);opacity:.7}to{transform:translateX(0);opacity:1}}.detail-header{height:57px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 20px;flex-shrink:0}.detail-breadcrumb{display:flex;align-items:center;gap:7px;color:#7d899b;font-size:9px}.detail-actions{display:flex}.detail-scroll{padding:21px 26px 35px;overflow:auto;flex:1 1}.detail-title-row{display:flex;align-items:flex-start;gap:12px}.task-check.big{width:23px;height:23px;margin-top:2px}.detail-kicker{font-size:9px;color:#8995a6}.detail-title-row h2{font-size:19px;line-height:1.55;margin:3px 0 0}.detail-chips{display:flex;align-items:center;gap:7px;margin:15px 0 19px}.late-chip,.priority-chip,.role-badge,.status-chip{font-size:9px;border-radius:20px;padding:6px 9px;display:inline-flex;align-items:center;gap:6px;background:#f0f2f6;color:#69768b}.status-chip.in_progress{background:#edf3ff;color:#3262bf}.status-chip.done{background:#eaf7ef;color:#20854e}.status-chip.in_review{background:#f3edff;color:#754fc1}.status-chip.blocked{background:#fff3e7;color:#b27120}.priority-chip.urgent{color:#be3d39;background:#fff0ef}.priority-chip.high{color:#bb751e;background:#fff6e8}.late-chip{background:#fff0ef;color:#bf4640}.detail-fields{border:1px solid #e9ecf2;border-radius:11px;display:grid;grid-template-columns:1fr 1fr;margin:0 0 15px}.detail-field{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #eef0f5;min-width:0}.detail-field:nth-child(odd){border-left:1px solid #eef0f5}.detail-field:nth-last-child(-n+2){border-bottom:0}.detail-field-icon{width:30px;height:30px;border-radius:9px;background:#f3f5f9;color:#76849a;display:grid;place-items:center;flex-shrink:0}.detail-field>div{display:grid;grid-gap:5px;gap:5px;min-width:0;flex:1 1}.detail-field small{font-size:8px;color:#909bab}.detail-field b{font-size:9px;font-weight:500}.detail-field input,.detail-field select{border:0;padding:0;height:18px;font-size:9px;box-shadow:none!important}.delivery-box{border:1px solid #e7edf7;background:#f8faff;border-radius:9px;padding:11px 13px;margin:0 0 19px}.delivery-box>div{display:flex;align-items:center;gap:7px;font-size:9px;color:#4b607e}.delivery-box p{font-size:9px;line-height:1.8;color:#66758c;margin:7px 0 0}.detail-section{margin-top:21px}.detail-section h3{font-size:11px;margin:0 0 11px}.detail-description,.muted-paragraph{font-size:9px;line-height:1.9;color:#7e8a9d;margin:0}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title-row h3{margin:0}.count-pill{display:inline-grid;place-items:center;min-width:19px;height:18px;border-radius:9px;background:#f0f2f6;color:#788499;font-size:8px;margin-right:5px;padding:0 5px}.small-link{font-size:9px}.inline-child-form{display:flex;gap:7px;margin:10px 0}.inline-child-form input{flex:1 1}.upload-link{display:inline-flex;align-items:center;gap:6px;color:#3263c7;font-size:9px;font-weight:600;cursor:pointer}.upload-link.disabled{opacity:.5}.file-row{display:flex;align-items:center;gap:9px;border:1px solid #eceff4;border-radius:8px;padding:9px;margin-top:7px}.file-icon{height:30px;width:30px;border-radius:8px;background:#f1f4fa;color:#6580b3;display:grid;place-items:center}.file-row>span:nth-child(2){display:grid;grid-gap:5px;gap:5px;flex:1 1;min-width:0}.file-row b{font-size:9px;overflow:hidden;text-overflow:ellipsis}.file-row small{font-size:8px;color:#939eae}.file-row>svg{color:#97a2b1}.update-composer{display:flex;gap:9px;margin:12px 0 16px}.composer-main{flex:1 1;border:1px solid #e4e8ef;border-radius:9px;padding:7px 9px}.composer-main textarea{width:100%;border:0;outline:0;resize:vertical;min-height:43px;font-size:9px;line-height:1.7}.composer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2f5;padding-top:7px}.composer-bottom>span{font-size:8px;color:#9aa4b2}.activity-entry{display:flex;gap:9px;margin:15px 0}.activity-entry>div:last-child{flex:1 1}.activity-meta{display:flex;align-items:center;gap:8px}.activity-meta b{font-size:9px}.activity-meta time{font-size:8px;color:#9aa4b2}.activity-entry p{font-size:9px;line-height:1.8;color:#65738a;margin:6px 0 0;white-space:pre-wrap}.detail-footer{border-top:1px solid var(--line);padding:13px 25px;flex-shrink:0}.completed-banner{display:flex;align-items:center;justify-content:center;gap:7px;color:#21834f;background:#eaf7ef;padding:11px;border-radius:8px;font-size:10px}.menu-toggle,.mobile-close,.scrim{display:none}.toast{position:fixed;bottom:23px;left:25px;z-index:100;background:#162b50;color:white;border-radius:9px;padding:12px 17px;display:flex;align-items:center;gap:9px;font-size:10px;box-shadow:var(--shadow)}.toast svg{color:#78d5a4}.notifications-card{width:min(450px,100%);max-height:min(650px,calc(100dvh - 30px))}.mark-read{align-self:flex-start;margin:11px 19px 0;border:0;background:transparent;color:#3263c7;display:flex;align-items:center;gap:6px;font-size:9px}.notification-list{overflow:auto;padding:7px 12px 15px}.notification-row{width:100%;position:relative;display:flex;align-items:flex-start;text-align:right;gap:10px;padding:12px 7px;border:0;border-bottom:1px solid #eef0f4;background:white}.notification-row.unread{background:#f8faff}.notification-type{width:31px;height:31px;border-radius:9px;background:#edf3ff;color:#3967c1;display:grid;place-items:center;flex-shrink:0}.notification-type.task_overdue{background:#fff0ef;color:#c94c46}.notification-row>span:nth-child(2){flex:1 1}.notification-row b{font-size:10px}.notification-row p{font-size:9px;color:#737f92;margin:5px 0;line-height:1.7}.notification-row small{font-size:8px;color:#9aa3b0}.unread-dot{position:static;border:0;flex-shrink:0;margin:5px 3px}.admin-heading,.admin-shield{align-items:center}.admin-shield{display:flex;gap:7px;color:#3464bd;background:#eff4ff;padding:9px 12px;border-radius:9px;font-size:9px}.admin-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:15px}.admin-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#7b8798;display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:10px}.admin-tabs button.selected{color:#285cc2;border-color:#3268d0;font-weight:600}.admin-tabs button span{background:#eff2f7;padding:2px 6px;border-radius:10px;font-size:8px}.admin-panel{padding:20px}.user-create-form{padding:15px;background:#f8faff;border:1px solid #e8edf6;border-radius:10px;margin:14px 0}.user-create-form .form-row{margin-bottom:10px}.form-actions-right{display:flex;gap:7px;justify-content:flex-start;margin-top:12px}.user-table-head,.user-table-row{display:grid;grid-template-columns:minmax(190px,2fr) 1fr 1fr 100px;align-items:center;grid-gap:10px;gap:10px;padding:10px 7px}.user-table-head{font-size:8px;color:#929dad;border-bottom:1px solid var(--line)}.user-table-row{border-bottom:1px solid #f0f2f6;font-size:9px}.user-cell{display:flex;align-items:center;gap:9px}.user-cell>span:last-child{display:grid;grid-gap:4px;gap:4px}.user-cell b{font-size:9px}.user-cell small{font-size:8px;color:#909bad}.role-badge{width:max-content}.role-badge.admin{background:#f3edff;color:#714fc1}.role-badge.manager{background:#edf3ff;color:#3262bd}.account-state{display:flex;align-items:center;gap:5px;font-size:8px}.account-state i{width:7px;height:7px;border-radius:50%;background:#28a566}.account-state.inactive i{background:#c6ccd6}.table-action{border:0;background:transparent;color:#778399;font-size:9px;display:flex;align-items:center;gap:5px}.member-access-form{display:grid;grid-gap:15px;gap:15px;max-width:620px}.member-choice small{font-size:8px;color:#8a95a6}.mobile-close{display:none}@media(max-width:1100px){.sidebar{width:235px}.main-area{margin-right:235px;width:calc(100% - 235px)}.page-content{padding:28px 25px 40px}.topbar{padding:0 25px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.sidebar{transform:translateX(105%);transition:transform .22s ease;width:min(290px,84vw);z-index:41}.sidebar.open{transform:translateX(0)}.main-area{margin-right:0;width:100%}.topbar{height:60px;padding:0 15px}.topbar-right{gap:8px}.search-box{width:min(235px,48vw)}.search-box kbd{display:none}.menu-toggle,.mobile-close{display:inline-grid}.mobile-close{margin-right:auto}.scrim{display:block;position:fixed;inset:0;background:#15233d70;z-index:40}.page-content{padding:25px 17px 38px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-heading h1,.page-heading h1{font-size:22px}.detail-drawer{width:min(560px,100%)}.quick-note{flex-wrap:wrap}.quick-note .btn{margin-right:46px}.user-table-head,.user-table-row{grid-template-columns:minmax(140px,2fr) .9fr .8fr 77px;gap:5px}.admin-shield{font-size:0;padding:9px}}@media(max-width:540px){.topbar{padding:0 10px}.breadcrumb{font-size:9px;gap:5px}.topbar-right{gap:3px}.search-box{width:35px;padding:0;justify-content:center;border-color:transparent;background:transparent}.search-box input,.search-box kbd{display:none}.search-box:focus-within{position:absolute;left:52px;right:55px;width:auto;background:white;border-color:var(--line);padding:0 9px;z-index:2}.search-box:focus-within input{display:block}.top-avatar{display:none}.page-content{padding:22px 12px 32px}.page-heading{align-items:flex-start;gap:9px}.page-heading h1{font-size:20px}.page-heading p{font-size:9px}.page-heading>.btn{min-height:34px;padding:0 9px;font-size:9px;white-space:nowrap}.stats-grid{gap:8px}.stat-card{padding:13px}.stat-top{font-size:9px}.stat-value{font-size:22px}.panel{padding:14px}.task-row{gap:7px;min-height:62px}.task-info b{font-size:9px}.task-date,.task-info small{font-size:8px}.task-date svg:first-child{display:none}.priority-dot{width:6px;height:6px}.row-arrow{display:none}.project-panel .panel-heading h2,.task-panel .panel-heading h2{font-size:12px}.quick-note{gap:8px}.quick-note p{line-height:1.7}.quick-note .btn{margin-right:43px}.list-toolbar{align-items:flex-start;gap:8px;flex-direction:column}.filter-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.filter-tabs button{padding:7px 9px;white-space:nowrap;font-size:9px}.projects-grid{grid-template-columns:1fr}.project-card{padding:15px}.form-row{grid-template-columns:1fr;gap:11px}.modal-backdrop{padding:8px;align-items:flex-end}.modal-card{max-height:calc(100dvh - 16px);border-radius:15px 15px 9px 9px}.modal-form,.modal-heading{padding:14px}.detail-scroll{padding:18px 16px 30px}.detail-fields{grid-template-columns:1fr}.detail-field:nth-child(odd){border-left:0}.detail-field:nth-last-child(-n+2){border-bottom:1px solid #eef0f5}.detail-field:last-child{border-bottom:0}.detail-title-row h2{font-size:16px}.detail-drawer{width:100%}.detail-footer{padding:11px 15px}.user-table-head{display:none}.user-table-row{grid-template-columns:1fr auto;gap:9px;padding:12px 3px}.user-cell{grid-column:1/2}.user-table-row>.account-state,.user-table-row>.role-badge{grid-column:1}.user-table-row>.table-action{grid-column:2;grid-row:1/4}.admin-heading{align-items:flex-start}.admin-shield{padding:7px}.login-card{padding:25px 20px}.toast{left:12px;bottom:12px;right:12px;justify-content:center}.task-row.compact{min-height:47px}.task-row.compact .task-date{display:none}}