:root { --ink:#151515; --muted:#747474; --line:#e7e5df; --paper:#f6f5f1; --white:#fff; --orange:#f05a32; --green:#2e8b65; --blue:#315fdd; }
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:"Be Vietnam Pro",Arial,sans-serif} button,input,select,textarea{font:inherit} button{color:inherit} button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(49,95,221,.22);outline-offset:2px}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:26px 18px 22px;background:#181818;color:#fff;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px;font-size:13px;line-height:1.25;letter-spacing:.08em}.brand b{font-size:16px;letter-spacing:.01em}.brand-mark{width:36px;height:36px;border-radius:10px;background:#fff;color:#151515;display:inline-grid;place-items:center;font-size:22px;font-weight:800;box-shadow:inset 0 0 0 1px #ddd}.nav-list{display:grid;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:#a9a9a9;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;font-size:14px;font-weight:600}.nav-item:hover{background:#242424;color:#fff}.nav-item.active{background:#fff;color:#151515}.nav-icon{width:22px;text-align:center;font-size:19px}.sidebar-spacer{flex:1}.import-card{display:flex;align-items:center;gap:10px;border:1px solid #343434;background:#212121;border-radius:12px;padding:12px;margin-bottom:12px}.import-card>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#234c39;color:#87e5b4}.import-card b,.import-card small{display:block}.import-card b{font-size:12px}.import-card small{font-size:10px;color:#a3a3a3;margin-top:2px}.role-card{border-top:1px solid #303030;padding:15px 4px 0}.role-card label{display:block;color:#8d8d8d;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin:0 6px 8px}.role-card select{width:100%;border:1px solid #3a3a3a;background:#242424;color:#fff;border-radius:10px;padding:10px 11px;font-size:12px}
.main-content{min-height:100vh;margin-left:248px}.topbar{height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.mobile-brand{display:none}.global-search{width:min(390px,38vw);display:flex;align-items:center;gap:10px;background:#f3f2ee;border:1px solid #e9e7e1;border-radius:12px;padding:10px 14px}.global-search span,.filter-search span{font-size:20px;color:#777}.global-search input,.filter-search input{border:0;background:transparent;outline:0;width:100%;font-size:13px}.top-actions,.manager-chip{display:flex;align-items:center}.top-actions{gap:16px}.icon-button{position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:20px;cursor:pointer}.icon-button i{position:absolute;top:-6px;right:-6px;background:var(--orange);color:#fff;border:2px solid #fff;border-radius:999px;min-width:19px;height:19px;font:700 10px/15px var(--font-be-vietnam);font-style:normal}.manager-chip{gap:9px}.manager-chip b,.manager-chip small{display:block}.manager-chip b{font-size:12px}.manager-chip small{font-size:10px;color:#888;margin-top:2px}.page-wrap{padding:34px;max-width:1530px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.page-heading.compact{align-items:center}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8a8984;margin:0 0 9px;text-transform:uppercase}.page-heading h1{font-size:32px;line-height:1.15;letter-spacing:-.035em;margin:0 0 8px}.subheading{font-size:13px;color:var(--muted);margin:0}.primary-button,.secondary-button{border:0;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.primary-button{background:#171717;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.12)}.primary-button:hover{background:#333;transform:translateY(-1px)}.primary-button.wide{width:100%;padding:13px}.secondary-button{background:#f0efeb;color:#444}.alert-strip{border:1px solid #f6c9bb;background:#fff6f2;width:100%;border-radius:14px;padding:13px 16px;display:flex;align-items:center;text-align:left;gap:12px;margin-bottom:18px;cursor:pointer}.alert-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f6d6ca;color:#b63d1d;font-weight:800}.alert-strip b,.alert-strip small{display:block}.alert-strip b{font-size:12px}.alert-strip small{font-size:10px;color:#8b6558;margin-top:2px}.alert-strip em{margin-left:auto;color:#b94425;font-style:normal;font-size:11px;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:138px;box-shadow:0 4px 14px rgba(30,26,15,.025)}.kpi-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#555}.kpi-dot{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-weight:800}.kpi-dot.black{background:#ededeb;color:#222}.kpi-dot.orange{background:#fff0e8;color:#c95630}.kpi-dot.green{background:#e6f5ed;color:#24724f}.kpi-dot.blue{background:#e9efff;color:#315fdd}.kpi-card>strong,.progress-kpi strong{display:block;font-size:32px;line-height:1;margin:18px 0 8px;letter-spacing:-.05em}.kpi-card>small,.progress-kpi small{color:#8a8984;font-size:10px}.kpi-card>small b{color:#2e8b65}.progress-kpi{display:flex;align-items:center;justify-content:space-between}.progress-ring{--progress:180deg;width:68px;height:68px;border-radius:50%;background:conic-gradient(#315fdd var(--progress),#ececf0 0);display:grid;place-items:center;position:relative}.progress-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.progress-ring span{position:relative;font-size:12px;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 4px 16px rgba(33,30,20,.025)}.panel-heading{padding:19px 20px 14px;display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:17px;margin:3px 0 0;letter-spacing:-.02em}.panel-heading button{border:0;background:transparent;color:#555;font-size:10px;font-weight:700;cursor:pointer}.focus-list{border-top:1px solid #efeee9}.focus-row{border:0;border-bottom:1px solid #efeee9;background:#fff;width:100%;min-height:67px;padding:10px 15px 10px 0;display:grid;grid-template-columns:4px 30px minmax(190px,1fr) 90px 105px 16px;align-items:center;gap:10px;text-align:left;cursor:pointer}.focus-row:last-child{border-bottom:0;border-radius:0 0 17px 17px}.focus-row:hover,.task-table-row:hover{background:#fafaf8}.priority-bar{height:38px;border-radius:0 4px 4px 0}.priority-cao{background:#eb6846!important;color:#aa3c20!important}.priority-trung-bình{background:#e7b649!important;color:#815f0b!important}.priority-thấp{background:#76a8a0!important;color:#275e57!important}.check-circle{width:23px;height:23px;border:1.5px solid #d2d0c9;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#fff;background:#fff}.focus-copy b,.focus-copy small{display:block}.focus-copy b{font-size:11px;line-height:1.45}.focus-copy small{color:#8a8984;font-size:9px;margin-top:4px;display:flex;align-items:center;gap:5px}.focus-progress>span{display:block;text-align:right;font-size:10px;font-weight:700;margin-bottom:5px}.focus-progress>i,.team-copy>i,.table-progress>i,.person-metric>i{display:block;height:4px;background:#ecebe7;border-radius:999px;overflow:hidden}.focus-progress>i em,.team-copy>i em,.table-progress>i em,.person-metric>i em{display:block;height:100%;background:#242424;border-radius:999px}.due-badge{justify-self:start;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:700;background:#f1f0ec;color:#666;white-space:nowrap}.due-badge.danger{background:#ffede8;color:#b94225}.due-badge.warning{background:#fff2d9;color:#9a6412}.due-badge.done{background:#e8f5ed;color:#24724f}.due-badge small{display:block;font-size:8px;font-weight:500;margin-top:2px;opacity:.7}.row-arrow{font-size:22px;color:#bbb}.team-list{border-top:1px solid #efeee9}.team-row{border:0;border-bottom:1px solid #efeee9;background:#fff;width:100%;padding:14px 16px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.team-row:last-child{border-bottom:0;border-radius:0 0 17px 17px}.team-row:hover{background:#fafaf8}.avatar{width:37px;height:37px;border-radius:12px;display:inline-grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 auto}.avatar-small{width:23px;height:23px;border-radius:7px;font-size:7px}.avatar-blue{background:#dfe8ff;color:#234cbe}.avatar-violet{background:#eee4ff;color:#6740b8}.avatar-amber{background:#fff0ce;color:#9a6500}.avatar-mint{background:#dff4ec;color:#247354}.avatar-dark{background:#ececec;color:#333}.team-copy b,.team-copy small{display:block}.team-copy b{font-size:11px}.team-copy small{font-size:8px;color:#888;margin:3px 0 8px}.team-stat{text-align:right}.team-stat b,.team-stat small{display:block}.team-stat b{font-size:13px}.team-stat small{font-size:8px;color:#888;margin-top:2px}
.tasks-page,.people-page{animation:fade .2s ease}.filter-bar{display:flex;gap:9px;margin-bottom:14px}.filter-search{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:9px 12px}.filter-bar select{border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 12px;font-size:11px;min-width:165px}.clear-button{border:0;background:transparent;color:#777;font-size:10px;font-weight:700;cursor:pointer}.task-table{overflow:hidden}.task-table-head,.task-table-row{display:grid;grid-template-columns:minmax(310px,1.55fr) 100px 120px 120px 130px 18px;gap:14px;align-items:center}.task-table-head{padding:12px 18px;background:#f0efeb;border-bottom:1px solid var(--line);font-size:9px;font-weight:800;color:#777;text-transform:uppercase;letter-spacing:.06em}.task-table-row{width:100%;border:0;border-bottom:1px solid #efeee9;background:#fff;padding:12px 18px;text-align:left;cursor:pointer;min-height:70px}.task-table-row:last-child{border-bottom:0}.task-name-cell b,.task-name-cell small{display:block}.task-name-cell b{font-size:11px;line-height:1.4;margin:5px 0 3px}.task-name-cell small{font-size:8px;color:#888}.priority-pill{display:inline-block;width:max-content;border-radius:5px;padding:3px 6px;font-size:7px;font-weight:800;text-transform:uppercase;background:#eee!important;color:#555!important;font-style:normal}.priority-pill.priority-cao{background:#ffebe6!important;color:#b94529!important}.priority-pill.priority-trung-bình{background:#fff3d6!important;color:#926413!important}.priority-pill.priority-thấp{background:#e5f4f0!important;color:#36776e!important}.owner-cell{display:flex;align-items:center;gap:7px}.owner-cell b{font-size:10px}.table-progress b{display:block;font-size:10px;margin-bottom:6px}.status-badge{justify-self:start;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:700;background:#eee;color:#555;white-space:nowrap}.status-hoàn-thành{background:#e5f4eb;color:#29704f}.status-đang-thực-hiện{background:#e8eeff;color:#3156b5}.status-chờ-phản-hồi{background:#fff0d6;color:#946114}.empty-state{padding:60px;display:grid;place-items:center;color:#888}.empty-state span{font-size:30px}.empty-state b{font-size:13px;margin:10px 0 4px}.empty-state small{font-size:10px}.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.person-card{padding:20px}.person-top{display:flex;align-items:center;gap:11px}.person-top h2{font-size:15px;margin:0}.person-top p{font-size:9px;color:#888;margin:3px 0 0}.health-dot{margin-left:auto;background:#e8f5ed;color:#29704f;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:700}.health-dot.late{background:#ffebe6;color:#b94529}.person-metric{margin:25px 0 18px}.person-metric strong{font-size:27px}.person-metric span{font-size:9px;color:#888;margin-left:7px}.person-metric i{height:7px;margin-top:10px}.person-metric i em{background:#315fdd}.person-stats{border-top:1px solid #eee;border-bottom:1px solid #eee;display:grid;grid-template-columns:repeat(3,1fr);padding:14px 0}.person-stats span+span{border-left:1px solid #eee;padding-left:16px}.person-stats b,.person-stats small{display:block}.person-stats b{font-size:15px}.person-stats small{font-size:8px;color:#888;margin-top:3px}.person-card>button{border:0;background:transparent;padding:14px 0 0;color:#444;font-size:9px;font-weight:700;cursor:pointer}.service-card{grid-column:1/-1;margin-top:16px;padding:25px;display:flex;align-items:center;gap:25px;background:#191919;color:#fff;border-color:#191919}.service-number{font-size:43px;font-weight:800;color:#f0bd47;letter-spacing:-.08em}.service-card h2{font-size:18px;margin:4px 0 7px}.service-card p{font-size:10px;color:#aaa;margin:0;max-width:750px;line-height:1.6}
.modal-backdrop{position:fixed;inset:0;background:rgba(20,20,20,.45);backdrop-filter:blur(3px);z-index:80;display:flex;justify-content:flex-end;animation:fade .18s ease}.modal-backdrop.centered{justify-content:center;align-items:center;padding:22px}.task-drawer{width:min(470px,100vw);height:100%;background:#fff;padding:27px;overflow-y:auto;position:relative;animation:slide .25s ease}.drawer-close{position:absolute;right:20px;top:18px;width:32px;height:32px;border:0;border-radius:9px;background:#f1f0ec;font-size:20px;cursor:pointer}.drawer-head{padding:20px 35px 20px 0;border-bottom:1px solid #eee}.drawer-head h2{font-size:22px;line-height:1.25;letter-spacing:-.03em;margin:10px 0 6px}.drawer-head p{font-size:10px;color:#888;margin:0}.drawer-people{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eee}.drawer-people>span{padding:15px 0}.drawer-people>span+span{border-left:1px solid #eee;padding-left:18px}.drawer-people small,.drawer-people b{display:block}.drawer-people small,.detail-block small,.detail-grid small,.activity>small{font-size:8px;color:#888;text-transform:uppercase;letter-spacing:.08em}.drawer-people b{font-size:11px;margin-top:7px;display:flex;align-items:center;gap:7px}.detail-block{padding:18px 0}.detail-block p{font-size:11px;line-height:1.65;color:#555;margin:7px 0 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.detail-grid>span{background:#f5f4f0;border-radius:10px;padding:12px}.detail-grid b{display:block;font-size:10px;margin-top:6px}.link-label{color:#315fdd}.progress-form{background:#f5f4f0;border-radius:14px;padding:17px}.form-title{display:flex;justify-content:space-between;align-items:center}.form-title small{font-size:8px;color:#777}.form-title h3{font-size:14px;margin:3px 0 0}.form-title>b{font-size:20px}.progress-form>label,.form-grid label{display:block;font-size:9px;font-weight:700;margin-top:15px}.progress-form input[type=range]{width:100%;accent-color:#171717;margin-top:8px}.progress-form select,.progress-form textarea,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dedcd5;border-radius:9px;background:#fff;padding:10px;margin-top:6px;font-size:10px}.progress-form textarea,.form-grid textarea{resize:vertical}.activity{padding:20px 4px}.activity p{font-size:10px}.activity-dot{display:inline-block;width:7px;height:7px;background:#2e8b65;border-radius:50%;margin-right:6px}.activity blockquote{margin:10px 0 0;background:#f5f4f0;border-left:3px solid #bbb;border-radius:0 8px 8px 0;padding:10px;font-size:10px;color:#666}.add-modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:26px;position:relative;animation:pop .2s ease}.add-modal h2{font-size:24px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.span-2{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast{position:fixed;right:28px;bottom:28px;z-index:100;background:#181818;color:#fff;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;box-shadow:0 12px 40px rgba(0,0,0,.22);animation:pop .2s ease}.toast span{color:#81e2b3}.mobile-nav{display:none}
.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.activity-item{padding:2px 0 10px;border-bottom:1px solid #efeee9}.activity-item:last-child{border-bottom:0}.activity-item blockquote{margin-top:7px}
.account-card b,.account-card small{display:block;padding:0 6px}.account-card b{font-size:12px}.account-card small{font-size:9px;color:#999;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.account-card span{display:inline-block;margin:10px 6px 0;padding:5px 7px;border-radius:6px;background:#273d31;color:#8ee0b2;font-size:8px;font-weight:700}.account-card a{display:block;margin:10px 6px 0;color:#aaa;font-size:9px;text-decoration:none}.account-card a:hover{color:#fff}.employee-dashboard{grid-template-columns:1fr}.access-panel{overflow:hidden;margin-bottom:14px}.secure-label{font-size:9px;color:#2e8b65;font-weight:700}.member-list{border-top:1px solid #efeee9}.member-row{display:grid;grid-template-columns:42px minmax(180px,1fr) 110px 82px 80px 160px;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid #efeee9}.member-row:last-child{border-bottom:0}.member-row.disabled{opacity:.55;background:#fafaf8}.member-identity b,.member-identity small{display:block}.member-identity b{font-size:11px}.member-identity small{font-size:9px;color:#888;margin-top:3px}.permission-badge,.member-status{justify-self:start;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:700}.permission-badge.admin{background:#e9efff;color:#3156b5}.permission-badge.employee{background:#f0efeb;color:#555}.member-task-count b,.member-task-count small{display:block}.member-task-count b{font-size:13px}.member-task-count small{font-size:8px;color:#888}.member-status{background:#f0efeb;color:#777}.member-status.active{background:#e5f4eb;color:#29704f}.member-actions{display:flex;justify-content:flex-end;gap:6px}.member-actions button{border:1px solid #dedcd5;background:#fff;border-radius:8px;padding:7px 8px;font-size:8px;font-weight:700;cursor:pointer}.member-actions button.lock{color:#b54429}.member-actions button.unlock{color:#29704f}.member-actions button:disabled{opacity:.5}.permission-note{display:flex;gap:12px;align-items:flex-start;background:#eef2ff;border:1px solid #dce4ff;border-radius:13px;padding:14px 16px;margin-bottom:16px}.permission-note>span{width:26px;height:26px;border-radius:8px;background:#315fdd;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.permission-note b{font-size:10px}.permission-note p{font-size:9px;line-height:1.55;color:#5e6680;margin:4px 0 0}.performance-grid{margin-top:0}.modal-help{font-size:10px;color:#777;margin:-12px 0 4px}.permission-fieldset{border:0;padding:0;margin:16px 0 0}.permission-fieldset legend{font-size:9px;font-weight:800;color:#222}.permission-fieldset>p{font-size:9px;color:#777;margin:5px 0 0}.permission-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.permission-check{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #dedcd5;border-radius:11px;padding:12px;margin:0!important;background:#fff;cursor:pointer}.permission-check:hover{border-color:#9eb0e8}.permission-check:has(input:checked){border-color:#88a2ea;background:#f4f7ff;box-shadow:0 0 0 2px rgba(49,95,221,.08)}.permission-check input{width:18px!important;height:18px;margin:1px 0 0!important;accent-color:#315fdd;flex:0 0 auto}.permission-check span b,.permission-check span small{display:block}.permission-check span b{font-size:10px}.permission-check span small{font-size:8px;color:#777;line-height:1.45;margin-top:4px}.permission-preview{display:flex;align-items:center;gap:10px;background:#f4f6ff;border-radius:11px;padding:12px;margin-top:16px}.permission-preview>span{width:32px;height:32px;border-radius:9px;background:#dfe8ff;color:#3156b5;display:grid;place-items:center;font-size:9px;font-weight:800}.permission-preview b,.permission-preview small{display:block}.permission-preview b{font-size:10px}.permission-preview small{font-size:8px;color:#777;margin-top:3px}.access-denied{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f6f5f1}.access-denied section{width:min(520px,100%);background:#fff;border:1px solid #e4e1d8;border-radius:22px;padding:38px;box-shadow:0 20px 60px rgba(25,25,25,.08)}.access-lock{width:48px;height:48px;border-radius:13px;background:#181818;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;margin-bottom:24px}.access-denied h1{font-size:27px;letter-spacing:-.035em;margin:0 0 12px}.access-denied p{font-size:12px;line-height:1.7;color:#666}.access-denied a{display:inline-block;margin-top:10px;padding:11px 14px;border-radius:10px;background:#181818;color:#fff;text-decoration:none;font-size:10px;font-weight:700}
.attachment-chip{display:inline-block;margin-left:5px;border-radius:5px;padding:3px 6px;background:#e9efff;color:#3156b5;font-size:7px;font-weight:800;font-style:normal}.empty-link{color:#999}.attachment-link{display:inline-block;margin-top:6px;color:#315fdd;text-decoration:none;font-size:10px;font-weight:800}.attachment-link:hover{text-decoration:underline}.attachment-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;background:#eef2ff;border:1px solid #dfe6ff;border-radius:12px;padding:12px;margin:-6px 0 14px}.attachment-form label{font-size:9px;font-weight:700}.attachment-form input{display:block;width:100%;border:1px solid #d4dcf8;border-radius:8px;background:#fff;padding:9px;margin-top:6px;font-size:9px}.attachment-form button{height:33px;border:0;border-radius:8px;background:#315fdd;color:#fff;padding:0 11px;font-size:9px;font-weight:800;cursor:pointer}.attachment-form button:disabled{opacity:.55;cursor:wait}
.deadline-form{display:grid;grid-template-columns:minmax(120px,.65fr) 1fr auto;gap:8px;align-items:end;background:#fff8e8;border:1px solid #f0dfb5;border-radius:12px;padding:12px;margin:-6px 0 12px}.deadline-form label{font-size:9px;font-weight:700}.deadline-form input{display:block;width:100%;border:1px solid #e8d5a7;border-radius:8px;background:#fff;padding:9px;margin-top:6px;font-size:9px}.deadline-form button{height:33px;border:0;border-radius:8px;background:#8b6518;color:#fff;padding:0 11px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.deadline-form button:disabled{opacity:.55;cursor:wait}
.editor-page{animation:fade .2s ease}.editor-heading{align-items:center}.editor-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.editor-note{display:flex;gap:12px;align-items:flex-start;background:#fff8e8;border:1px solid #f0dfb5;border-radius:13px;padding:14px 16px;margin-bottom:16px}.editor-note>span{width:26px;height:26px;border-radius:8px;background:#8b6518;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}.editor-note b{font-size:10px}.editor-note p{font-size:9px;line-height:1.55;color:#75643e;margin:4px 0 0}.bulk-editor-list{display:grid;gap:14px}.bulk-task-card{padding:0;overflow:hidden}.bulk-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#f0efeb;border-bottom:1px solid var(--line)}.bulk-card-head>span{display:flex;align-items:center;gap:8px}.bulk-card-head b{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.bulk-card-head small{font-size:8px;color:#999}.delete-task-button{border:1px solid #f1c8be;background:#fff6f3;color:#ae4229;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}.delete-task-button:hover{background:#ffebe6}.bulk-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 14px;padding:17px}.bulk-fields label{display:block;font-size:9px;font-weight:750;color:#555}.bulk-fields input,.bulk-fields select,.bulk-fields textarea{display:block;width:100%;border:1px solid #dedcd5;border-radius:9px;background:#fff;padding:10px;margin-top:6px;font-size:10px;color:#171717}.bulk-fields textarea{resize:vertical;line-height:1.55}.bulk-fields input:focus,.bulk-fields select:focus,.bulk-fields textarea:focus{border-color:#7895e7}.bulk-wide{grid-column:span 2}.bulk-full{grid-column:1/-1}.bulk-save-bar{position:sticky;bottom:16px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:12px 14px;border:1px solid #dedcd5;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(25,25,25,.12)}.bulk-save-bar b,.bulk-save-bar small{display:block}.bulk-save-bar b{font-size:11px}.bulk-save-bar small{font-size:8px;color:#888;margin-top:2px}.delete-confirm{width:min(440px,100%);background:#fff;border-radius:18px;padding:28px;position:relative;animation:pop .2s ease}.delete-confirm-icon{width:42px;height:42px;border-radius:12px;background:#ffebe6;color:#b94529;display:grid;place-items:center;font-size:20px;font-weight:900;margin-bottom:18px}.delete-confirm h2{font-size:23px;margin:0 0 10px}.delete-confirm>p:not(.eyebrow){font-size:11px;line-height:1.65;color:#666}.delete-confirm>p b{color:#222}.danger-button{border:0;border-radius:11px;padding:11px 16px;background:#b94529;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.danger-button:disabled{opacity:.55;cursor:wait}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}@keyframes pop{from{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.task-table-head,.task-table-row{grid-template-columns:minmax(250px,1.5fr) 90px 100px 110px 18px}.task-table-head span:nth-child(5),.task-table-row>span:nth-child(5){display:none}.member-row{grid-template-columns:42px minmax(180px,1fr) 110px 80px 160px}.member-task-count{display:none}}
@media(max-width:760px){.sidebar{display:none}.main-content{margin-left:0;padding-bottom:70px}.topbar{height:64px;padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:12px}.mobile-brand .brand-mark{width:30px;height:30px;font-size:18px;border:1px solid #ddd}.global-search{display:none}.manager-chip span{display:none}.page-wrap{padding:22px 14px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.subheading{font-size:11px;line-height:1.6}.primary-button{padding:10px 12px;font-size:10px}.alert-strip{align-items:flex-start}.alert-strip em{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:9px}.kpi-card{padding:14px;min-height:125px}.kpi-card>strong,.progress-kpi strong{font-size:27px}.progress-ring{width:54px;height:54px}.dashboard-grid{display:block}.team-panel{margin-top:12px}.focus-row{grid-template-columns:4px 24px 1fr 68px 12px;padding-right:10px}.focus-progress{display:none}.focus-copy b{font-size:10px}.due-badge{font-size:8px}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.filter-bar select{min-width:0;padding:9px 7px}.clear-button{display:none}.task-table-head{display:none}.task-table-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px}.task-table-row>.owner-cell,.task-table-row>.table-progress{display:none}.task-table-row>.due-badge{grid-column:1}.task-table-row>.status-badge{grid-column:2;grid-row:2}.task-table-row>.row-arrow{grid-column:2;grid-row:1}.people-grid{grid-template-columns:1fr}.service-card{margin-top:12px;align-items:flex-start}.service-number{font-size:34px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.member-row{grid-template-columns:42px minmax(0,1fr) auto;gap:8px 10px;padding:14px}.member-row>.permission-badge{justify-self:end}.member-status{grid-column:2}.member-actions{grid-column:2/-1;justify-content:flex-start}.member-actions button{padding:8px 9px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));left:0;right:0;bottom:0;height:62px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid #ddd;z-index:50}.mobile-nav button{border:0;background:transparent;color:#999;display:grid;place-items:center;font-size:8px;padding:7px}.mobile-nav button span{font-size:17px}.mobile-nav button.active{color:#111;font-weight:800}.toast{left:16px;right:16px;bottom:76px;justify-content:center}.task-drawer{padding:22px}.drawer-head h2{font-size:20px}}
@media(max-width:480px){.attachment-form,.deadline-form{grid-template-columns:1fr}.attachment-form button,.deadline-form button{width:100%}}
@media(max-width:1150px){.bulk-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.editor-heading{display:block}.editor-actions{justify-content:flex-start;margin-top:16px}.bulk-fields{grid-template-columns:1fr}.bulk-wide,.bulk-full{grid-column:auto}.bulk-save-bar{bottom:72px}.bulk-save-bar small{display:none}.permission-check-grid{grid-template-columns:1fr}}