@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{color:#292740;font-synthesis:none;text-rendering:optimizelegibility;--ink:#292740;--muted:#8d8ba2;--line:#ecebf3;--purple:#6d5dfc;--purple-dark:#5747e7;--purple-soft:#efedff;--orange:#f7a657;--orange-soft:#fff3e6;--green:#38bc8b;--green-soft:#e9faf3;--sidebar:#fbfbfd;--white:#fff;background:#f6f6fb;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f6f6fb;min-width:1060px;margin:0}button,select{font:inherit}button{cursor:pointer;border:0}.app-shell{background:#f6f6fb;min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:3;flex-direction:column;width:246px;padding:29px 18px 19px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 13px 27px;display:flex}.brand-mark{color:#fff;background:var(--purple);border-radius:10px 10px 10px 4px;place-items:center;width:29px;height:29px;display:grid;position:relative;transform:rotate(-5deg);box-shadow:0 6px 14px #6d5dfc3d}.brand-mark:after{content:"";background:var(--purple);clip-path:polygon(0 0,100% 100%,0 100%);width:8px;height:8px;position:absolute;bottom:-3px;right:-3px}.brand-mark span{font-family:Plus Jakarta Sans;font-size:15px;font-weight:800;transform:rotate(5deg)}.brand-word{letter-spacing:.13em;font-family:Plus Jakarta Sans;font-size:20px;font-weight:800}.brand-spark{color:var(--orange);margin-top:-12px;margin-left:-4px;font-size:18px}.workspace-switcher{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:10px;padding:11px 12px;display:flex;box-shadow:0 3px 12px #2c274d08}.workspace-switcher>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.workspace-switcher b,.profile b{white-space:nowrap;font-size:12px;font-weight:700}.workspace-switcher small,.profile small{color:var(--muted);font-size:10px}.workspace-switcher>svg{color:#a6a3b7}.workspace-avatar{color:#5446d9;background:#eeebff;border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.side-label{color:#aaa8b9;letter-spacing:.12em;text-transform:uppercase;margin:29px 12px 10px;font-size:10px;font-weight:700}.side-label-spaced{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.mini-add{color:#a7a4b6;background:0 0;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.mini-add:hover{color:var(--purple);background:var(--purple-soft)}.side-nav{gap:3px;display:grid}.side-nav button,.team-list button{color:#838097;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.side-nav button:hover,.team-list button:hover{color:var(--ink);background:#f2f1fa}.side-nav button.active{color:var(--purple);background:var(--purple-soft);font-weight:700}.side-nav button em{color:#a29eb5;background:#f1f0f6;border-radius:9px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.side-nav button.active em{color:var(--purple);background:#ddd9ff}.team-list{gap:2px;display:grid}.team-list button{padding:8px 12px;font-size:12px}.team-dot{border-radius:50%;width:7px;height:7px}.dot-purple{background:var(--purple)}.dot-orange{background:var(--orange)}.dot-green{background:var(--green)}.team-count{color:#aaa7b7;margin-left:auto;font-size:11px}.sidebar-bottom{gap:12px;margin-top:auto;display:grid}.help-card{color:#595375;text-align:left;background:linear-gradient(115deg,#f1efff,#f9f3ff);border:1px solid #e6e1ff;border-radius:13px;align-items:center;gap:8px;padding:12px;display:flex}.help-card>span:nth-child(2){flex:1;gap:3px;display:grid}.help-card b{font-size:10px}.help-card small{color:#9690b1;font-size:9px}.help-card>svg{color:#a49dbf}.help-icon{width:25px;height:25px;color:var(--purple);background:#fff;border-radius:8px;place-items:center;display:grid}.profile{color:var(--ink);text-align:left;background:0 0;align-items:center;gap:9px;padding:4px 8px;display:flex}.profile>span:nth-child(2){flex:1;gap:3px;display:grid}.profile>svg{color:#aaa8b9}.avatar{color:#625b87;border:2px solid #fff;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:9px;font-weight:700;display:inline-grid}.avatar-small{border-radius:8px;width:24px;height:24px;font-size:8px}.avatar-lavender{color:#655bd1;background:#dedaff}.avatar-peach{color:#c6753b;background:#ffe1ce}.avatar-mint{color:#3b9870;background:#d4f2e5}.avatar-sky{color:#528bbf;background:#d6ebff}.avatar-rose{color:#b65370;background:#f9dce6}.main-content{width:calc(100% - 246px);margin-left:246px;padding:0 46px 25px;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.breadcrumb{color:#aaa7b8;align-items:center;gap:9px;font-size:11px;display:flex}.breadcrumb svg{color:#c7c4d0}.breadcrumb b{color:#5f5a75;font-weight:600}.top-actions{align-items:center;gap:8px;display:flex}.icon-button,.ghost-icon{color:#9894a8;background:0 0;border-radius:10px;place-items:center;width:35px;height:35px;display:grid;position:relative}.icon-button:hover,.ghost-icon:hover{color:var(--purple);background:var(--purple-soft)}.notification-button span{background:var(--orange);border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.invite-button{color:#fff;background:var(--purple);border-radius:10px;align-items:center;gap:6px;height:35px;padding:0 14px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 6px 16px #6d5dfc36}.invite-button:hover,.primary-button:hover{background:var(--purple-dark);transform:translateY(-1px)}.page-heading{justify-content:space-between;align-items:flex-end;padding:31px 0 26px;display:flex}.eyebrow{color:#a4a0b2;letter-spacing:.02em;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.eyebrow-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #38bc8b1a}.page-heading h1{color:var(--ink);letter-spacing:-.045em;margin:11px 0 6px;font-family:Plus Jakarta Sans;font-size:26px;line-height:1.18}.page-heading h1 span{color:var(--orange);vertical-align:3px;font-size:21px}.page-heading p{color:#9693a6;margin:0;font-size:12px}.primary-button{color:#fff;background:var(--purple);border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 7px 18px #6d5dfc33}.toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.range-tabs{background:#edecf3;border-radius:9px;align-items:center;gap:3px;padding:3px;display:flex}.range-tabs button{color:#9996a8;background:0 0;border-radius:7px;padding:7px 12px;font-size:10px;font-weight:600;transition:all .2s}.range-tabs button.active{color:#58526f;background:#fff;box-shadow:0 2px 5px #201a410d}.toolbar-actions{gap:10px;display:flex}.filter-wrap{color:#918da1;border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:5px;height:33px;padding:0 10px;font-size:10px;display:flex}.filter-wrap select{color:#6d687f;appearance:none;cursor:pointer;background:0 0;border:0;outline:0;max-width:105px;font-size:10px}.view-toggle{background:#edecf3;border-radius:9px;align-items:center;gap:3px;padding:3px;display:flex}.view-toggle button{color:#a19eae;background:0 0;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.view-toggle button.active{color:var(--purple);background:#fff;box-shadow:0 2px 5px #201a410d}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card{background:#fff;border:1px solid #ecebf3e6;border-radius:14px;min-height:132px;padding:16px 18px;transition:all .2s;box-shadow:0 4px 16px #342d5806}.stat-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px #342d5812}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{width:30px;height:30px;color:var(--purple);background:var(--purple-soft);border-radius:9px;place-items:center;display:grid}.stat-card:nth-child(2) .stat-icon{color:var(--green);background:var(--green-soft)}.stat-card:nth-child(3) .stat-icon{color:var(--orange);background:var(--orange-soft)}.stat-card:nth-child(4) .stat-icon{color:#488dba;background:#eaf5fc}.delta{color:#39a77b;background:#edf9f4;border-radius:6px;align-items:center;gap:2px;padding:4px 6px;font-size:9px;font-weight:700;display:inline-flex}.delta.negative{color:#dd8550;background:#fff4ea}.delta.neutral{color:#6f6aa1;background:#f1efff}.stat-value{color:var(--ink);letter-spacing:-.05em;margin-top:11px;font-family:Plus Jakarta Sans;font-size:25px;font-weight:800}.stat-label{color:#68647b;margin-top:2px;font-size:11px;font-weight:700}.stat-caption{color:#aaa7b6;margin-top:5px;font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(285px,.9fr);gap:12px;margin-top:12px;display:grid}.panel{background:#fff;border:1px solid #ecebf3e6;border-radius:14px;min-width:0;padding:20px;box-shadow:0 4px 16px #342d5806}.tasks-panel{min-height:386px;padding-bottom:10px}.chart-panel{min-height:386px}.pulse-panel,.activity-panel{min-height:256px}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-kicker{color:#aaa7b8;letter-spacing:.12em;font-size:9px;font-weight:700}.panel h2{color:var(--ink);letter-spacing:-.03em;margin:5px 0 0;font-family:Plus Jakarta Sans;font-size:15px}.text-button,.activity-link{color:var(--purple);background:0 0;align-items:center;gap:6px;padding:3px 0;font-size:10px;font-weight:700;display:inline-flex}.text-button svg,.activity-link svg{transform:rotate(45deg)}.ghost-icon{width:27px;height:27px}.task-list-header,.task-row{grid-template-columns:minmax(188px,1.5fr) minmax(92px,.85fr) minmax(90px,.82fr) minmax(72px,.72fr) minmax(70px,.62fr) 42px 18px;align-items:center;gap:10px;display:grid}.task-list-header{color:#b1adbc;letter-spacing:.04em;text-transform:uppercase;margin-top:21px;padding:0 10px 8px;font-size:8px;font-weight:700}.task-list{display:grid}.task-row{width:100%;color:inherit;text-align:left;background:0 0;border-top:1px solid #f1f0f6;padding:11px 10px;transition:all .2s}.task-row:hover{background:#fbfaff}.task-title-wrap,.task-person,.task-due,.status-chip,.task-progress,.row-more{min-width:0}.task-title-wrap{align-items:center;gap:9px;display:flex}.task-title-wrap>span:last-child{gap:3px;min-width:0;display:grid}.task-title-wrap strong{color:#514c69;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.task-title-wrap small{color:#aaa7b5;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.task-check{color:#0000;border:1.5px solid #d6d3e1;border-radius:5px;flex:none;place-items:center;width:17px;height:17px;display:grid}.task-check.is-done{color:#fff;background:var(--green);border-color:var(--green)}.task-person{color:#858195;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:9px;display:flex;overflow:hidden}.task-due{color:#9996a7;white-space:nowrap;align-items:center;gap:4px;font-size:8px;display:flex}.task-due svg{color:#c1becd}.status-chip{color:#6f6a82;white-space:nowrap;background:#f3f2f7;border-radius:6px;align-items:center;gap:5px;width:max-content;max-width:100%;padding:5px 7px;font-size:8px;display:inline-flex}.status-chip.doing{color:#685bd2;background:#f0eeff}.status-chip.review{color:#bd7941;background:#fff2e5}.status-chip.done{color:#35936e;background:#eaf9f2}.status-dot{background:#b4b1bf;border-radius:50%;width:5px;height:5px}.doing .status-dot{background:var(--purple)}.review .status-dot{background:var(--orange)}.done .status-dot{background:var(--green)}.progress-row{align-items:center;gap:7px;display:flex}.progress-track{background:#f0eff5;border-radius:5px;flex:1;min-width:32px;height:5px;overflow:hidden}.progress-fill{border-radius:5px;height:100%;display:block}.progress-fill.purple{background:var(--purple)}.progress-fill.orange{background:var(--orange)}.progress-fill.green{background:var(--green)}.progress-value{color:#9692a4;font-size:8px}.priority{border-radius:4px;justify-content:center;padding:3px 0;font-size:8px;display:inline-flex}.priority-cao{color:#df7d55}.priority-vừa{color:#aa8b4d}.priority-thấp{color:#51a07f}.row-more{color:#b8b5c1;place-items:center;display:grid}.empty-state{color:#aaa7b5;text-align:center;padding:46px 20px;font-size:11px}.donut-wrap{justify-content:center;align-items:center;gap:19px;margin-top:29px;display:flex}.donut{background:conic-gradient(var(--purple) 0 50%, var(--orange) 50% 60%, var(--green) 60% 86.7%, #e8e7ee 86.7%);border-radius:50%;flex:none;place-items:center;width:147px;height:147px;display:grid;transform:rotate(-28deg)}.donut:before{content:"";background:#fff;border-radius:50%;width:104px;height:104px;position:absolute}.donut-center{z-index:1;place-items:center;display:grid;position:relative;transform:rotate(28deg)}.donut-center strong{color:var(--ink);font-family:Plus Jakarta Sans;font-size:25px;line-height:1}.donut-center span{color:#aaa7b5;margin-top:5px;font-size:9px}.donut-legend{gap:11px;min-width:104px;display:grid}.donut-legend div{grid-template-columns:8px 1fr auto;align-items:center;gap:6px;display:grid}.legend-dot{border-radius:50%;width:6px;height:6px}.legend-dot.purple{background:var(--purple)}.legend-dot.orange{background:var(--orange)}.legend-dot.green{background:var(--green)}.legend-dot.gray{background:#dfdee6}.donut-legend span{color:#9d99aa;font-size:9px}.donut-legend strong{color:#57526d;font-size:10px}.chart-foot{color:#aaa7b6;border-top:1px solid #f1f0f5;justify-content:space-between;align-items:center;margin-top:29px;padding-top:13px;font-size:8px;display:flex}.chart-foot>span{align-items:center;gap:5px;display:flex}.pulse-indicator{background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #38bc8b1f}.chart-foot b{color:#38a77b;align-items:center;gap:3px;font-size:9px;display:inline-flex}.pulse-chart{height:156px;margin-top:25px;display:flex}.pulse-y{color:#b6b3c0;flex-direction:column;justify-content:space-between;padding:2px 10px 19px 0;font-size:8px;display:flex}.bars{background:repeating-linear-gradient(#0000 0 39px,#f0eff5 40px);border-bottom:1px solid #f0eff5;border-left:1px solid #f0eff5;justify-content:space-between;align-items:stretch;gap:8px;width:100%;padding:0 2px 0 9px;display:flex}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.bar{background:#dcd9ff;border-radius:5px 5px 2px 2px;width:100%;max-width:15px;min-height:6px;transition:height .5s}.bar.is-highlight{background:var(--purple);box-shadow:0 7px 12px #6d5dfc30}.bar-group small{color:#b4b0bf;font-size:8px}.activity-feed{gap:13px;margin-top:23px;display:grid}.activity-item{gap:8px;display:flex}.activity-item>div{min-width:0}.activity-item p{color:#9692a3;margin:0;font-size:9px;line-height:1.45}.activity-item p b{color:#605b72;font-weight:700}.activity-item time{color:#b4b1bf;margin-top:3px;font-size:8px;display:block}.activity-link{border-top:1px solid #f1f0f5;width:100%;margin-top:17px;padding-top:11px}.full-list-panel{min-height:440px;margin-top:12px}.full-list-panel .task-list-header,.full-list-panel .task-list{margin-left:-10px;margin-right:-10px}.full-list-panel .task-row{padding-top:14px;padding-bottom:14px}.page-footer{color:#aaa7b5;justify-content:space-between;align-items:center;margin-top:17px;font-size:9px;display:flex}.footer-mark{color:var(--orange);margin-right:4px}.page-footer>span:last-child{color:#b8b5c1}.drawer-backdrop{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2520452e;justify-content:flex-end;display:flex;position:fixed;inset:0}.task-drawer{background:#fff;width:370px;height:100%;padding:28px;animation:.25s both slideIn;box-shadow:-12px 0 35px #2520451a}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-tag{color:var(--purple);background:var(--purple-soft);border-radius:6px;margin-top:37px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.task-drawer h2{color:var(--ink);letter-spacing:-.05em;margin:13px 0 7px;font-family:Plus Jakarta Sans;font-size:23px;line-height:1.25}.drawer-project{color:#9c98aa;margin:0;font-size:11px}.drawer-divider{background:#efedf4;height:1px;margin:26px 0}.drawer-meta{gap:18px;display:grid}.drawer-meta small,.drawer-progress small{color:#aaa7b5;font-size:9px}.drawer-meta>div>span{color:#625d75;align-items:center;gap:7px;font-size:11px;display:flex}.drawer-progress{margin-top:30px}.drawer-progress>div:first-child{justify-content:space-between;align-items:center;display:flex}.drawer-progress strong{color:var(--purple);font-size:12px}.drawer-progress .progress-row{margin-top:11px}.drawer-action{color:#fff;background:var(--purple);border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;height:40px;margin-top:31px;font-size:11px;font-weight:700;display:flex}.drawer-action:hover{background:var(--purple-dark)}.drawer-action.is-complete{color:#35936e;background:var(--green-soft)}.drawer-action.is-complete:hover{background:#d8f5e8}.toast{z-index:20;color:#5d5872;border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:11px 14px 11px 10px;font-size:10px;animation:.25s both toastIn;display:flex;position:fixed;bottom:28px;right:30px;box-shadow:0 12px 30px #28224e21}.toast>span{width:22px;height:22px;color:var(--green);background:var(--green-soft);border-radius:7px;place-items:center;display:grid}@keyframes slideIn{0%{opacity:.5;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.main-content{padding:0 28px 22px}.sidebar{width:220px}.main-content{width:calc(100% - 220px);margin-left:220px}.task-list-header,.task-row{grid-template-columns:minmax(165px,1.4fr) minmax(83px,.8fr) minmax(84px,.7fr) minmax(68px,.7fr) minmax(65px,.58fr) 34px 14px;gap:7px}.task-due{font-size:7px}.task-person{font-size:8px}}.doc-table-header,.doc-row{grid-template-columns:minmax(105px,.78fr) 82px 76px minmax(210px,1.75fr) 58px 86px 22px;align-items:center;gap:9px;display:grid}.doc-table-header{color:#b1adbc;letter-spacing:.04em;text-transform:uppercase;margin-top:21px;padding:0 10px 8px;font-size:8px;font-weight:700}.doc-list{display:grid}.doc-row{width:100%;color:inherit;text-align:left;background:0 0;border-top:1px solid #f1f0f6;padding:10px;transition:all .2s}.doc-row:hover{background:#fbfaff}.doc-number,.doc-date,.doc-type,.doc-summary,.doc-direction,.doc-handler{min-width:0}.doc-number{color:#625d78;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex;overflow:hidden}.doc-type-dot{background:var(--purple);border-radius:50%;flex:none;width:6px;height:6px}.doc-date,.doc-type{color:#9996a7;white-space:nowrap;font-size:8px}.doc-summary{color:#625d75;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.doc-direction{color:#9996a7;align-items:center;gap:4px;font-size:8px;display:flex}.doc-direction svg{color:var(--purple)}.doc-handler{justify-content:center;display:flex}.direction-tabs{background:#f0eff5;border-radius:8px;gap:3px;width:max-content;margin-top:19px;padding:3px;display:flex}.direction-tabs button{color:#9b97a8;background:0 0;border-radius:6px;padding:6px 10px;font-size:9px;font-weight:700}.direction-tabs button.active{color:var(--purple);background:#fff;box-shadow:0 2px 5px #201a410d}.document-modal{background:#fff;border-radius:16px;width:430px;padding:25px;animation:.22s both toastIn;box-shadow:0 20px 50px #261f4b2b}.modal-intro{color:#a09cab;margin:15px 0 21px;font-size:10px}.document-modal label{color:#7a758b;gap:7px;margin-top:14px;font-size:10px;font-weight:700;display:grid}.document-modal select,.document-modal textarea{color:#5c5771;background:#fbfbfd;border:1px solid #e8e6ef;border-radius:8px;outline:0;width:100%;padding:10px 11px;font-size:11px}.document-modal textarea{resize:vertical;line-height:1.45}.document-modal select:focus,.document-modal textarea:focus{border-color:#c8c2ff;box-shadow:0 0 0 3px #6d5dfc14}.modal-actions{justify-content:flex-end;gap:8px;margin-top:23px;display:flex}.secondary-button{color:#8d899c;background:#f1f0f5;border-radius:9px;height:37px;padding:0 14px;font-size:10px;font-weight:700}.secondary-button:hover{background:#e9e8f0}@media (width<=1180px){.doc-table-header,.doc-row{grid-template-columns:minmax(98px,.78fr) 75px 68px minmax(165px,1.5fr) 48px 76px 18px;gap:6px}.doc-summary{font-size:8px}}.search-field{color:#aaa6b6;border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:6px;width:215px;height:33px;padding:0 10px;display:flex}.search-field input{color:#625d75;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:9px}.search-field input::placeholder{color:#b4b0bd}.kanban-wrap{background:#fff;border:1px solid #ecebf3e6;border-radius:14px;min-height:490px;padding:20px;box-shadow:0 4px 16px #342d5806}.kanban-note{color:#39a77b;background:var(--green-soft);border-radius:6px;padding:6px 9px;font-size:9px}.kanban-board{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.kanban-column{background:#f8f8fb;border:1px solid #efedf5;border-radius:11px;min-height:380px;padding:12px}.kanban-column-head{color:#625d75;align-items:center;gap:7px;padding:2px 2px 12px;font-size:10px;display:flex}.kanban-column-head em{color:#9c98aa;background:#fff;border-radius:6px;margin-left:auto;padding:3px 7px;font-size:9px;font-style:normal}.kanban-dot{border-radius:50%;width:7px;height:7px}.kanban-dot.purple{background:var(--purple)}.kanban-dot.orange{background:var(--orange)}.kanban-dot.green{background:var(--green)}.kanban-card{color:#5e5972;text-align:left;background:#fff;border:1px solid #efedf5;border-radius:9px;gap:7px;width:100%;margin-bottom:8px;padding:12px;transition:all .2s;display:grid;box-shadow:0 3px 9px #342d5808}.kanban-card:hover{border-color:#dcd7ff;transform:translateY(-2px);box-shadow:0 8px 16px #342d5814}.kanban-card-top{color:var(--purple);justify-content:space-between;font-size:8px;font-weight:700;display:flex}.kanban-card-top svg{color:#aaa6b6}.kanban-card strong{color:#57516d;font-size:10px;line-height:1.35}.kanban-card small{color:#aaa7b6;font-size:8px}.kanban-card-foot{color:#aaa7b6;border-top:1px solid #f2f0f5;align-items:center;gap:7px;padding-top:3px;font-size:8px;display:flex}.calendar-panel{min-height:550px}.calendar-actions{align-items:center;gap:6px;display:flex}.calendar-actions .secondary-button{height:29px;padding:0 10px;font-size:9px}.calendar-week,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-week{color:#aaa7b6;text-align:center;border-bottom:1px solid #efedf4;margin-top:27px;padding-bottom:10px;font-size:9px;font-weight:700}.calendar-grid{border-left:1px solid #efedf4}.calendar-cell{border-bottom:1px solid #efedf4;border-right:1px solid #efedf4;min-height:85px;padding:8px}.calendar-cell>b{color:#6b667d;font-size:10px;display:block}.calendar-cell.muted-day>b{color:#c6c2ce}.calendar-event{color:#665bd1;background:var(--purple-soft);text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;width:100%;margin-top:8px;padding:5px;font-size:7px;display:block;overflow:hidden}.calendar-event.outgoing{color:#bb7742;background:var(--orange-soft)}.calendar-event:hover{filter:brightness(.97)}.settings-grid{grid-template-columns:1.2fr .8fr;gap:12px;display:grid}.settings-panel{min-height:330px}.settings-panel h2{margin-top:7px}.settings-copy{color:#9e9aa9;margin:10px 0 20px;font-size:10px}.setting-row{border-top:1px solid #f0eef5;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.setting-row span{gap:4px;display:grid}.setting-row b{color:#625d74;font-size:10px}.setting-row small{color:#aaa7b6;font-size:8px}.setting-row input{width:30px;height:17px;accent-color:var(--purple)}.settings-panel>.primary-button{margin-top:15px}.settings-tags{gap:9px;margin:20px 0 28px;display:grid}.settings-tags span{color:#767187;background:#faf9fc;border:1px solid #efedf4;border-radius:8px;justify-content:space-between;padding:10px 11px;font-size:10px;display:flex}.settings-tags b{color:var(--purple)}@media (width<=1180px){.search-field{width:175px}.kanban-board{gap:8px}.calendar-cell{min-height:72px;padding:6px}}.doc-summary{gap:3px;display:grid}.doc-summary strong{color:#625d75;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.doc-summary small{color:#aaa7b6;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.drawer-deadline{color:#7c778b;background:#faf9fd;border:1px solid #efedf5;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;padding:10px;font-size:9px;display:flex}.drawer-deadline strong{color:var(--orange);font-size:9px}.drawer-deadline span b{color:var(--purple)}.drawer-meta>div{gap:5px;display:grid}.drawer-meta>div>span{align-items:center;gap:6px;display:flex}.drawer-action-secondary{color:var(--purple);background:var(--purple-soft);box-shadow:none;margin-top:8px}.form-two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.document-modal input{color:#5c5771;background:#fbfbfd;border:1px solid #e8e6ef;border-radius:8px;outline:0;width:100%;padding:10px 11px;font-size:11px}.document-modal input:focus{border-color:#c8c2ff;box-shadow:0 0 0 3px #6d5dfc14}.auto-deadline{color:#858095;background:var(--green-soft);border-radius:7px;align-items:center;gap:5px;margin-top:12px;padding:9px 10px;font-size:9px;display:flex}.auto-deadline svg{color:var(--green)}.auto-deadline b{color:#3b9672}.kanban-four{grid-template-columns:repeat(4,minmax(0,1fr))}.kanban-dot.red{background:#e87979}.editable-types{gap:7px;margin:14px 0 12px;display:grid}.editable-type{align-items:center;gap:7px;display:flex}.editable-type input,.add-type-row input{color:#5c5771;background:#fbfbfd;border:1px solid #e8e6ef;border-radius:7px;outline:0;flex:1;min-width:0;padding:9px 10px;font-size:10px}.editable-type input:focus,.add-type-row input:focus{border-color:#c8c2ff;box-shadow:0 0 0 3px #6d5dfc14}.type-remove{color:#aaa5b7;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;display:grid}.type-remove:hover{color:#d86f7a;background:#fff1f2}.add-type-row{align-items:center;gap:8px;display:flex}.add-type-row .secondary-button{flex:none;padding:9px 12px}.quick-actions{background:linear-gradient(110deg,#fff,#fbfaff);border:1px solid #ecebf3;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding:16px 20px;display:flex;box-shadow:0 4px 16px #342d5806}.quick-actions h2{color:var(--ink);letter-spacing:-.03em;margin:5px 0 0;font-family:Plus Jakarta Sans;font-size:14px}.quick-action-list{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.quick-action-list button{color:#6b667e;text-align:left;background:#fff;border:1px solid #efedf4;border-radius:10px;align-items:center;gap:8px;min-width:145px;padding:9px 10px;transition:all .2s;display:flex}.quick-action-list button:hover{background:var(--purple-soft);border-color:#d8d2ff;transform:translateY(-1px)}.quick-action-list button>span:nth-child(2){flex:1;gap:2px;display:grid}.quick-action-list b{font-size:9px}.quick-action-list small{color:#aaa7b5;font-size:8px}.quick-action-list>button>svg{color:#b0acbb}.quick-action-icon{width:28px;height:28px;color:var(--purple);background:var(--purple-soft);border-radius:8px;place-items:center;display:grid}.quick-action-list button:nth-child(2) .quick-action-icon{color:#3a9f7b;background:var(--green-soft)}.quick-action-list button:nth-child(3) .quick-action-icon{color:#cc8a49;background:var(--orange-soft)}.quick-action-list button:nth-child(4) .quick-action-icon{color:#4f8fbe;background:#eaf5fc}.modal-backdrop{z-index:12;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#25204540;place-items:center;display:grid;position:fixed;inset:0}.action-modal{border:1px solid var(--line);background:#fff;border-radius:17px;width:510px;max-height:calc(100vh - 48px);padding:25px;animation:.22s both modalIn;overflow:auto;box-shadow:0 20px 60px #25204530}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal-head h2{color:var(--ink);letter-spacing:-.04em;margin:6px 0 0;font-family:Plus Jakarta Sans;font-size:19px}.modal-form{gap:14px;margin-top:25px;display:grid}.modal-form label{color:#817c91;gap:7px;font-size:10px;font-weight:700;display:grid}.modal-form input,.modal-form select{color:#514c69;background:#fbfbfd;border:1px solid #ebe9f1;border-radius:9px;outline:0;height:39px;padding:0 11px;font-size:11px}.modal-form input:focus,.modal-form select:focus{border-color:#b9b0ff;box-shadow:0 0 0 3px #efedff}.handover-preview,.scan-result{color:#5e5974;background:#f6f4ff;border:1px solid #e8e3ff;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.handover-preview>svg{color:var(--purple)}.handover-preview span,.scan-result span{gap:3px;display:grid}.handover-preview b,.scan-result b{font-size:10px}.handover-preview small,.scan-result small{color:#9995a7;font-size:9px}.modal-primary{color:#fff;background:var(--purple);border-radius:10px;justify-content:center;align-items:center;gap:7px;height:40px;margin-top:4px;font-size:11px;font-weight:700;display:flex;box-shadow:0 7px 15px #6d5dfc2e}.modal-primary:hover{background:var(--purple-dark)}.scan-form{gap:13px}.qr-demo{color:var(--purple);background:repeating-linear-gradient(45deg,#faf9ff,#faf9ff 8px,#f5f3ff 8px 16px);border:1px dashed #d5ceff;border-radius:12px;place-items:center;gap:9px;padding:23px;display:grid}.qr-demo span{color:#908ba5;font-size:10px}.scan-result{background:#f0fbf6;border-color:#d9f2e7}.scan-result>.status-chip{margin-left:auto}.audit-list{gap:0;margin-top:19px;display:grid}.modal-note{color:#9995a6;margin:0 0 11px;font-size:10px;line-height:1.5}.audit-row{border-top:1px solid #f0eff5;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.audit-row>span:first-child{gap:3px;min-width:0;display:grid}.audit-row b{color:#5e5972;font-size:10px}.audit-row small{color:#aaa7b5;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.audit-buttons button{color:#9a96a7;background:#f4f3f7;border-radius:7px;padding:6px 9px;font-size:9px}.audit-buttons button:hover,.audit-buttons button.selected{color:#398f70;background:#e7f8f0}.audit-buttons button.selected.broken{color:#c57944;background:#fff0e3}.export-box{text-align:center;justify-items:center;gap:8px;margin-top:25px;display:grid}.export-icon{color:#4f8fbe;background:#eaf5fc;border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.export-box h3{color:#5a556f;margin:8px 0 0;font-family:Plus Jakarta Sans;font-size:15px}.export-box p{color:#9d99aa;max-width:330px;margin:0;font-size:10px;line-height:1.5}.export-options{color:#4b9d7b;gap:11px;font-size:9px;display:flex}.export-box .modal-primary{width:100%;margin-top:12px}@keyframes modalIn{0%{opacity:.4;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1180px){.quick-action-list button{min-width:119px}.quick-actions{gap:10px}.quick-action-list{gap:5px}.quick-action-list small{display:none}}.login-screen{background:radial-gradient(circle at 15% 10%,#eeebff 0,#f7f6fb 40%,#f3f1f8 100%);place-items:center;min-height:100vh;display:grid}.login-card{text-align:center;background:#fff;border:1px solid #eceaf3;border-radius:20px;width:min(420px,100vw - 32px);padding:34px;box-shadow:0 20px 60px #3a31621f}.login-card .brand-mark{margin:0 auto 16px}.login-card h1{color:var(--ink);letter-spacing:-.05em;margin:0;font-family:Plus Jakarta Sans;font-size:24px}.login-card p{color:#918ca0;font-size:12px;line-height:1.6}.error-box{color:#a95656;background:#fff2f2;border:1px solid #ffdada;border-radius:9px;margin:12px 0;padding:11px;font-size:11px}.search-field{color:#a19cab;background:#fff;border:1px solid #ebe9f0;border-radius:9px;align-items:center;gap:7px;width:210px;height:34px;padding:0 10px;display:flex}.search-field input{color:#5f5a71;background:0 0;border:0;outline:0;width:100%;font-size:11px}.notification-button{position:relative}.notification-button>span{color:#fff;background:#e58d76;border-radius:10px;min-width:15px;height:15px;padding:0 3px;font-size:8px;line-height:15px;position:absolute;top:-5px;right:-4px}.notification-popover{z-index:9;background:#fff;border:1px solid #eceaf3;border-radius:12px;gap:1px;width:300px;padding:8px;display:grid;position:absolute;top:46px;right:135px;box-shadow:0 18px 40px #3a316224}.notification-popover button,.notification-popover p{color:#686279;text-align:left;background:#fbfbfd;border:0;padding:10px;font-size:10px;line-height:1.4}.notification-popover button:hover{background:#f2f0ff}.notification-popover button.read{opacity:.55}.form-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-form textarea{resize:vertical;color:#514c69;min-height:74px;font:inherit;background:#fbfbfd;border:1px solid #ebe9f1;border-radius:9px;outline:0;padding:10px 11px;font-size:11px}.modal-primary:disabled{opacity:.45;cursor:not-allowed}.modal-secondary{color:#625b7a;background:#f4f2ff;border:1px solid #e2ddff;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:40px;font-size:11px;font-weight:700;display:flex}.qr-video{object-fit:cover;background:#171526;border-radius:12px;width:100%;max-height:220px}.depreciation-list{gap:0;display:grid}.depreciation-list>div{color:#6d687b;border-bottom:1px solid #f0eef4;grid-template-columns:1.5fr .5fr 1fr;align-items:center;gap:10px;padding:11px 0;font-size:10px;display:grid}.depreciation-list span{gap:3px;font-weight:700;display:grid}.depreciation-list small{color:#a29cab;font-size:9px;font-weight:400}.depreciation-list b{color:#7a6df0}.depreciation-list em{color:#8c8799;text-align:right;font-style:normal}.category-tabs{gap:7px;margin:0 0 14px;display:flex;overflow:auto}.category-tabs button{color:#8d8899;white-space:nowrap;background:#faf9fd;border:1px solid #eeecf4;border-radius:8px;padding:7px 11px;font-size:10px}.category-tabs button.active{color:#6658dc;background:#efedff;border-color:#dcd7ff}.audit-buttons{gap:5px;display:flex}.audit-buttons button.selected.missing{color:#8e72b9;background:#f0eaff}.status-chip.warehouse{color:#4f8fbe;background:#eaf5fc}.status-chip.warehouse .status-dot{background:#4f8fbe}.progress-fill.blue{background:#55a7d5}@media (width<=760px){.search-field{width:140px}.notification-popover{right:20px}.form-two{grid-template-columns:1fr}.quick-actions{flex-direction:column;align-items:flex-start}.quick-action-list{width:100%}}.qr-download{text-decoration:none}@media (width<=900px){body{min-width:0}.app-shell{display:block}.sidebar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-right:0;width:100%;height:70px;padding:7px 8px 8px;inset:auto 0 0;box-shadow:0 -8px 24px #2c274d14}.brand,.workspace-switcher,.side-label,.team-list,.help-card,.sidebar-bottom .profile{display:none}.side-nav{justify-content:space-around;align-items:stretch;gap:2px;height:100%;display:flex}.side-nav button{color:#918da1;text-align:center;border-radius:10px;flex-direction:column;flex:1;justify-content:center;gap:3px;padding:4px 2px;font-size:9px}.side-nav button.active{color:var(--purple)}.side-nav button em{margin:0;padding:1px 5px;font-size:8px}.sidebar-bottom{display:none}.main-content{width:100%;margin-left:0;padding:0 14px 86px;overflow:visible}.topbar{height:58px}.breadcrumb,.top-actions .invite-button{display:none}.top-actions{gap:4px}.page-heading{padding:22px 0 17px;display:block}.page-heading h1{font-size:23px}.page-heading .primary-button{justify-content:center;width:100%;margin-top:13px}.toolbar{margin-bottom:12px;display:block}.range-tabs{white-space:nowrap;width:100%;overflow-x:auto}.range-tabs button{flex:1;min-width:82px}.toolbar-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-top:9px;display:grid}.filter-wrap{justify-content:center;min-width:0}.filter-wrap select{max-width:100%}.view-toggle{justify-content:center}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{min-height:108px;padding:13px}.stat-value{font-size:20px}.stat-label{font-size:10px}.stat-caption{font-size:8px}.dashboard-grid{margin-top:8px;display:block}.panel{border-radius:13px;margin-top:8px;padding:15px}.tasks-panel,.chart-panel,.pulse-panel,.activity-panel{min-height:0}.task-list{padding-bottom:4px;overflow-x:auto}.task-list-header,.task-row{min-width:720px}.donut-wrap{gap:12px}.donut{width:124px;height:124px}.donut:before{width:88px;height:88px}.donut-center strong{font-size:21px}.modal-backdrop{align-items:flex-end;padding:0}.action-modal,.detail-drawer{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:92vh}.detail-drawer{inset:auto 0 0}.modal-form{max-height:calc(92vh - 80px);overflow-y:auto}.form-two{grid-template-columns:1fr}.drawer-head{padding:18px 16px 12px}.drawer-body{padding:0 16px 24px}.notification-popover{width:auto;position:fixed;top:60px;left:10px;right:10px}}@media (width<=380px){.main-content{padding-left:10px;padding-right:10px}.stat-card{padding:11px}.stat-value{font-size:18px}.page-heading h1{font-size:21px}}