:root{color-scheme:light;--bg:#f6f8fb;--line:#e7edf5;--muted:#6b778d;--primary:#2563eb}*{box-sizing:border-box}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{overflow:hidden;background:#0f172a;color:#e2e8f0;padding:22px;display:flex;flex-direction:column}.brand{font-size:18px;font-weight:900;margin-bottom:26px}.nav-item{display:flex;gap:10px;align-items:center;padding:11px 12px;color:#cbd5e1;font-size:14px;font-weight:700}.nav-item.active,.nav-item:hover{background:hsla(0,0%,100%,.1);color:#fff}.main{position:relative;min-width:0;padding:72px 24px 24px}.app-top-actions{position:fixed;top:18px;right:24px;z-index:80;display:flex;align-items:center;gap:12px}.app-top-action{position:relative;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:#1f2937;color:#fff;box-shadow:0 14px 34px rgba(15,23,42,.18);cursor:pointer}.app-top-action:hover{background:#111827}.app-action-dot{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;display:inline-grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:950}.app-popover{position:absolute;top:58px;right:0;width:min(380px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.24)}.notification-popover{width:min(430px,calc(100vw - 24px));border:0;border-radius:18px;background:#202326;color:#e5e7eb}.app-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.app-popover-head strong{color:#0f172a;font-size:15px;font-weight:950}.notification-popover .app-popover-head{border-bottom:0;padding:22px 22px 8px}.notification-popover .app-popover-head strong{color:#f8fafc;font-size:28px}.notification-popover .icon-button{border-color:hsla(0,0%,100%,.08);background:#303438;color:#e5e7eb}.app-chat-feed,.app-notification-feed{max-height:min(440px,calc(100vh - 170px));overflow:auto;padding:10px}.notification-feed-modern{max-height:min(650px,calc(100vh - 120px));padding:8px 18px 18px}.notification-tabs{display:flex;gap:10px;margin-bottom:18px}.notification-tabs button{border:0;border-radius:999px;padding:10px 18px;background:transparent;color:#e5e7eb;font-weight:900;cursor:pointer}.notification-tabs button.active{background:#263f63;color:#60a5fa}.notification-quick-form{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px;padding:12px;border-radius:14px;background:#2b2f33}.notification-quick-form .input{border-color:#3f454c;background:#181b1f;color:#f8fafc}.notification-group{display:grid;grid-gap:6px;gap:6px;margin-top:12px}.notification-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.notification-group-head h3{margin:0;color:#f8fafc;font-size:18px}.notification-group-head button{border:0;background:transparent;color:#60a5fa;font-weight:850;cursor:pointer}.app-notification-item{border-radius:10px;padding:10px}.app-notification-item.modern{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.app-notification-item:hover{background:#f8fafc}.notification-popover .app-notification-item.modern:hover{background:#2b2f33}.app-notification-item strong{display:block;color:#0f172a;font-size:13px}.notification-popover .app-notification-item strong{color:#f8fafc;font-size:15px}.app-chat-item p,.app-notification-item p{margin:5px 0 0;color:#475569;font-size:12px;line-height:1.45}.notification-popover .app-notification-item p{color:#d1d5db;font-size:15px}.app-notification-item time{display:block;margin-top:6px;color:#94a3b8;font-size:11px;font-weight:800}.notification-popover .app-notification-item time{color:#60a5fa;font-size:13px}.notification-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:999px;background:#2563eb;color:#fff}.notification-avatar.approved{background:#16a34a}.notification-avatar.rejected{background:#dc2626}.notification-copy{min-width:0}.notification-unread-dot{width:12px;height:12px;border-radius:999px;background:#60a5fa}.app-chat-item{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px}.app-chat-item.mine{flex-direction:row-reverse}.app-chat-item.mine .chat-avatar{background:var(--primary)}.app-chat-bubble{max-width:78%;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#fff}.app-chat-item.mine .app-chat-bubble{border-color:#bfdbfe;background:#eff6ff}.app-chat-item.mine .chat-meta{justify-content:flex-end}.app-chat-item.mine p{text-align:right}.app-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) 38px;grid-gap:8px;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fff}.workflow-sticky-head{position:-webkit-sticky;position:sticky;top:0;z-index:35;margin:-72px -24px 18px;padding:72px 24px 12px;background:rgba(248,250,252,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.75)}.card{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:34;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-72px -24px 16px;padding:72px 24px 12px;border-bottom:1px solid rgba(226,232,240,.75);background:rgba(248,250,252,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workflow-sticky-head .toolbar{position:static;margin:0 0 16px;padding:0;border-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.workflow-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.top-chat-button{color:#334155}.search-control{min-width:260px;min-height:42px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff;color:#94a3b8}.search-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:10px;font-weight:500}.search-control input::placeholder{color:#94a3b8}.transaction-project-picker{position:relative}.transaction-project-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;color:var(--text);font-size:14px;font-weight:600;text-align:left;cursor:pointer}.transaction-project-picker-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-project-picker-trigger.active{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.14)}.transaction-project-picker-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;display:grid;grid-gap:8px;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff;box-shadow:var(--shadow)}.transaction-project-picker-search{min-width:0;padding:8px 10px}.transaction-project-picker-options{display:grid;grid-gap:4px;gap:4px;max-height:220px;overflow-y:auto}.transaction-project-picker-option{border:0;border-radius:8px;padding:9px 10px;background:transparent;color:var(--text);font-size:13px;font-weight:700;text-align:left;cursor:pointer}.transaction-project-picker-option.selected,.transaction-project-picker-option:hover{background:#eff6ff;color:#1d4ed8}.transaction-project-picker-empty{padding:12px 10px;color:var(--muted);font-size:13px;font-weight:700}.time-filter-select{min-width:190px;min-height:42px;border:1px solid var(--line);border-radius:12px;padding:0 36px 0 14px;color:var(--text);font-size:13px}.btn,.time-filter-select{background:#fff;font-weight:800;cursor:pointer}.btn{border:1px solid var(--line);border-radius:10px;padding:9px 13px}.btn:disabled{cursor:not-allowed;opacity:.65}.btn.primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn.danger{background:#fef2f2}.icon-btn-text{display:inline-flex;align-items:center;gap:8px}.input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;min-width:220px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:28px}.login-card h1{margin:0 0 6px}.muted{color:var(--muted);font-size:14px}.form-stack{display:grid;grid-gap:12px;gap:12px;margin-top:22px}.attendance-table-wrap{position:relative;contain:layout paint;width:100%;max-width:100%;overflow:auto;border-top:1px solid var(--line)}.attendance-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:13px}.attendance-table td,.attendance-table th{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:92px;height:70px;padding:8px;vertical-align:top}.attendance-cell{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.attendance-cell:hover{background:#eef6ff;box-shadow:inset 0 0 0 1px #bfdbfe}.attendance-table th{background:#f8fafc;color:#64748b;height:46px;text-align:center}.attendance-table th.attendance-today-col{background:#fff7cc!important;color:#0f172a}.attendance-table td.attendance-today-cell{background:#fffbeb}.attendance-table td.attendance-today-cell:hover{background:#fef3c7;box-shadow:inset 0 0 0 1px #facc15}.staff-col{left:0;z-index:4;min-width:170px!important;background:#fff!important;box-shadow:1px 0 0 var(--line)}.attendance-total-col,.staff-col{position:-webkit-sticky;position:sticky}.attendance-total-col{z-index:3;min-width:96px!important;text-align:center;font-weight:900}th.attendance-total-col{z-index:5}.attendance-total-col.total-actual{right:0;min-width:112px!important;background:#ecfeff!important;color:#0f766e;box-shadow:-1px 0 0 var(--line)}.attendance-total-col.total-makeup{right:112px;background:#f0fdf4!important;color:#15803d}.attendance-total-col.total-ot{right:208px;background:#f5f3ff!important;color:#6d28d9}.attendance-total-col.total-early-leave{right:304px;background:#fff1f2!important;color:#be123c}.attendance-total-col.total-late{right:400px;background:#fff7ed!important;color:#c2410c}.attendance-total-col.total-leave{right:496px;background:#eff6ff!important;color:#1d4ed8}th.attendance-total-col.total-actual{background:#cffafe!important}th.attendance-total-col.total-makeup{background:#dcfce7!important}th.attendance-total-col.total-ot{background:#ede9fe!important}th.attendance-total-col.total-early-leave{background:#ffe4e6!important}th.attendance-total-col.total-late{background:#ffedd5!important}th.attendance-total-col.total-leave{background:#dbeafe!important}.off-day{background:#f7f5ff!important}.pill{display:inline-flex;border-radius:8px;padding:3px 6px;font-size:11px;font-weight:900;margin:2px}.pill.leave{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.pill.late{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.pill.early-leave,.pill.earlyLeave{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.pill.overtime{background:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe}.pill.makeup{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.pill.pending{background:#f8fafc;color:#475569;border:1px solid #cbd5e1}.stat-button{display:block;width:100%;text-align:left;cursor:pointer}.stat-button:disabled{cursor:default;opacity:1}.attendance-record-list{display:grid;grid-gap:8px;gap:8px;margin:12px 0 16px}.attendance-record-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#f8fafc}.attendance-request-note{display:flex;align-items:center;gap:8px;align-self:end;border:1px solid #bfdbfe;border-radius:8px;padding:10px 12px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800}.attendance-stat-tile{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-column-gap:10px;column-gap:10px;min-height:58px;padding:10px 12px}.attendance-stat-tile svg,.stat-button>svg{grid-row:span 2;color:#2563eb}section.card>.stat-grid:has(.attendance-stat-tile){grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px}section.card>.stat-grid:has(.attendance-stat-tile) .stat-button{min-width:0}section.card>.stat-grid:has(.attendance-stat-tile) .stat-card strong{font-size:15px;line-height:1.15}section.card>.stat-grid:has(.attendance-stat-tile) .stat-card span{font-size:11px;line-height:1.2}.attendance-stat-tile.late svg{color:#f97316}.attendance-stat-tile.early-leave svg{color:#e11d48}.attendance-stat-tile.leave svg{color:#22c55e}.attendance-stat-tile.overtime svg{color:#7c3aed}.attendance-stat-tile.makeup svg{color:#0d9488}.attendance-bottom-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.05fr);grid-gap:14px;gap:14px;padding:14px;border-top:1px solid var(--line);background:#f8fafc}.attendance-featured-box,.attendance-legend-box{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.attendance-bottom-title{margin-bottom:10px;color:var(--text);font-size:14px;font-weight:950}.attendance-featured-row{width:100%;display:grid;grid-template-columns:28px 12px minmax(190px,1fr) minmax(180px,1fr) 96px;align-items:center;grid-gap:10px;gap:10px;border:0;border-bottom:1px solid var(--line);padding:9px 0;background:transparent;text-align:left;cursor:pointer}.attendance-featured-row:last-child{border-bottom:0}.attendance-featured-rank{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:999px;background:#e2e8f0;color:#334155;font-size:12px;font-weight:950}.attendance-featured-row.late .attendance-featured-rank{background:#ffedd5;color:#c2410c}.attendance-featured-row.early-leave .attendance-featured-rank,.attendance-featured-row.earlyLeave .attendance-featured-rank{background:#ffe4e6;color:#be123c}.attendance-featured-row.leave .attendance-featured-rank{background:#dbeafe;color:#1d4ed8}.attendance-featured-row.overtime .attendance-featured-rank{background:#ede9fe;color:#6d28d9}.attendance-featured-row.makeup .attendance-featured-rank{background:#dcfce7;color:#15803d}.attendance-dot,.attendance-featured-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.attendance-dot.late,.attendance-featured-row.late .attendance-featured-dot{background:#f97316}.attendance-dot.early-leave,.attendance-featured-row.early-leave .attendance-featured-dot,.attendance-featured-row.earlyLeave .attendance-featured-dot{background:#e11d48}.attendance-dot.leave,.attendance-featured-row.leave .attendance-featured-dot{background:#3b82f6}.attendance-dot.overtime,.attendance-featured-row.overtime .attendance-featured-dot{background:#7c3aed}.attendance-dot.makeup,.attendance-featured-row.makeup .attendance-featured-dot{background:#22c55e}.attendance-dot.pending{background:#94a3b8}.attendance-featured-label,.attendance-featured-name{min-width:0;overflow:hidden;color:#334155;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.attendance-featured-label{color:#64748b;font-weight:850}.attendance-featured-name{font-weight:950}.attendance-featured-row.late .attendance-featured-name{color:#ea580c}.attendance-featured-row.leave .attendance-featured-name{color:#2563eb}.attendance-featured-row.overtime .attendance-featured-name{color:#7c3aed}.attendance-featured-row.makeup .attendance-featured-name{color:#16a34a}.attendance-featured-value{color:var(--text);font-size:13px;font-weight:900;text-align:right;white-space:nowrap}.attendance-summary-strip{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.attendance-summary-strip div{display:inline-flex;align-items:center;gap:7px;color:#475569;font-size:12px;font-weight:850}.attendance-empty-note{color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));grid-gap:10px;padding:16px}.stat-card{border:1px solid var(--line);padding:12px;background:#fff}.stat-card strong{display:block}.stat-card span{color:var(--muted);font-size:12px;font-weight:800}.stat-card.danger strong{color:#dc2626}.stat-card.warn strong{color:#d97706}.workflow-stats{padding:0;margin-bottom:16px;grid-template-columns:repeat(4,minmax(150px,1fr))}.project-status-stats{padding:0;margin-bottom:16px;grid-template-columns:repeat(7,minmax(120px,1fr))}.project-status-filter{text-align:center;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.project-status-filter.active{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12);transform:translateY(-1px)}.project-status-filter strong{font-size:18px}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));grid-gap:18px;gap:18px}.project-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 14px 32px rgba(15,23,42,.06);min-width:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.project-clickable{cursor:pointer}.project-card:hover{border-color:#bfdbfe;box-shadow:0 18px 42px rgba(15,23,42,.1);transform:translateY(-2px)}.project-card-completed{background:#f1f5f9;border-color:#cbd5e1;box-shadow:none}.project-card-completed .project-card-head p,.project-card-completed .project-desc,.project-card-completed h2{color:#64748b}.project-card-completed .bar i{background:#94a3b8}.project-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:36px}.project-card-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.project-paid-badge,.project-soft-badge,.project-vat-badge{display:inline-flex;align-items:center;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:900}.project-soft-badge{border:1px solid #e2e8f0;background:#f8fafc;color:#64748b}.project-paid-badge{border:1px solid #f3e8ff;background:#faf5ff;color:#9333ea}.project-vat-badge{border:1px solid #dc2626;background:#dc2626;color:#fff}.project-actions{display:grid;justify-items:end;grid-gap:8px;gap:8px;flex:0 0 auto}.action-row{display:flex;gap:6px}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid var(--line);background:#fff;color:#475569;cursor:pointer}.icon-button:hover{background:#f8fafc;color:#0f172a}.icon-button.danger{color:#dc2626}.icon-button.success{border-color:#bbf7d0;background:#dcfce7;color:#16a34a}.icon-button.success:hover{border-color:#16a34a;background:#16a34a;color:#fff}.icon-button.primary{border-color:var(--primary);background:var(--primary);color:#fff}.priority-panel h2,.project-card h2{margin:0;font-size:18px}.project-card-title-block{display:grid;grid-gap:6px;gap:6px;margin-top:12px;padding-bottom:11px;border-bottom:1px solid #eef2f7}.project-card-title-block h2{overflow-wrap:anywhere;line-height:1.25}.project-card-title-block h2 span{color:#64748b;font-size:14px}.project-phone-link{width:-moz-fit-content;width:fit-content;color:#2563eb;font-size:13px;font-weight:900}.project-card-head p,.project-desc{margin:5px 0 0;color:var(--muted);font-size:13px}.project-desc{min-height:0;margin-top:8px;border:1px solid #eef2f7;border-radius:10px;padding:8px 10px;background:#f8fafc;line-height:1.45}.project-money{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #eef2f7}.project-money div{min-width:0}.project-money div:last-child{text-align:right}.project-money span{color:#94a3b8;font-size:10px;font-weight:900}.project-money b{display:block;margin-top:3px;color:var(--text);font-size:17px;font-weight:950}.project-money div:last-child b{color:#059669}.project-meta{display:flex;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.project-meta-main{display:grid;grid-gap:7px;gap:7px;min-width:0}.project-meta-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}.deadline-badge,.project-meta-item,.task-count-badge{font-size:11px;font-weight:900}.project-meta-item{color:#64748b}.project-meta-item b{color:#475569}.project-meta-item.end:before,.project-meta-item.manager:before,.project-meta-item.start:before{display:inline-block;width:14px;margin-right:4px;text-align:center}.project-meta-item.start:before{content:"▦";color:#10b981}.project-meta-item.end:before{content:"▣";color:#f43f5e}.project-meta-item.manager:before{content:"●";color:#6366f1}.deadline-badge,.task-count-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;border-radius:10px;padding:7px 10px;white-space:nowrap}.deadline-badge:after{content:"›";margin-left:8px;font-size:14px;line-height:1}.deadline-badge.soon{border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb}.deadline-badge.overdue{border:1px solid #fecaca;background:#fff1f2;color:#fb7185}.task-count-badge{border:1px solid #e2e8f0;background:#f8fafc;color:#64748b}.progress-block{margin-top:14px}.progress-block>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:7px}.bar,.mini-progress{width:100%;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.bar i,.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#14b8a6);border-radius:inherit}.priority,.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.status-new,.status-todo{background:#f1f5f9;color:#475569}.status-in_progress,.status-review{background:#dbeafe;color:#1d4ed8}.status-prepared{background:#e0f2fe;color:#0369a1}.status-produced{background:#ede9fe;color:#6d28d9}.status-post_production{background:#fce7f3;color:#be185d}.status-paused{background:#fef3c7;color:#b45309}.status-completed,.status-done{background:#dcfce7;color:#15803d}.status-delivered{background:#ccfbf1;color:#0f766e}.status-paid{background:#dcfce7;color:#166534}.status-cancelled{background:#fee2e2;color:#b91c1c}.priority-low{background:#f1f5f9;color:#475569}.priority-normal{background:#e0f2fe;color:#0369a1}.priority-high{background:#ffedd5;color:#c2410c}.priority-urgent{background:#fee2e2;color:#b91c1c}.task-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px}.task-table-card{overflow:auto}.task-project-list{display:grid;grid-gap:18px;gap:18px}.task-project-group{overflow:hidden}.task-project-group-completed{background:#f8fafc}.task-project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--line);background:#f8fafc}.task-project-title{display:grid;grid-gap:8px;gap:8px;min-width:0}.task-project-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#1d4ed8}.task-project-name-row h2{margin:0;color:var(--text);font-size:18px}.task-project-title p{margin:0;max-width:680px;color:#64748b;font-size:13px;line-height:1.5}.task-project-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;color:#64748b;font-size:11px;font-weight:600}.task-project-meta span,.task-project-meta strong{border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:#fff}.task-project-summary{display:grid;grid-template-columns:repeat(2,minmax(110px,max-content));grid-gap:12px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}.task-project-summary>div:not(.task-project-progress){display:grid;grid-gap:2px;gap:2px}.task-project-summary strong{color:var(--text);font-size:14px}.task-project-summary span{color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.task-project-summary .danger span,.task-project-summary .danger strong{color:#dc2626}.task-project-progress{height:9px;overflow:hidden;border-radius:999px;background:#e2e8f0}.task-project-progress i{display:block;height:100%;border-radius:inherit;background:#2563eb}.task-group-table{min-width:940px}.task-row-overdue{background:#fff7ed}.task-name-cell{display:grid;grid-template-columns:22px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start}.quick-complete-checkbox{width:18px;height:18px;margin-top:1px;accent-color:#2563eb;cursor:pointer}.date-field{position:relative;display:block;width:100%}.date-field svg{position:absolute;right:13px;top:50%;z-index:1;transform:translateY(-50%);color:#64748b;pointer-events:none}.date-field input{position:relative;width:100%;padding-right:38px!important}.date-field input::-webkit-calendar-picker-indicator{position:absolute;top:50%;right:6px;width:28px;height:28px;transform:translateY(-50%);cursor:pointer;opacity:0}.task-group-table .date-field{width:136px;min-width:0}.task-group-table .date-field svg{right:10px}.task-group-table .date-field .compact-date{width:136px;padding-left:9px!important;padding-right:30px!important}.task-title-done{color:#64748b;text-decoration:line-through}.data-table{width:100%;min-width:900px;border-collapse:collapse;font-size:13px}.data-table td,.data-table th{border-bottom:1px solid var(--line);padding:13px 14px;text-align:left;vertical-align:middle}.data-table th{background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase}.debts-table{min-width:1120px}.debts-table td,.debts-table th{border-right:1px solid rgba(241,245,249,.8)}.debts-table td:last-child,.debts-table th:last-child{border-right:0}.finance-month-input{width:180px;min-height:42px;font-weight:800}.finance-locked{padding:22px}.finance-locked h2,.finance-panel-head h2{margin:0;font-size:16px;color:var(--text)}.finance-stat-grid{grid-template-columns:repeat(6,minmax(150px,1fr));padding:0;margin-bottom:16px}.finance-stat{min-height:86px;display:flex;flex-direction:column;justify-content:center}.finance-stat strong{font-size:19px}.finance-stat.income strong{color:#059669}.finance-stat.expense strong{color:#e11d48}.finance-stat.profit strong{color:#1d4ed8}.finance-stat.receivable strong{color:#ea580c}.finance-stat.pending strong{color:#7c3aed}.finance-stat.paid strong{color:#0f766e}.finance-bottom-grid,.finance-chart-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);grid-gap:16px;gap:16px;margin-bottom:16px}.finance-panel{padding:18px}.finance-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.finance-panel-head span{color:var(--muted);font-size:12px;font-weight:800}.finance-monthly-chart{height:275px;display:grid;grid-template-columns:repeat(12,minmax(28px,1fr));grid-gap:10px;gap:10px;align-items:flex-end;padding:12px 6px 0;border-bottom:1px solid var(--line)}.finance-month-col{height:100%;display:grid;grid-template-rows:1fr auto;grid-gap:8px;gap:8px;min-width:0}.finance-month-col>span{color:#64748b;font-size:11px;font-weight:800;text-align:center}.finance-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;min-height:0}.finance-bars i{display:block;width:9px;min-height:5px;border-radius:999px 999px 2px 2px}.finance-bars .income,.finance-legend .income{background:#10b981}.finance-bars .expense,.finance-legend .expense{background:#ef4444}.finance-legend{display:flex;justify-content:center;gap:18px;margin-top:14px;color:#64748b;font-size:12px;font-weight:800}.finance-legend span{display:inline-flex;align-items:center;gap:6px}.finance-legend i{width:10px;height:10px;border-radius:999px}.finance-mini-list,.finance-payment-list{display:grid;grid-gap:12px;gap:12px}.finance-payment-row{display:grid;grid-gap:8px;gap:8px}.finance-payment-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.finance-mini-row strong,.finance-payment-row strong{color:var(--text)}.finance-mini-row span,.finance-payment-row span{color:var(--muted);font-size:12px;font-weight:800}.finance-payment-row .bar{height:8px}.finance-payment-row .bar i{background:linear-gradient(90deg,#2563eb,#14b8a6)}.finance-recent-panel{overflow:hidden}.finance-table-head{padding:16px 18px 0}.finance-recent-table{min-width:920px}.finance-money-expense,.finance-money-income{font-weight:900;text-align:right;white-space:nowrap}.finance-money-income{color:#059669}.finance-money-expense{color:#e11d48}.finance-side-panels{display:grid;grid-gap:16px;gap:16px;align-content:start}.finance-mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.finance-mini-row>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.finance-mini-row span,.finance-mini-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finance-mini-row b{color:#1d4ed8;white-space:nowrap}.finance-mini-row.debt b{color:#ea580c}.transaction-stat-grid{grid-template-columns:repeat(5,minmax(150px,1fr));padding:0;margin-bottom:16px}.transactions-table{min-width:1180px}.template-picker-modal{width:min(880px,calc(100vw - 48px));max-width:880px;padding:28px}.template-picker-modal .modal-head{margin-bottom:24px}.template-picker-modal .modal-head h2{line-height:1.2}.template-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.template-picker-card{border:1px solid var(--line);border-radius:12px;min-height:112px;padding:22px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.template-picker-card:hover{border-color:#2563eb;box-shadow:0 12px 28px rgba(37,99,235,.12);transform:translateY(-1px)}.template-picker-card strong{display:block;margin-bottom:6px;color:var(--text);font-size:17px}.template-picker-card span{color:var(--muted);font-size:13px;font-weight:700}.assignee-select{min-width:150px}.task-group-table tr[draggable=true]{cursor:-webkit-grab;cursor:grab}.task-row-dragging{opacity:.55;outline:2px dashed #2563eb;outline-offset:-4px}.task-group-table tbody tr{transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease,opacity .16s ease}.task-row-drop-live{box-shadow:inset 0 1px 0 rgba(37,99,235,.14)}.task-group-table tr[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.status-info{background:#eff6ff;color:#1d4ed8}.confirm-modal{max-width:460px}.btn.danger{background:#fee2e2;color:#dc2626;border-color:#fecaca}.btn.danger:hover{background:#fecaca}.debt-project-cell{min-width:220px}.debt-project-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.debt-project-cell strong{display:block;min-width:0;color:#0f172a;font-weight:950;overflow-wrap:anywhere}.debt-project-status{display:inline-flex;flex:0 0 auto;border-radius:999px;padding:3px 8px;background:#f8fafc;color:#64748b;font-size:10px;font-weight:500}.load-more-row{display:flex;justify-content:center;padding:4px 0 22px}.load-more-button{min-width:132px;justify-content:center;border:1px solid #dce6f2!important;background:#fff!important;color:#172033!important;font-weight:800;opacity:1!important}.load-more-button:hover{border-color:#bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important}html[data-theme=dark] .load-more-button{border-color:#dce6f2!important;background:#fff!important;color:#172033!important}.num-cell{text-align:right!important;white-space:nowrap;font-weight:900}.num-cell.paid{color:#059669}.num-cell.remaining{color:#e11d48}.debt-progress-cell{min-width:170px;white-space:nowrap}.debt-progress{width:112px;height:8px;display:inline-block;margin-right:8px;overflow:hidden;border-radius:999px;background:#e2e8f0;vertical-align:middle}.debt-progress i{display:block;height:100%;border-radius:inherit;background:#10b981}.debt-progress-cell b{color:#475569;font-size:12px;font-weight:950}.debt-badge{display:inline-flex;align-items:center;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;white-space:nowrap;font-size:10px;font-weight:500}.debt-badge.none{background:#f8fafc;color:#475569}.debt-badge.deposit{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.debt-badge.soon{border-color:#fde68a;background:#fffbeb;color:#b45309}.debt-badge.paid{border-color:#bbf7d0;background:#f0fdf4;color:#047857}.debt-badge.overdue{border-color:#fecdd3;background:#fff1f2;color:#be123c}.debt-note-cell{max-width:260px;color:#475569;line-height:1.45;overflow-wrap:anywhere}.debt-time-filter{display:inline-flex;align-items:center;gap:8px}.debt-time-filter .month-filter{flex:0 0 auto}.debt-time-toggle{min-height:38px;white-space:nowrap}.debt-time-toggle.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.debt-payment-button{min-height:34px;border-color:#ccfbf1;background:#f0fdfa;color:#0f766e;white-space:nowrap}.debt-payment-modal{width:min(720px,100%);padding:18px}.debt-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.debt-payment-summary div{border:1px solid var(--line);border-radius:14px;padding:14px;background:#f8fafc}.debt-payment-summary div:nth-child(2){border-color:#bbf7d0;background:#f0fdf4}.debt-payment-summary div:nth-child(3){border-color:#fecdd3;background:#fff1f2}.debt-payment-summary span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.debt-payment-summary b{display:block;margin-top:6px;color:#0f172a;font-size:17px;font-weight:950}.debt-summary-money-input{width:100%;margin-top:6px;border:0;outline:0;background:transparent;color:#0f172a;font:inherit;font-size:17px;font-weight:950;letter-spacing:0}.debt-summary-money-input:focus{box-shadow:inset 0 -2px 0 var(--primary)}.debt-summary-money-input::placeholder{color:#94a3b8}.form-grid small{color:#94a3b8;font-size:11px;font-weight:700;line-height:1.4}.customer-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.customer-stat-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.06)}.customer-stat-card small,.customer-stat-card span{display:block;color:#64748b;font-size:12px;font-weight:850}.customer-stat-card strong{display:block;margin-top:8px;color:#0f172a;font-size:28px;font-weight:950}.customer-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:18px;gap:18px;align-items:start}.customer-table-card{overflow:hidden}.customer-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.customer-table-head h2,.customer-top-card h2{margin:0;color:#0f172a;font-size:16px;font-weight:950}.customers-table{min-width:980px}.customer-row{cursor:pointer}.customer-row:hover{background:#f8fafc}.customers-pagination{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px;font-weight:900}.customer-page-btn{min-width:34px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#475569;cursor:pointer;font-weight:950}.customer-page-btn:disabled{opacity:.4;cursor:not-allowed}.customer-side-panel{display:grid;grid-gap:16px;gap:16px}.customer-top-card{padding:16px}.customer-top-item{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;margin-top:10px;border:1px solid #eef2f7;border-radius:12px;padding:10px;background:#f8fafc;color:inherit;text-align:left;cursor:pointer}.customer-top-item b{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:10px;background:#0f172a;color:#fff}.customer-top-item span{min-width:0}.customer-top-item small,.customer-top-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-top-item small{color:#64748b;font-size:11px}.customer-top-item em{color:#059669;font-style:normal;font-weight:950;white-space:nowrap}.customer-source-badge,.customer-tier{display:inline-flex;align-items:center;border:1px solid #e2e8f0;border-radius:999px;padding:5px 9px;white-space:nowrap;font-size:12px;font-weight:950}.badge-new{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.badge-regular{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.badge-vip{border-color:#fdba74;background:#fff7ed;color:#c2410c}.source-default{background:#f8fafc;color:#475569}.source-zalo{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.source-facebook{border-color:#c7d2fe;background:#eef2ff;color:#4f46e5}.source-instagram{border-color:#fbcfe8;background:#fdf2f8;color:#db2777}.source-hotline{border-color:#fde68a;background:#fffbeb;color:#b45309}.customer-detail-modal,.customer-modal{width:min(880px,100%);padding:18px}.customer-chip-group{display:flex;flex-wrap:wrap;gap:8px}.customer-chip{position:relative;cursor:pointer}.customer-chip input{position:absolute;opacity:0;pointer-events:none}.customer-chip span{display:inline-flex;align-items:center;border:1px solid #e2e8f0;border-radius:999px;padding:8px 13px;background:#fff;color:#475569;font-size:11px;font-weight:450}.customer-chip input:checked+span,.customer-chip.active span,.customer-chip:hover span{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.customer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.customer-detail-grid div{border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc}.customer-detail-grid div.wide{grid-column:1/-1}.customer-detail-grid span{display:block;color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase}.customer-detail-grid b{display:block;margin-top:5px;color:#0f172a;font-size:14px;font-weight:900;overflow-wrap:anywhere}.customer-autocomplete-field{position:relative;display:grid;grid-gap:6px;gap:6px}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#334155;font-size:12px;font-weight:700}.customer-inline-add{border:1px solid #bfdbfe;border-radius:6px;padding:4px 7px;background:#eff6ff;color:#2563eb;font-size:10px;font-weight:950;cursor:pointer}.autocomplete-items{position:absolute;z-index:70;top:calc(100% + 2px);right:0;left:0;max-height:220px;overflow:auto;border:1px solid #e2e8f0;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.14)}.autocomplete-item{width:100%;display:flex;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid #f1f5f9;padding:10px 12px;background:#fff;color:#0f172a;text-align:left;cursor:pointer}.autocomplete-item:hover{background:#f8fafc}.autocomplete-item .cust-phone{color:#94a3b8;font-size:12px;font-weight:800;white-space:nowrap}.quick-customer-panel{display:grid;grid-gap:14px;gap:14px;border:1px solid #bfdbfe;border-radius:14px;padding:18px;background:#f8fbff}.quick-customer-actions,.quick-customer-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.quick-customer-panel>label{display:grid;grid-gap:6px;gap:6px;color:#334155;font-size:12px;font-weight:700}.quick-customer-panel .customer-chip-group{min-height:42px}.debt-history{display:grid;grid-gap:8px;gap:8px;margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.debt-history h3{margin:0;color:#0f172a;font-size:14px;font-weight:950}.debt-history div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.debt-history strong{color:#059669;font-weight:950}.debt-history p,.debt-history span{display:block;margin:4px 0 0;color:#64748b;font-size:12px;font-weight:800}.debt-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mini-progress{width:86px;display:inline-block;margin-right:8px;vertical-align:middle}.compact-date,.compact-number,.compact-select{min-height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:12px;font-weight:500}.compact-select{width:118px;padding:0 8px}.compact-number{width:68px;padding:0 8px}.compact-date{width:132px;padding:0 8px;font-size:12px}.priority-panel{padding:16px;align-self:start}.priority-item{display:grid;grid-gap:4px;gap:4px;border-top:1px solid var(--line);padding:12px 0}.priority-item:first-of-type{margin-top:12px}.priority-item span{color:var(--muted);font-size:12px}.empty-cell,.empty-state{padding:26px;text-align:center;color:var(--muted);font-weight:700}.inline-error{margin:0 0 14px;padding:10px 12px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:800}.global-error-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#edf5ff,#f8fbff)}.global-error-card{width:min(520px,100%);padding:28px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.global-error-card h1{margin:0 0 10px;font-size:28px}.global-error-card p{margin:0;color:var(--muted);font-weight:700}.global-error-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.toast-popup{position:fixed;top:18px;right:18px;z-index:80;max-width:min(420px,calc(100vw - 36px));border:1px solid #bbf7d0;border-radius:10px;padding:12px 14px;background:#f0fdf4;color:#166534;box-shadow:0 18px 48px rgba(15,23,42,.18);font-size:13px;font-weight:900}.toast-popup.error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.38)}.modal{width:min(760px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:#fff;border-radius:14px;border:1px solid var(--line);box-shadow:0 24px 70px rgba(15,23,42,.22)}.project-modal{padding:18px}.project-detail-modal{width:min(760px,100%);padding:20px}.project-detail-modal .modal-head{align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.project-detail-modal h2{margin:10px 0 4px;font-size:22px}.project-detail-modal h2 span{color:#64748b;font-size:16px}.project-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:16px}.project-detail-box,.project-detail-summary div{border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc}.project-detail-box.wide{grid-column:1/-1}.project-detail-box span,.project-detail-summary span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.project-detail-box b,.project-detail-summary b{display:block;margin-top:5px;color:var(--text);font-size:14px;font-weight:950}.project-detail-box p{margin:8px 0 0;color:#475569;font-size:11px;line-height:1.5;white-space:pre-wrap}.project-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:14px}.project-detail-summary b{font-size:16px}.project-detail-task-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:10px}.project-detail-task-stats div{border:1px solid #dbeafe;border-radius:12px;padding:12px;background:#f8fbff;text-align:center}.project-detail-task-stats span{display:block;color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase}.project-detail-task-stats b{display:block;margin-top:5px;color:#2563eb;font-size:16px;font-weight:800}.project-detail-task-section{margin-top:18px}.project-detail-task-section h3{margin:0 0 10px;color:#0f172a;font-size:11px;font-weight:950}.project-detail-task-list{display:grid;grid-gap:10px;gap:10px;max-height:320px;overflow:auto;padding-right:4px}.project-detail-task{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.project-detail-task.overdue{border-left:4px solid #ef4444}.project-detail-task-main{min-width:0}.project-detail-task-main strong{display:block;color:#0f172a;font-size:14px;font-weight:950;line-height:1.35;overflow-wrap:anywhere}.project-detail-task-main>span{display:block;margin-top:3px;color:#94a3b8;font-size:11px;font-weight:900}.project-detail-task-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.project-detail-task-meta{display:grid;justify-items:end;align-content:start;grid-gap:6px;gap:6px;flex:0 0 auto;color:#64748b;font-size:12px;font-weight:850}.project-detail-task-meta b{color:#2563eb;font-size:15px;font-weight:950}.project-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.confirm-dialog{width:min(420px,100%);border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.22)}.confirm-dialog h2{margin:0;font-size:18px}.confirm-dialog p{margin:10px 0 0;color:#475569;font-size:14px;line-height:1.5}.modal-actions,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head{margin-bottom:16px}.modal-head h2{margin:0;font-size:20px}.modal-actions{justify-content:flex-end;margin-top:16px}.confirm-dialog .modal-actions .btn,.modal .modal-actions .btn,.project-modal .modal-actions .btn{min-width:88px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:#fff}.confirm-dialog .modal-actions .btn.primary,.modal .modal-actions .btn.primary,.project-modal .modal-actions .btn.primary{color:#fff;background:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.form-grid label{display:grid;grid-gap:6px;gap:6px;color:#334155;font-size:12px;font-weight:700}.form-field.required>span:after{content:" *";color:#dc2626}.form-grid label.required{position:relative}.form-grid label.required:before{content:"*";position:absolute;top:0;right:0;color:#dc2626;font-size:13px}.form-field{display:grid;grid-gap:6px;gap:6px;color:#334155;font-size:12px;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:92px;resize:vertical}.phone-input-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.phone-input-wrap span{display:inline-flex;align-items:center;border-right:1px solid var(--line);padding:0 10px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:400}.phone-input-wrap .input{border:0;border-radius:0}.project-form-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;background:#f8fafc}.project-date-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.project-date-row label{display:grid;grid-gap:6px;gap:6px;color:#334155;font-size:12px;font-weight:700}.modal.project-modal[aria-labelledby=project-modal-title] .project-name-field{grid-column:1/-1}.modal.project-modal[aria-labelledby=project-modal-title] .project-phone-field{grid-column:1}.modal.project-modal[aria-labelledby=project-modal-title] .project-manager-field{grid-column:2}.modal.project-modal[aria-labelledby=project-modal-title] .form-grid,.modal.project-modal[aria-labelledby=task-modal-title] .form-grid{border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#f8fafc}.modal.project-modal[aria-labelledby=project-modal-title] .input,.modal.project-modal[aria-labelledby=task-modal-title] .compact-number,.modal.project-modal[aria-labelledby=task-modal-title] .compact-select,.modal.project-modal[aria-labelledby=task-modal-title] .input{background:#fff}.money-input{color:#0f172a;font-weight:900}.money-input.paid{color:#059669}.category-chip-group,.radio-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:42px}.category-chip{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:6px!important;border:1px solid #cbd5e1;border-radius:999px;padding:7px 10px;background:#fff;color:#475569!important;cursor:pointer}.category-chip.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8!important}.category-chip input,.radio-row input{accent-color:#2563eb}.radio-row label{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;color:#334155!important;cursor:pointer}.subtask-editor{border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8fafc}.subtask-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#334155;font-size:12px;font-weight:900}.subtask-editor-head .btn.icon-btn-text{width:auto!important;min-width:60px!important;height:38px!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 14px!important;border:1px solid #dce6f2!important;border-radius:10px!important;background:#fff!important;color:#172033!important;opacity:1!important;font-size:12px!important;font-weight:800!important;line-height:1!important;text-indent:0!important;white-space:nowrap!important}.subtask-editor-head .btn.icon-btn-text svg{color:currentColor!important;stroke:currentColor!important}.subtask-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 38px;grid-gap:8px;gap:8px;align-items:center;margin-top:8px}.subtask-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.subtask-badges span{border:1px solid #cbd5e1;border-radius:999px;padding:3px 7px;background:#f8fafc;color:#475569;font-size:11px;font-weight:800;white-space:nowrap}.sidebar nav{flex:1 1;min-height:0;overflow-y:auto;padding-right:2px}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 0;color:#cbd5e1;font-size:13px}.sidebar-user strong{display:block;color:#f1f5f9;font-size:13px}.sidebar-user span{font-size:11px;color:#94a3b8}.sidebar-logout{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;border-radius:10px;background:hsla(0,0%,100%,.06);color:#f87171;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease}.sidebar-logout:hover{background:hsla(0,91%,71%,.15)}.sidebar{padding:18px}.brand{margin-bottom:20px;font-size:16px}.nav-item{padding:9px 10px;border-radius:9px;font-size:13px}.main{padding:64px 20px 20px}.app-top-actions{top:12px;right:20px}.app-top-action{width:42px;height:42px}.toolbar{gap:12px;margin:-64px -20px 14px;padding:64px 20px 10px}.toolbar h1{margin:0 0 4px;font-size:24px}.muted,.toolbar .muted{font-size:13px;line-height:1.45}.workflow-toolbar-actions{gap:8px}.search-control,.time-filter-select{min-height:38px;border-radius:10px}.search-control{min-width:240px}.time-filter-select{min-width:170px;font-size:12px}.btn{padding:8px 11px}.btn,.input{font-size:13px}.input{border-radius:9px;padding:8px 10px}.card{border-radius:10px}.stat-grid{gap:10px}.stat-card{border-radius:9px;padding:10px}.stat-card strong{font-size:15px}.stat-card span{font-size:11px}.data-table{font-size:12px}.data-table td,.data-table th{padding:10px 11px}.data-table th{font-size:11px}.project-card{border-radius:12px;padding:16px}.priority-panel h2,.project-card h2,.task-project-name-row h2{font-size:16px}.project-card-head p,.project-card-title-block h2 span,.project-desc,.task-project-title p{font-size:12px}.task-project-head{padding:14px}.task-project-summary{padding:10px 14px}.customer-stat-card,.overview-stat-card{border-radius:12px;padding:14px}.customer-stat-card strong,.dash-card strong,.overview-stat-value{font-size:24px}.modal h2{font-size:22px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.dash-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 16px;box-shadow:0 10px 24px rgba(15,23,42,.04);position:relative;overflow:hidden}.dash-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:14px 0 0 14px}.accent-blue:before{background:linear-gradient(180deg,#2563eb,#3b82f6)}.accent-teal:before{background:linear-gradient(180deg,#0d9488,#14b8a6)}.accent-amber:before{background:linear-gradient(180deg,#d97706,#f59e0b)}.accent-red:before{background:linear-gradient(180deg,#dc2626,#ef4444)}.accent-violet:before{background:linear-gradient(180deg,#7c3aed,#8b5cf6)}.accent-orange:before{background:linear-gradient(180deg,#ea580c,#f97316)}.accent-green:before{background:linear-gradient(180deg,#16a34a,#22c55e)}.accent-sky:before{background:linear-gradient(180deg,#0284c7,#38bdf8)}.dash-number{display:block;font-size:28px;font-weight:900;color:var(--text);line-height:1.1}.dash-label{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}.dashboard-panels{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:16px;gap:16px}.dash-panel{padding:18px}.dash-panel h2{margin:0 0 14px;font-size:18px}.activity-list{display:grid;grid-gap:6px;gap:6px}.activity-item{border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.activity-item:last-child{border-bottom:none}.activity-item time{font-size:11px}.quick-links{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.quick-link{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:700;color:var(--text);transition:background .15s ease,border-color .15s ease}.quick-link:hover{background:#f0f9ff;border-color:#bfdbfe}.overview-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.admin-overview-stat-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.overview-stat-card{position:relative;overflow:hidden;min-height:156px;padding:18px;border-radius:14px;color:#fff;box-shadow:0 14px 28px rgba(15,23,42,.1)}button.overview-stat-card{width:100%;border:0;text-align:left;font:inherit;cursor:pointer}.overview-stat-card.clickable{transition:transform .16s ease,box-shadow .16s ease}.overview-stat-card.clickable:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(15,23,42,.14)}.overview-stat-card:before{content:"";position:absolute;inset:0;opacity:.94}.overview-stat-card.blue:before{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.overview-stat-card.emerald:before{background:linear-gradient(135deg,#059669,#047857)}.overview-stat-card.amber:before{background:linear-gradient(135deg,#d97706,#b45309)}.overview-stat-card.red:before{background:linear-gradient(135deg,#dc2626,#b91c1c)}.overview-stat-card.rose:before{background:linear-gradient(135deg,#e11d48,#be123c)}.overview-stat-details,.overview-stat-main{position:relative;z-index:1}.overview-stat-main{display:flex;align-items:center;gap:14px}.overview-stat-main>span{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:hsla(0,0%,100%,.18)}.overview-stat-main strong{display:block;font-size:30px;line-height:1}.overview-stat-main small{display:block;margin-top:5px;color:hsla(0,0%,100%,.86);font-size:12px;font-weight:850}.overview-stat-details{grid-gap:7px;gap:7px;color:hsla(0,0%,100%,.88);font-size:12px;font-weight:800}.admin-payment-stat-split,.overview-stat-details{display:grid;margin-top:18px;padding-top:14px;border-top:1px solid hsla(0,0%,100%,.22)}.admin-payment-stat-split{position:relative;z-index:1;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.admin-payment-stat-split>div{display:grid;grid-gap:5px;gap:5px}.admin-payment-stat-split>div+div{border-left:1px solid hsla(0,0%,100%,.35);padding-left:16px}.admin-payment-stat-split b{color:#fff;font-size:24px;line-height:1}.admin-payment-stat-split span{color:hsla(0,0%,100%,.86);font-size:12px;font-weight:850}.overview-project-modal{width:min(760px,calc(100vw - 32px));padding:18px}.overview-project-list{display:grid;grid-gap:10px;gap:10px;max-height:min(560px,calc(100vh - 190px));overflow:auto;padding-right:4px}.overview-project-list-item{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(160px,1fr) minmax(150px,.9fr);grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc}.overview-project-list-item div{display:grid;grid-gap:4px;gap:4px}.overview-project-list-item strong{color:#0f172a;font-size:14px;font-weight:950}.overview-project-list-item span{color:#64748b;font-size:12px;font-weight:800}.overview-top-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,2fr);grid-gap:16px;gap:16px;margin-bottom:16px}.overview-priority-grid,.overview-scroll-list{max-height:330px;overflow:auto}.overview-priority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.overview-task-card{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.overview-task-card.overdue{border-color:#fecaca;background:#fff7f7}.overview-task-card>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.overview-task-card strong{color:var(--text);font-size:14px}.overview-task-card span{flex:0 0 auto;border-radius:999px;padding:4px 8px;background:#fee2e2;color:#dc2626;font-size:11px;font-weight:900}.overview-task-card p{margin:8px 0;color:var(--muted);font-size:12px;line-height:1.45}.overview-task-card small{display:block;color:var(--muted);font-size:11px;font-weight:800}.overview-progress{position:relative;height:8px;margin-top:12px;overflow:hidden;border-radius:999px;background:#e2e8f0}.overview-progress b{position:absolute;right:0;top:-20px;color:#64748b;font-size:11px}.overview-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f97316,#ef4444)}.overview-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.overview-chart-card{min-height:280px;padding:18px}.overview-chart-card h2{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--text);font-size:16px}.overview-bar-list{display:grid;grid-gap:12px;gap:12px}.overview-bar-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(120px,1.5fr) 44px;align-items:center;grid-gap:10px;gap:10px;color:#64748b;font-size:12px;font-weight:850}.overview-bar-row>div{height:9px;overflow:hidden;border-radius:999px;background:#e2e8f0}.overview-bar-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#14b8a6)}.overview-bar-row.project i{background:linear-gradient(90deg,#7c3aed,#2563eb)}.overview-bar-row b{color:var(--text);text-align:right}.overview-column-chart{height:210px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px;align-items:flex-end}.overview-column-chart>div{height:100%;min-width:0;display:grid;grid-template-rows:1fr auto auto;align-items:flex-end;justify-items:center;grid-gap:6px;gap:6px}.overview-column-chart i{width:22px;min-height:4px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#22c55e,#0d9488)}.overview-column-chart b{color:var(--text);font-size:12px}.overview-column-chart span{color:#64748b;font-size:11px;font-weight:850}.status-admin{background:#ede9fe;color:#6d28d9}.status-manager{background:#dbeafe;color:#1d4ed8}.status-employee{background:#f1f5f9;color:#475569}.kpi-month-form{display:flex;gap:6px}.kpi-layout{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.kpi-ranking-card{position:-webkit-sticky;position:sticky;top:18px;padding:16px}.kpi-ranking-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.kpi-formula-card h2,.kpi-ranking-head h2{margin:0;color:#0f172a;font-size:16px;font-weight:950}.kpi-ranking-head span{color:#64748b;font-size:12px;font-weight:850}.kpi-ranking-list{display:grid;grid-gap:8px;gap:8px}.kpi-ranking-row{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border:1px solid #eef2f7;border-radius:12px;padding:9px 10px;background:#f8fafc;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.kpi-ranking-row.active,.kpi-ranking-row:hover{border-color:#93c5fd;background:#eff6ff;box-shadow:0 8px 22px rgba(37,99,235,.1)}.kpi-ranking-row.active{transform:translateY(-1px)}.kpi-ranking-row strong{overflow:hidden;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:950}.kpi-ranking-row b{color:#059669;font-weight:950}.kpi-rank-number{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:9px;background:#e2e8f0;color:#334155;font-size:13px;font-weight:950}.kpi-rank-number.rank-1{background:#fef3c7;color:#b45309}.kpi-rank-number.rank-2{background:#e2e8f0;color:#475569}.kpi-rank-number.rank-3{background:#ffedd5;color:#c2410c}.kpi-staff-list{display:grid;grid-gap:18px;gap:18px}.kpi-staff-block{overflow:hidden}.kpi-staff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--line)}.kpi-staff-head h2{margin:0;color:#0f172a;font-size:18px;font-weight:950}.kpi-position-badge{display:inline-flex;margin-top:8px;border:1px solid #c7d2fe;border-radius:999px;padding:5px 10px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:950}.kpi-staff-totals{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.kpi-mini-summary div,.kpi-staff-totals div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#f8fafc;text-align:right}.kpi-mini-summary span,.kpi-staff-totals span{display:block;color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase}.kpi-mini-summary b,.kpi-staff-totals strong{display:block;margin-top:5px;color:#0f172a;font-size:17px;font-weight:950}.kpi-mini-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);background:#fff}.kpi-mini-summary div{text-align:left}.kpi-table-wrap{overflow-x:auto}.kpi-detail-table{min-width:820px}.kpi-detail-table td,.kpi-detail-table th{text-align:center;white-space:nowrap}.kpi-detail-table td:first-child,.kpi-detail-table th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:1;background:#fff;text-align:left}.kpi-detail-table th:first-child{background:#f8fafc}.kpi-other-button{border:1px solid var(--line);border-radius:8px;padding:5px 8px;background:#fff;color:#334155;font-weight:900;cursor:pointer}.kpi-other-button:hover{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.kpi-detail-button{border:0;border-radius:8px;min-width:44px;padding:6px 10px;background:transparent;color:#111827;font:inherit;font-weight:900;cursor:pointer}.kpi-detail-button:hover{background:#eff6ff;color:#1d4ed8}.kpi-work-detail-modal{width:min(520px,calc(100vw - 32px))}.kpi-work-detail-list{display:grid;grid-gap:10px;gap:10px;margin-top:12px;max-height:min(420px,calc(100vh - 240px));overflow:auto}.kpi-work-detail-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.kpi-work-detail-row strong{color:#111827}.kpi-work-detail-row span{flex:0 0 auto;color:#166534;font-weight:900}.kpi-formula-card{padding:16px;margin-top:16px}.kpi-formula-card .muted{margin-top:8px;font-size:12px;line-height:1.8}.kpi-score-modal{width:min(1120px,calc(100vw - 32px));height:min(760px,calc(100vh - 40px));display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden}.kpi-score-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-items:stretch;grid-gap:14px;gap:14px;overflow:hidden;padding-right:2px}.kpi-score-panel{min-height:0;height:100%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.kpi-score-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:12px 14px;border-bottom:1px solid var(--line);background:#f8fafc}.kpi-score-panel-head h3{margin:0;color:#0f172a;font-size:14px;font-weight:950}.kpi-score-new-row{display:grid;grid-template-columns:minmax(0,1fr) 92px auto auto;grid-gap:8px;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:#fff}.kpi-score-table-wrap{flex:1 1 auto;min-height:0;overflow:auto}.kpi-score-table{min-width:360px}.kpi-score-table td,.kpi-score-table th{vertical-align:middle}.kpi-score-table td:nth-child(2),.kpi-score-table th:nth-child(2){width:120px;text-align:right}.kpi-score-table td:last-child,.kpi-score-table th:last-child{width:72px;text-align:center}.kpi-score-modal .modal-actions{flex:0 0 auto;border-top:1px solid var(--line);padding-top:14px;background:#fff}.kpi-score-input{width:92px;min-width:92px;text-align:right}.kpi-score-name-input{min-width:180px;font-weight:850}.kpi-score-value{display:inline-flex;min-width:60px;justify-content:flex-end;border-radius:8px;padding:7px 10px;background:#f1f5f9;color:#0f172a;font-weight:950}.kpi-total{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;border-radius:999px;font-size:14px;font-weight:900}.kpi-good{background:#dcfce7;color:#15803d}.kpi-ok{background:#fef3c7;color:#b45309}.kpi-low{background:#fee2e2;color:#b91c1c}.notification-list{display:grid;grid-gap:12px;gap:12px}.notification-card{padding:16px}.notification-card.focused{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.22),0 14px 32px rgba(15,23,42,.08)}.notification-head{display:flex;align-items:center;gap:12px}.notification-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eff6ff;color:#2563eb;flex-shrink:0}.notification-icon.approved{background:#dcfce7;color:#16a34a}.notification-icon.rejected{background:#fee2e2;color:#dc2626}.notification-head strong{display:block;font-size:14px}.notification-head time{display:block;font-size:11px}.notification-content{margin:10px 0 0 48px;color:var(--muted);font-size:13px;line-height:1.6;white-space:pre-wrap}.chat-card{display:grid;grid-template-rows:minmax(360px,calc(100vh - 230px)) auto;overflow:hidden}.chat-messages{overflow:auto;padding:18px;background:linear-gradient(180deg,#f8fafc,#fff)}.chat-date{width:-moz-fit-content;width:fit-content;margin:8px auto 14px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:12px;font-weight:800}.chat-message{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.chat-message.mine{flex-direction:row-reverse}.chat-avatar{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0f766e;color:#fff;font-size:12px;font-weight:900}.chat-message.mine .chat-avatar{background:var(--primary)}.chat-bubble{max-width:min(680px,78%);border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;box-shadow:0 10px 22px rgba(15,23,42,.04)}.chat-message.mine .chat-bubble{background:#eff6ff;border-color:#bfdbfe}.chat-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px;color:var(--muted);font-size:12px}.chat-meta strong{color:var(--text);font-size:13px}.chat-delete{width:24px;height:24px;margin-left:2px}.chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;font-size:14px}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;padding:14px;border-top:1px solid var(--line);background:#fff}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.app-shell,.main{width:100%;max-width:100vw}.main{padding:76px 16px 20px}.app-top-actions{top:14px;right:16px}.workflow-sticky-head{margin:-76px -16px 16px;padding:76px 16px 12px}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:20;width:100%;max-width:100vw;height:auto;overflow:hidden}.sidebar nav{display:flex;max-width:100%;overflow-x:auto;gap:8px;-webkit-overflow-scrolling:touch}.nav-item{white-space:nowrap}.attendance-bottom-grid,.task-layout{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column;margin:-76px -16px 16px;padding:76px 16px 12px}.workflow-sticky-head .toolbar{margin:0 0 16px;padding:0}.workflow-toolbar-actions{width:100%;justify-content:flex-start}.search-control{flex:1 1 240px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-panels{grid-template-columns:1fr}.overview-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-dashboard,.kpi-layout,.kpi-score-grid,.overview-chart-grid,.overview-top-grid{grid-template-columns:1fr}.kpi-score-grid{overflow:auto}.kpi-score-panel{height:calc(100vh - 240px);max-height:calc(100vh - 240px)}.kpi-ranking-card{position:static}.customer-stat-grid,.finance-stat-grid,.transaction-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-bottom-grid,.finance-chart-grid{grid-template-columns:1fr}.finance-monthly-chart{overflow-x:auto;grid-template-columns:repeat(12,minmax(42px,1fr))}.sidebar-footer{display:none}}@media (max-width:720px){.customer-detail-grid,.customer-stat-grid,.form-grid,.kpi-mini-summary,.project-form-panel,.quick-customer-grid{grid-template-columns:1fr}.kpi-staff-head{flex-direction:column}.kpi-staff-totals{justify-content:flex-start}.kpi-month-form{width:100%}.kpi-month-form .input{min-width:0;flex:1 1}.project-meta{flex-direction:column}.project-meta-side{align-items:flex-start}.search-control,.time-filter-select,.workflow-toolbar-actions{width:100%}.dashboard-grid{grid-template-columns:1fr 1fr}.overview-priority-grid,.overview-stat-grid{grid-template-columns:1fr}.overview-bar-row{grid-template-columns:minmax(80px,1fr) minmax(100px,1.2fr) 40px}.finance-stat-grid,.transaction-stat-grid{grid-template-columns:1fr}.finance-panel-head,.finance-table-head{align-items:flex-start;flex-direction:column}.project-date-row,.template-picker-grid{grid-template-columns:1fr}.modal.project-modal[aria-labelledby=project-modal-title] .project-manager-field,.modal.project-modal[aria-labelledby=project-modal-title] .project-phone-field{grid-column:1/-1}.finance-month-input{width:100%}.debt-payment-summary,.project-detail-grid,.project-detail-summary,.project-detail-task-stats{grid-template-columns:1fr}.project-detail-footer,.project-detail-task{align-items:stretch;flex-direction:column}.project-detail-task-meta{justify-items:start}}@media (min-width:901px){body{font-size:12px}.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:14px}.brand{margin-bottom:16px;font-size:15px}.nav-item{gap:8px;padding:7px 9px;border-radius:8px;font-size:12px}.nav-item svg{width:15px;height:15px}.main{padding:52px 16px 16px}.app-top-actions{top:10px;right:16px;gap:8px}.app-top-action{width:36px;height:36px}.app-top-action svg{width:18px;height:18px}.toolbar{gap:10px;margin:-52px -16px 12px;padding:52px 16px 8px}.toolbar h1{margin:0;font-size:20px;line-height:1.15}.login-card>p.muted,.modal-head p.muted,.toolbar p.muted{display:none}.workflow-sticky-head{margin:-52px -16px 12px;padding:52px 16px 10px}.workflow-sticky-head .toolbar{margin:0 0 10px;padding:0}.workflow-toolbar-actions{gap:7px}.search-control,.time-filter-select{min-height:34px;border-radius:8px}.search-control{min-width:220px;padding:0 10px}.btn,.input,.search-control input,.time-filter-select{font-size:10px}.time-filter-select{min-width:154px;padding-left:11px}.btn{padding:7px 10px}.btn,.input{border-radius:8px}.input{min-width:125px;padding:7px 9px}.card{border-radius:9px;box-shadow:0 6px 16px rgba(15,23,42,.035)}.customer-stat-grid,.dashboard-grid,.overview-stat-grid,.stat-grid{gap:8px}.stat-card{padding:8px;border-radius:8px}.stat-card strong{font-size:14px}.stat-card span{font-size:10px}.data-table{font-size:11px}.data-table td,.data-table th{padding:8px 9px}.data-table th{font-size:10px}.project-grid{gap:14px}.project-card{padding:13px;border-radius:10px}.customer-top-card h2,.finance-card-title,.priority-panel h2,.project-card h2,.task-project-name-row h2{font-size:14px}.project-card-title-block{gap:4px;margin-top:9px;padding-bottom:9px}.muted,.project-card-head p,.project-card-title-block h2 span,.project-desc,.project-phone-link,.task-project-title p{font-size:11px}.icon-button{width:28px;height:28px;border-radius:7px}.icon-button svg{width:14px;height:14px}.task-project-list{gap:12px}.task-project-head{padding:11px}.task-project-summary{gap:9px;padding:8px 11px}.task-project-summary strong{font-size:14px}.task-project-summary span{font-size:10px}.customer-stat-card,.dash-card,.overview-stat-card{padding:12px;border-radius:10px}.customer-stat-card strong,.dash-card strong,.overview-stat-value{font-size:20px}.confirm-dialog,.modal{border-radius:12px}.confirm-dialog h2,.modal h2{font-size:17px}}body{font-size:11px}.toolbar h1{margin:0}.app-top-action{width:32px;height:32px}.app-top-action svg{width:16px;height:16px}.nav-item{font-size:11px}.btn,.data-table,.input,.search-control input,.time-filter-select{font-size:10px}.btn{padding:6px 9px}.input{padding:6px 8px}.stat-card strong{font-size:13px}.data-table th,.stat-card span{font-size:9px}.data-table td,.data-table th{padding:7px 8px}.priority-panel h2,.project-card h2,.task-project-name-row h2{font-size:13px}.muted,.project-card-head p,.project-desc,.task-project-title p{font-size:10px}.main,.toolbar{padding-top:46px}.toolbar{margin-top:-46px}.card,.customer-stat-card,.dash-card,.overview-stat-card,.project-card,.stat-card{border-radius:8px}.project-card{padding:11px}.stat-card{padding:7px}.icon-button{width:26px;height:26px}.icon-button svg{width:13px;height:13px}@media (min-width:1100px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.sidebar{padding:14px 16px}.brand{margin-bottom:18px;font-size:14px}.sidebar nav{gap:2px}.nav-item{min-height:34px;padding:7px 10px}.sidebar-footer{padding-top:12px}.sidebar-user{padding:8px 0}.sidebar-logout{padding:8px 10px}.main{padding:40px 16px 14px}.toolbar,.workflow-sticky-head{margin:-40px -16px 10px;padding:40px 16px 8px}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-status-stats{gap:10px;margin-bottom:16px;grid-template-columns:repeat(7,minmax(100px,1fr))}.project-card{min-height:0;padding:12px}.project-card-head{min-height:30px;gap:8px}.project-card-title-block{margin-top:8px;padding-bottom:8px}.progress-block{margin-top:10px}.bar,.mini-progress{height:6px}.priority,.status-badge{min-height:20px;padding:3px 7px;font-size:10px}}@media (min-width:900px){.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:12px 14px}.brand{margin-bottom:14px;font-size:13px}.nav-item{min-height:30px;gap:7px;padding:6px 9px;border-radius:7px;font-size:10.5px}.nav-item svg{width:13px;height:13px}.sidebar-logout,.sidebar-user{font-size:10.5px}.main{padding:38px 14px 14px}.toolbar,.workflow-sticky-head{margin:-38px -14px 10px;padding:38px 14px 8px}.toolbar h1{font-size:17px}.app-top-actions{top:8px;right:14px}.search-control,.time-filter-select{min-height:30px}.search-control{min-width:200px}.btn,.compact-number,.compact-select,.input{min-height:30px}.task-layout{grid-template-columns:minmax(0,1fr);gap:10px}.task-project-list{gap:10px}.task-project-head{padding:9px 10px}.task-project-summary{grid-template-columns:repeat(2,minmax(78px,max-content));gap:8px;padding:8px 10px}.task-group-table{min-width:900px;table-layout:fixed}.task-group-table td:first-child,.task-group-table th:first-child{width:116px}.task-group-table td:nth-child(2),.task-group-table th:nth-child(2){width:128px}.task-group-table td:nth-child(3),.task-group-table th:nth-child(3){width:86px}.task-group-table td:nth-child(4),.task-group-table th:nth-child(4){width:146px}.task-group-table td:nth-child(5),.task-group-table th:nth-child(5){width:92px}.task-group-table td:nth-child(6),.task-group-table th:nth-child(6){width:84px}.task-group-table td:nth-child(7),.task-group-table th:nth-child(7){width:104px}.task-group-table td:nth-child(8),.task-group-table th:nth-child(8){width:90px}.task-name-cell{grid-template-columns:18px minmax(0,1fr);gap:7px}.quick-complete-checkbox{width:15px;height:15px}.assignee-select{min-width:0;width:118px}.compact-select{width:96px;padding:0 7px}.compact-number{width:54px;padding:0 7px}.priority-panel{padding:12px}.priority-item{padding:9px 0}.priority,.status-badge,.subtask-badges span{min-height:19px;padding:2px 6px;font-size:8px}.action-row{gap:5px;flex-wrap:nowrap}}body,html{width:100%;max-width:100%}:root{--bg:#eef4fb;--card:#fff;--line:#e6edf6;--text:#172033;--muted:#758399;--primary:#4f6df5}body{overflow-x:hidden;background:linear-gradient(135deg,#f9fbff,#edf5ff 52%,#e7eefc)}.app-shell{grid-template-columns:238px minmax(0,1fr);background:transparent}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid rgba(226,232,240,.9);background:hsla(0,0%,100%,.92);color:#64748b;box-shadow:10px 0 34px rgba(15,23,42,.05);padding:20px 14px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#1f2937;color:#fff;font-size:11px;font-weight:950;letter-spacing:.8px;box-shadow:0 10px 22px rgba(15,23,42,.16)}.brand-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.brand-copy strong{color:#172033;font-size:15px;font-weight:950}.brand-copy span{color:#8a96a8;font-size:10px;font-weight:700}.sidebar-account{display:grid;grid-template-columns:32px minmax(0,1fr) 28px;align-items:center;grid-gap:10px;gap:10px;margin-bottom:22px;padding:12px;border:1px solid #e5e7ff;border-radius:14px;background:linear-gradient(135deg,#f5f6ff,#fbfdff);box-shadow:0 12px 28px rgba(79,109,245,.08)}.sidebar-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#4f6df5,#8b5cf6);color:#fff;font-size:13px;font-weight:950}.sidebar-account strong{display:block;overflow:hidden;color:#172033;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.sidebar-account span{color:#7b8798;font-size:10px;font-weight:750}.sidebar-mini-logout{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:9px;background:#fff1f2;color:#ef4444;cursor:pointer}.sidebar nav{display:grid;grid-gap:8px;gap:8px;padding:4px 0}.nav-item{min-height:42px;gap:11px;padding:8px 10px;border-radius:12px;color:#76869f;font-size:12px;font-weight:850}.nav-item svg{width:30px;height:30px;flex:0 0 30px;padding:7px;border-radius:9px;background:#edf4ff;color:#3b82f6}.nav-item:nth-child(2n) svg{background:#e9fbf7;color:#10b981}.nav-item:nth-child(3n) svg{background:#f1edff;color:#7c3aed}.nav-item:nth-child(4n) svg{background:#fff6df;color:#f59e0b}.nav-item:nth-child(5n) svg{background:#ffeef3;color:#f43f5e}.nav-item.active,.nav-item:hover{border:1px solid #dbe4ff;background:linear-gradient(135deg,#eef2ff,#f7fbff);color:#4f6df5;box-shadow:0 12px 24px rgba(79,109,245,.1)}.nav-item.active svg,.nav-item:hover svg{background:linear-gradient(135deg,#4f6df5,#7c3aed);color:#fff}.sidebar-footer{display:none}.main{background:linear-gradient(135deg,rgba(248,251,255,.92),rgba(235,243,255,.92))}.app-top-action{width:34px;height:34px;border:1px solid #edf2f7;background:hsla(0,0%,100%,.92);color:#334155;box-shadow:0 10px 24px rgba(15,23,42,.08)}.app-top-action:hover{background:#f8fbff}.toolbar,.workflow-sticky-head{background:rgba(248,251,255,.92)}.toolbar h1{color:#172033;font-size:18px}.card,.priority-panel,.project-card,.stat-card,.task-project-group{border-color:rgba(222,232,245,.95);background:hsla(0,0%,100%,.96);box-shadow:0 14px 34px rgba(64,94,130,.08)}.project-card,.task-project-group{border-radius:14px}.stat-card{border-radius:10px;box-shadow:0 8px 20px rgba(64,94,130,.05)}.data-table th,.task-project-head,.task-project-summary{background:#f8fbff}body{font-size:13px}.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:16px 12px}.brand{gap:10px;margin-bottom:12px}.brand-mark{width:40px;height:40px;border-radius:12px;font-size:10px}.brand-copy strong{font-size:13px}.brand-copy span{font-size:9px}.sidebar-account{grid-template-columns:28px minmax(0,1fr) 26px;gap:8px;margin-bottom:16px;padding:9px;border-radius:12px}.sidebar-avatar,.sidebar-mini-logout{width:28px;height:28px}.nav-item,.sidebar-account strong{font-size:11px}.sidebar-account span{font-size:9px}.sidebar nav{gap:6px}.nav-item{min-height:36px;gap:9px;padding:6px 8px;border-radius:10px}.nav-item svg{width:26px;height:26px;flex-basis:26px;padding:6px;border-radius:8px}.main{padding:54px 16px 18px}.app-top-actions{top:10px;right:18px;gap:10px}.app-top-action{width:38px;height:38px;border:1px solid #dbe6f4;background:#fff;color:#172033;box-shadow:0 10px 22px rgba(15,23,42,.12)}.app-top-action svg{width:19px;height:19px;stroke-width:2.25}.app-action-dot{top:-5px;right:-5px;min-width:17px;height:17px;font-size:9px}.toolbar{gap:10px;margin:-54px -16px 12px;padding:54px 112px 9px 16px}.workflow-sticky-head .toolbar{padding-right:112px}.toolbar h1{font-size:17px;line-height:1.15}.login-card>p.muted,.modal-head p.muted,.toolbar p.muted{display:none!important}.workflow-toolbar-actions{gap:7px}.compact-select,.input,.search-control,.time-filter-select{min-height:34px;border-radius:9px;font-size:12px}.search-control{min-width:220px}.btn{min-height:34px;padding:7px 11px;border-radius:9px;font-size:12px}.icon-button{width:30px;height:30px;border-radius:8px}.stat-grid{gap:9px}.stat-card{min-height:54px;padding:10px 12px}.stat-card strong{font-size:16px}.stat-card span{font-size:10px}.dashboard-grid,.finance-chart-grid,.project-grid,.task-groups{gap:12px}.card,.priority-panel,.project-card,.task-project-group{border-radius:12px}.project-card{padding:14px}.card h2,.project-title,.task-project-title h2{font-size:14px}.attendance-table,.data-table,.priority-panel,.project-meta,.project-money-row,.task-project-head,.task-project-summary{font-size:12px}.data-table td,.data-table th{padding:9px 10px}.task-group-table td,.task-group-table th,.task-row td{padding-top:8px;padding-bottom:8px}.badge,.pill,.project-paid-badge,.project-status,.project-type{font-size:10px;border-radius:8px}html[data-theme=dark]{--bg:#f6f8fb;--card:#fff;--line:#e7edf5;--text:#172033;--muted:#6b778d;--primary:#2563eb}html[data-theme=dark] body{background:#f6f8fb!important;color:#172033!important}html[data-theme=dark] .main,html[data-theme=dark] .toolbar,html[data-theme=dark] .workflow-sticky-head,html[data-theme=dark] .workflow-sticky-head .toolbar{background:rgba(248,250,252,.96)!important;color:#172033!important}html[data-theme=dark] .sidebar-account{border-color:rgba(148,163,184,.16)!important;background:rgba(30,41,59,.82)!important;box-shadow:none!important}html[data-theme=dark] .nav-item.active,html[data-theme=dark] .nav-item:hover{border-color:hsla(0,0%,100%,.08)!important;background:hsla(0,0%,100%,.1)!important;color:#fff!important;box-shadow:none!important}html[data-theme=dark] .nav-item.active svg,html[data-theme=dark] .nav-item:hover svg{background:hsla(0,0%,100%,.14)!important;color:#fff!important}.task-project-head .task-project-meta .btn.icon-btn-text,.task-project-meta .btn.icon-btn-text{border-color:#dce6f2!important;background:#fff!important;color:#111827!important}.task-project-head .task-project-meta .btn.icon-btn-text svg,.task-project-meta .btn.icon-btn-text svg{color:currentColor!important;stroke:currentColor!important}.workflow-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important}.workflow-grid,.workflow-grid>.project-card{width:100%!important;max-width:none!important}.confirm-backdrop,.dialog-backdrop,.modal-backdrop,.popover-backdrop{position:fixed!important;inset:0!important}body:has(.confirm-backdrop) .app-top-actions,body:has(.confirm-backdrop) .main>.toolbar,body:has(.confirm-backdrop) .workflow-sticky-head,body:has(.dialog-backdrop) .app-top-actions,body:has(.dialog-backdrop) .main>.toolbar,body:has(.dialog-backdrop) .workflow-sticky-head,body:has(.modal-backdrop) .app-top-actions,body:has(.modal-backdrop) .main>.toolbar,body:has(.modal-backdrop) .workflow-sticky-head{opacity:.45!important;pointer-events:none!important}.confirm-dialog,.dialog,.modal,.modal-large,.project-detail-modal{position:relative!important;z-index:1001!important}.main>.toolbar,.workflow-sticky-head{z-index:90!important;overflow:visible!important}.main>.toolbar{margin-bottom:22px!important}.main>.toolbar,.workflow-sticky-head{margin-top:0!important;padding-top:14px!important;padding-bottom:16px!important}.workflow-sticky-head{margin-bottom:18px!important}.project-grid{width:100%!important;max-width:none!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important}.modal-backdrop{inset:0!important;z-index:1000!important}.modal-backdrop .modal,.modal-backdrop .modal-large,.modal-backdrop .project-detail-modal{position:relative!important;z-index:1001!important}@media (min-width:1500px){.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr))!important}}@media (max-width:1180px){.app-top-actions{position:absolute!important}.main>.toolbar,.workflow-sticky-head{padding-right:18px!important}.main>.toolbar,.workflow-sticky-head .toolbar{flex-wrap:wrap!important}.workflow-toolbar-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}}.app-top-actions{width:128px!important;z-index:520!important}.app-top-action{width:34px!important;height:34px!important;min-width:34px!important}.main>.toolbar{z-index:260!important;margin:-72px -24px 20px!important;padding:84px 168px 14px 24px!important;min-height:0!important;justify-content:space-between!important}.main>.toolbar>div:first-child{flex:0 0 auto!important;min-width:150px!important}.main>.toolbar h1{font-size:20px!important}.main>.toolbar p.muted{display:none!important}.workflow-sticky-head{z-index:260!important;margin:-72px -24px 20px!important;padding:84px 168px 14px 24px!important;min-height:0!important;background:rgba(248,250,252,.97)!important;border-bottom:1px solid rgba(226,232,240,.82)!important}.workflow-sticky-head .toolbar{position:static!important;min-height:0!important;justify-content:space-between!important}.workflow-sticky-head .toolbar>div:first-child{flex:0 0 auto!important;min-width:150px!important}.workflow-sticky-head .project-status-stats,.workflow-sticky-head .stat-grid{margin-top:12px!important}.workflow-toolbar-actions{flex-flow:row nowrap!important}.workflow-toolbar-actions .search-control{min-width:170px!important}.workflow-toolbar-actions .btn,.workflow-toolbar-actions .icon-btn-text{flex:0 0 auto!important;min-width:0!important;white-space:nowrap!important}.workflow-toolbar-actions .btn.primary,.workflow-toolbar-actions .btn.primary.icon-btn-text{color:#fff!important}.task-project-head .btn.icon-btn-text,.task-project-meta .btn.icon-btn-text{min-width:84px!important;color:#172033!important;border-color:#dbe6f4!important}.task-project-head .btn.icon-btn-text svg,.task-project-meta .btn.icon-btn-text svg{color:currentColor!important}.task-project-head .btn.icon-btn-text:hover,.task-project-meta .btn.icon-btn-text:hover{background:#f8fbff!important}html[data-theme=dark] .main>.toolbar,html[data-theme=dark] .workflow-sticky-head{background:rgba(248,250,252,.97)!important;border-bottom-color:rgba(226,232,240,.82)!important}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#c9d7e8!important}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#aebed2!important}@media (max-width:1500px){.main>.toolbar,.workflow-sticky-head{padding-right:156px!important}.workflow-toolbar-actions .search-control{width:200px!important;flex-basis:200px!important}.workflow-toolbar-actions .month-filter{width:180px!important;flex-basis:180px!important}.workflow-toolbar-actions .compact-select,.workflow-toolbar-actions .time-filter-select{width:155px!important;flex-basis:155px!important}.workflow-toolbar-actions .btn.primary.icon-btn-text{padding-inline:12px!important}}@media (max-width:1180px){.main>.toolbar,.workflow-sticky-head{padding-right:24px!important}.app-top-actions{position:absolute!important}.main>.toolbar,.workflow-sticky-head .toolbar{flex-wrap:wrap!important}.workflow-toolbar-actions{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important}}.app-top-actions{display:flex!important;height:auto!important;padding:0!important;pointer-events:auto!important}.app-top-action{box-shadow:0 10px 26px rgba(65,92,130,.1)!important}.main>.toolbar{position:-webkit-sticky!important;position:sticky!important;z-index:90!important;gap:14px!important;border-bottom:1px solid rgba(218,228,242,.88)!important;background:rgba(246,248,251,.98)!important;box-shadow:0 8px 22px rgba(61,87,124,.05)!important}.main>.toolbar h1{margin:0!important;font-size:18px!important;line-height:1.2!important}.main>.toolbar+.card,.main>.toolbar+.customer-stat-grid,.main>.toolbar+.finance-stat-grid,.main>.toolbar+.overview-stat-grid,.main>.toolbar+.stat-grid,.main>.toolbar+.transaction-stat-grid,.main>.toolbar+section{margin-top:18px!important}.workflow-sticky-head{border-bottom:1px solid rgba(218,228,242,.88)!important;background:rgba(246,248,251,.98)!important;box-shadow:0 8px 22px rgba(61,87,124,.05)!important}.workflow-sticky-head .toolbar{position:relative!important;top:auto!important;z-index:auto!important;gap:14px!important;border:0!important;box-shadow:none!important}.workflow-sticky-head .toolbar h1{margin:0!important;font-size:18px!important;line-height:1.2!important}.workflow-toolbar-actions{overflow:visible!important}.workflow-toolbar-actions .search-control{max-width:260px!important}.workflow-toolbar-actions .compact-select,.workflow-toolbar-actions .time-filter-select{max-width:190px!important}.workflow-sticky-head .project-status-stats,.workflow-sticky-head .stat-grid{margin-top:0!important;display:grid!important;grid-gap:10px!important;gap:10px!important}html[data-theme=dark] .main>.toolbar,html[data-theme=dark] .workflow-sticky-head,html[data-theme=dark] .workflow-sticky-head .toolbar{background:rgba(246,248,251,.98)!important;color:#172033!important}@media (min-width:1500px){.workflow-toolbar-actions .search-control{width:260px!important;flex-basis:260px!important}.workflow-toolbar-actions .compact-select,.workflow-toolbar-actions .time-filter-select{width:190px!important;flex-basis:190px!important}}@media (max-width:1180px){.main>.toolbar,.workflow-sticky-head{padding-right:122px!important}.workflow-toolbar-actions{gap:6px!important}.workflow-toolbar-actions .search-control{width:180px!important;min-width:150px!important;flex-basis:180px!important}.workflow-toolbar-actions .compact-select,.workflow-toolbar-actions .month-filter,.workflow-toolbar-actions .time-filter-select{width:150px!important;min-width:136px!important;flex-basis:150px!important}}@media (max-width:820px){.app-top-actions{top:8px!important;right:10px!important}.main>.toolbar,.workflow-sticky-head{padding:58px 12px 12px!important;margin:0 -12px 14px!important}.main>.toolbar,.workflow-sticky-head .toolbar,.workflow-toolbar-actions{flex-wrap:wrap!important}.workflow-toolbar-actions .btn,.workflow-toolbar-actions .compact-select,.workflow-toolbar-actions .month-filter,.workflow-toolbar-actions .search-control,.workflow-toolbar-actions .time-filter-select{width:100%!important;max-width:none!important;flex:1 1 100%!important}}.app-top-actions{z-index:260!important;display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;margin:0!important;pointer-events:auto}.app-top-action{min-height:36px!important;border-radius:999px!important}.main>.toolbar{margin:-60px -18px 16px!important;padding:62px 18px 12px!important;display:flex!important;align-items:flex-end!important;gap:12px!important;flex-wrap:wrap!important;border-bottom:1px solid rgba(226,232,240,.75)!important}.main>.toolbar+.card,.main>.toolbar+.customer-stat-grid,.main>.toolbar+.finance-stat-grid,.main>.toolbar+.overview-stat-grid,.main>.toolbar+.stat-grid,.main>.toolbar+.transaction-stat-grid,.main>.toolbar+section{margin-top:16px!important}.workflow-sticky-head{position:-webkit-sticky!important;position:sticky!important;z-index:90!important;margin:-60px -18px 16px!important;padding:62px 18px 16px!important;border-bottom:1px solid rgba(226,232,240,.75)!important;background:rgba(248,251,255,.97)!important}.workflow-sticky-head .toolbar{min-height:42px!important;display:flex!important;align-items:flex-end!important;gap:12px!important;flex-wrap:wrap!important;border-bottom:0!important;background:transparent!important}.workflow-toolbar-actions{padding-right:0!important;flex-wrap:wrap!important;max-width:min(760px,calc(100vw - 330px))!important}.workflow-sticky-head .project-status-stats{margin-top:0!important}.task-project-head .btn.icon-btn-text,.task-project-meta .btn.icon-btn-text{min-width:78px!important;height:34px!important;min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #dce6f2!important;background:#fff!important;color:#111827!important;opacity:1!important;font-size:12px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;text-indent:0!important}.task-project-head .btn.icon-btn-text svg,.task-project-meta .btn.icon-btn-text svg{color:#111827!important;stroke:currentColor!important}html[data-theme=dark] .main>.toolbar,html[data-theme=dark] .workflow-sticky-head,html[data-theme=dark] .workflow-sticky-head .toolbar{background:#f6f8fb!important}html[data-theme=dark] .task-project-head .btn.icon-btn-text,html[data-theme=dark] .task-project-meta .btn.icon-btn-text{border-color:#dce6f2!important;background:#fff!important;color:#111827!important}@media (max-width:1180px){.workflow-toolbar-actions{flex:1 1 100%!important;justify-content:flex-start!important;max-width:100%!important}}@media (max-width:760px){.app-top-actions{top:8px!important;right:10px!important;gap:6px!important}.app-top-action{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex-basis:34px!important}.main>.toolbar,.workflow-sticky-head{margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important}}.month-filter{width:100%;min-width:176px!important;max-width:220px;overflow:hidden}.month-filter button{position:relative;z-index:2;width:100%;height:38px!important;min-height:38px!important;display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;border:1px solid #dce6f2;border-radius:10px;background:#fff;color:#172033;padding:0 13px;font:650 13px/1.2 inherit;cursor:pointer;box-shadow:0 10px 24px rgba(64,94,130,.04)}.month-filter button svg{width:14px;height:14px;color:#6b778d;flex:0 0 auto}html[data-theme=dark] .month-filter button{border-color:#dce6f2!important;background:#fff!important;color:#172033!important;box-shadow:0 10px 24px rgba(64,94,130,.04)!important}.confirm-dialog{width:min(460px,calc(100vw - 32px));padding:20px}.confirm-dialog .modal-head{align-items:flex-start}.confirm-dialog .modal-head h2{font-size:18px;line-height:1.25;font-weight:750}.confirm-dialog .modal-head .muted{font-size:13px;line-height:1.5}.confirm-dialog .btn.danger{border-color:#ef4444;background:#ef4444;color:#fff}*{scrollbar-color:#cbd5e1 #eef4fb!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#eef4fb!important}::-webkit-scrollbar-thumb{border:2px solid #eef4fb!important;background:#cbd5e1!important}::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}html[data-theme=dark] *{scrollbar-color:#cbd5e1 #eef4fb!important}html[data-theme=dark] ::-webkit-scrollbar-track{background:#eef4fb!important}html[data-theme=dark] ::-webkit-scrollbar-thumb{border-color:#eef4fb!important}.card h2,.customer-table-head h2,.customer-top-card h2,.personal-task-column-head h2,.priority-panel h2{font-size:18px;line-height:1.25;font-weight:700}.activity-item strong{font-size:13px;font-weight:700}.activity-item p,.activity-item span,.customer-table-head .muted,.priority-panel .muted{font-size:11.5px;line-height:1.45}.project-card{font-size:12.5px}.project-card h2,.project-card-title-block h2,.project-title{font-size:15px!important;line-height:1.25!important;font-weight:720!important}.project-card h2 span,.project-card-title-block h2 span{font-size:12px!important;font-weight:650!important}.progress-block span,.project-card-head p,.project-description,.project-meta,.project-meta-item,.project-money-row span{font-size:11.5px!important;line-height:1.45!important;font-weight:600!important;color:#6b778d!important}.project-meta-item strong,.project-money-row strong{font-size:16px!important;line-height:1.2!important;font-weight:750!important}.deadline-badge,.project-paid-badge,.project-soft-badge,.project-vat-badge,.status-badge,.task-count-badge{font-size:9px!important;line-height:.2!important;font-weight:700!important}.project-detail-modal h2{font-size:22px!important;line-height:1.2!important;font-weight:760!important}.project-detail-box span,.project-detail-modal .muted,.project-detail-summary span,.project-detail-task-meta{font-size:11.5px!important;line-height:1.45!important}.project-detail-box b,.project-detail-summary b{font-size:16px!important;line-height:1.25!important;font-weight:740!important;color:#172033!important}.project-detail-task-main strong{font-size:15px!important;font-weight:720!important}.project-detail-task-meta b{font-size:16px!important;font-weight:720!important}@media (min-width:900px){.app-shell{grid-template-columns:210px minmax(0,1fr)!important}.sidebar{width:210px!important;min-width:210px!important;padding:13px 10px!important;gap:10px!important}.brand{gap:8px!important}.brand-mark{width:36px!important;height:36px!important;border-radius:10px!important;font-size:12px!important}.brand-copy strong{font-size:13px!important;line-height:1.1!important}.brand-copy span{font-size:10px!important;line-height:1.2!important}.sidebar-account{padding:9px!important;min-height:0!important;gap:8px!important;border-radius:12px!important}.sidebar-avatar{width:32px!important;height:32px!important;font-size:14px!important}.sidebar-account strong{font-size:13px!important;line-height:1.1!important}.sidebar-account span{font-size:10px!important;line-height:1.1!important}.logout-button,.sidebar-mini-logout{width:30px!important;height:30px!important;min-height:30px!important;border-radius:9px!important}.sidebar nav{gap:5px!important;padding-right:2px!important;overflow-y:auto!important}.nav-item{min-height:34px!important;padding:6px 8px!important;gap:8px!important;border-radius:10px!important;font-size:12.5px!important;line-height:1.1!important}.nav-item svg{width:25px!important;height:25px!important;padding:6px!important;border-radius:8px!important}.main{padding:17px 18px 28px!important}.toolbar h1{font-size:21px!important;line-height:1.15!important;font-weight:760!important}}.month-filter{min-width:184px!important;height:38px!important}.month-filter button{display:inline-flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;border:1px solid #dce6f2!important;border-radius:9px!important;background:#fff!important;color:#172033!important;padding:0 12px!important;font-size:12.5px!important;font-weight:650!important;line-height:1!important;cursor:pointer!important}.month-filter button:hover{border-color:#bfd1eb!important}.month-filter input{left:12px!important;bottom:0!important;width:1px!important;height:1px!important;pointer-events:none!important}.confirm-dialog{width:min(480px,calc(100vw - 32px))!important;padding:18px!important}.confirm-dialog .modal-head h2{font-size:18px!important;font-weight:720!important}.confirm-dialog .modal-head p{font-size:12.5px!important;line-height:1.5!important}*{scrollbar-color:#cbd5e1 #eef3f9!important;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#eef3f9;border-radius:999px}::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #eef3f9;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#aebdd0}html[data-theme=dark] *,html[data-theme=dark] .card,html[data-theme=dark] .modal{scrollbar-color:#cbd5e1 #eef3f9!important}html[data-theme=dark] ::-webkit-scrollbar-track{background:#eef3f9!important}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-color:#eef3f9!important}@media (min-width:981px){.app-shell{grid-template-columns:218px minmax(0,1fr)!important}.sidebar{width:218px!important;padding:10px 9px!important;overflow-y:auto!important}.brand,.sidebar{gap:8px!important}.brand{margin-bottom:6px!important}.brand-mark{width:38px!important;height:38px!important;border-radius:10px!important;font-size:10.5px!important}.brand-copy strong{font-size:13px!important;line-height:1.1!important}.brand-copy span{font-size:9.5px!important;line-height:1.2!important}.sidebar-account{min-height:42px!important;grid-template-columns:27px minmax(0,1fr) 27px!important;gap:7px!important;padding:7px!important;margin-bottom:6px!important;border-radius:10px!important}.sidebar-avatar,.sidebar-mini-logout{width:27px!important;height:27px!important;min-width:27px!important;border-radius:9px!important;font-size:12px!important}.sidebar-account strong{font-size:12px!important;line-height:1.1!important}.sidebar-account span{font-size:9px!important;letter-spacing:.03em!important;line-height:1.1!important}.sidebar nav{flex:0 1 auto!important;justify-content:flex-start!important;gap:2px!important}.nav-item{min-height:31px!important;gap:8px!important;padding:4px 7px!important;border-radius:9px!important;font-size:11.5px!important;font-weight:620!important;line-height:1.15!important}.nav-item svg{width:24px!important;height:24px!important;min-width:24px!important;padding:5px!important;border-radius:8px!important}.sidebar-footer{margin-top:auto!important}}.progress-block,.project-meta,.project-meta-item,.project-money{font-size:10px!important;font-weight:450!important;color:#6b778d!important}.progress-block b,.project-meta b{font-size:10px!important;font-weight:450!important;color:#4b5a70!important}.progress-block>div:first-child span,.project-money span{font-size:10px!important;font-weight:450!important;color:#94a3b8!important}.project-money b{font-size:13px!important;font-weight:630!important;color:#172033!important}.project-money>div:last-child b{color:#059669!important}.deadline-badge,.task-count-badge{font-size:8px!important;font-weight:650!important}.project-detail-modal h2{font-size:17px!important;font-weight:720!important;color:#172033!important}.project-detail-modal .project-paid-badge,.project-detail-modal .project-soft-badge,.project-detail-modal .project-vat-badge,.project-detail-modal .status-badge{font-size:8px!important;font-weight:650!important}.project-detail-box span,.project-detail-modal .muted,.project-detail-summary span,.project-detail-task-meta{font-size:9px!important;font-weight:620!important;color:#6b778d!important}.project-detail-box b,.project-detail-summary b{font-size:12px!important;font-weight:700!important;color:#1f2937!important}.project-detail-task-main strong{font-size:11px!important;font-weight:500!important;color:#172033!important}.project-detail-task-meta b{font-size:9px!important;font-weight:650!important;color:#64748b!important}body{font-size:13px!important;font-weight:500!important;line-height:1.45!important}.card h2,.card h3,.project-title,.task-project-name-row h2,.task-project-title h2,.toolbar h1,h1,h2,h3{font-weight:700!important}.toolbar h1{font-size:18px!important}.brand-copy strong,.sidebar-account strong{font-size:13px!important;font-weight:700!important}.brand-copy span,.muted,.sidebar-account span{font-size:10px!important;font-weight:500!important}.sidebar{padding:14px 12px!important}.sidebar-account{grid-template-columns:30px minmax(0,1fr) 28px!important;gap:8px!important;margin-bottom:14px!important;padding:9px 10px!important;border-radius:12px!important}.sidebar-avatar{width:30px!important;height:30px!important;font-size:12px!important;font-weight:700!important}.sidebar nav{gap:4px!important}.nav-item{min-height:34px!important;gap:8px!important;padding:6px 8px!important;border-radius:9px!important;font-size:12px!important;font-weight:650!important}.nav-item svg{width:26px!important;height:26px!important;flex-basis:26px!important;padding:6px!important;border-radius:8px!important}.stat-card{min-height:48px!important;padding:8px 10px!important}.stat-card strong{font-size:15px!important;font-weight:700!important}.badge,.chip,.pill,.project-paid-badge,.project-status,.project-type,.stat-card span,.status-badge{font-size:9px!important;font-weight:600!important}.btn,.compact-number,.compact-select,.input,.time-filter-select,select,textarea{min-height:32px!important;border-radius:8px!important;font-size:12px!important;font-weight:400!important}.attendance-table th,.data-table th,.task-group-table th{font-size:10.5px!important;font-weight:700!important}.attendance-table td,.data-table td,.task-group-table td{font-size:12px!important;font-weight:500!important}.month-filter{position:relative!important;display:inline-flex!important;align-items:center!important;min-width:174px!important;min-height:34px!important;gap:8px!important;padding:0!important;border:1px solid #dce6f2!important;border-radius:10px!important;background:#fff!important;color:#172033!important;box-shadow:0 8px 20px rgba(64,94,130,.04)!important;cursor:pointer!important;font-size:12px!important;font-weight:600!important}.month-filter svg{flex:0 0 auto!important;color:#64748b!important}.month-filter span{pointer-events:none!important;white-space:nowrap!important}.month-filter input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;cursor:pointer!important;opacity:0!important}.month-filter input::-webkit-calendar-picker-indicator{width:100%!important;height:100%!important;cursor:pointer!important}html[data-theme=dark] .month-filter{border-color:#dce6f2!important;background:#fff!important;color:#172033!important}html[data-theme=dark] .month-filter svg{color:#64748b!important}@media (min-width:981px){body{font-size:13px}.app-shell{grid-template-columns:228px minmax(0,1fr)}.sidebar{padding:14px 12px}.brand{margin-bottom:12px;font-size:15px}.sidebar-account{padding:9px 10px;border-radius:12px;margin-bottom:14px}.nav-item{min-height:34px;gap:8px;padding:6px 8px;border-radius:9px;font-size:12px;font-weight:650}.main{padding:60px 18px 18px}.app-top-actions{top:12px;right:18px;gap:8px}.app-top-action{width:38px;height:38px}.toolbar{margin:-60px -18px 10px;padding:60px 106px 8px 18px;gap:9px}.toolbar h1{font-size:16px}.workflow-sticky-head .toolbar{padding-right:106px}.workflow-toolbar-actions{gap:6px}.search-control{min-width:205px}.time-filter-select{min-width:148px}.btn,.compact-number,.compact-select,.input,.search-control,.time-filter-select{min-height:32px;border-radius:8px;font-size:11px}.btn{padding:6px 10px}.icon-button{width:28px;height:28px;border-radius:7px}.customer-stat-grid,.dashboard-grid,.finance-chart-grid,.project-grid,.stat-grid,.task-groups{gap:10px}.stat-card{min-height:48px;padding:8px 10px;border-radius:8px}.stat-card strong{font-size:14px}.stat-card span{font-size:9px}.project-card{padding:12px;border-radius:10px}.card h2,.project-title,.task-project-name-row h2,.task-project-title h2{font-size:13px}.project-card-title-block{margin-top:8px;padding-bottom:8px}.attendance-table,.data-table,.muted,.priority-panel,.project-meta,.project-money-row,.task-project-head,.task-project-summary{font-size:11px}.data-table td,.data-table th{padding:7px 8px}.task-group-table td,.task-group-table th,.task-row td{padding-top:7px;padding-bottom:7px}.badge,.customer-source-badge,.customer-tier,.pill,.project-paid-badge,.project-status,.project-type{font-size:9px;border-radius:7px;padding:4px 7px}.attendance-table td,.attendance-table th{min-width:78px;height:58px;padding:6px}.staff-col{min-width:150px!important}.attendance-total-col{min-width:84px!important}.attendance-total-col.total-actual{min-width:98px!important}.attendance-total-col.total-makeup{right:98px}.attendance-total-col.total-ot{right:182px}.attendance-total-col.total-early-leave{right:266px}.attendance-total-col.total-late{right:350px}.attendance-total-col.total-leave{right:434px}.customer-dashboard{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.customer-table-card{overflow-x:auto}.customer-table-head{padding:12px}.customers-table{min-width:820px;table-layout:fixed}.customers-table td:first-child,.customers-table th:first-child{width:170px}.customers-table td:nth-child(2),.customers-table td:nth-child(3),.customers-table th:nth-child(2),.customers-table th:nth-child(3){width:125px}.customers-table td:nth-child(4),.customers-table td:nth-child(5),.customers-table td:nth-child(6),.customers-table th:nth-child(4),.customers-table th:nth-child(5),.customers-table th:nth-child(6){width:105px}.customers-table td:nth-child(7),.customers-table th:nth-child(7){width:115px}.customers-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-top-card{padding:12px}.customer-top-item{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:8px}}.personal-task-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.personal-task-column{border:1px solid rgba(222,232,245,.95);border-radius:16px;background:hsla(0,0%,100%,.92);box-shadow:0 14px 34px rgba(64,94,130,.08);padding:14px;min-width:0}.personal-task-column-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f8;padding-bottom:11px;margin-bottom:12px}.personal-task-column-head h2{display:inline-flex;align-items:center;gap:8px;margin:0;color:#172033;font-size:14px;font-weight:950}.personal-task-column-head span{display:inline-flex;min-width:30px;height:26px;align-items:center;justify-content:center;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:950}.personal-task-column-head span.done{background:#ecfdf5;color:#047857}.personal-task-list{display:grid;grid-gap:10px;gap:10px}.personal-task-card{border:1px solid #e7edf5;border-radius:14px;background:#fff;padding:12px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.personal-task-card:hover{border-color:#cfe0f5;box-shadow:0 14px 26px rgba(80,112,148,.1);transform:translateY(-1px)}.personal-task-card.completed{background:#f8fafc;opacity:.86}.personal-task-card-inner{display:flex;align-items:flex-start;gap:10px}.personal-task-toggle{display:inline-flex;width:28px;height:28px;flex:0 0 28px;align-items:center;justify-content:center;border:2px solid #cbd5e1;border-radius:999px;background:#fff;color:transparent;cursor:pointer;transition:all .16s ease}.personal-task-toggle:not(:disabled):hover{border-color:#22c55e;background:#f0fdf4;color:#16a34a}.personal-task-toggle.checked{border-color:#22c55e;background:#22c55e;color:#fff}.personal-task-toggle:disabled{cursor:not-allowed}.personal-task-main{flex:1 1;min-width:0}.personal-task-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.personal-task-title-row h3{margin:0;color:#172033;font-size:13px;font-weight:950;line-height:1.32}.personal-task-title-row h3.done{color:#64748b;text-decoration:line-through}.personal-task-title-row p{margin:3px 0 0;color:#94a3b8;font-size:10px;font-weight:800}.personal-task-title-row strong{color:#64748b}.personal-task-actions{display:inline-flex;align-items:center;gap:6px}.personal-task-description{margin-top:9px;color:#475569;font-size:12px;font-weight:650;line-height:1.45;white-space:pre-wrap}.personal-task-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.personal-task-meta span{display:inline-flex;align-items:center;gap:4px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#64748b;padding:4px 8px;font-size:10px;font-weight:850;line-height:1}.personal-task-meta span.done{border-color:#bbf7d0;background:#ecfdf5;color:#047857}.personal-priority.high{border-color:#fecdd3!important;background:#fff1f2!important;color:#be123c!important}.personal-priority.normal{border-color:#fde68a!important;background:#fffbeb!important;color:#b45309!important}.personal-priority.low{border-color:#e2e8f0!important;background:#f8fafc!important;color:#64748b!important}.personal-task-empty{display:grid;min-height:104px;place-items:center;grid-gap:6px;gap:6px;border:1px dashed #cbd5e1;border-radius:14px;background:rgba(248,250,252,.78);color:#94a3b8;padding:22px;text-align:center;font-size:12px;font-weight:850}html[data-theme=dark] .personal-task-card,html[data-theme=dark] .personal-task-column{border-color:rgba(222,232,245,.95)!important;background:hsla(0,0%,100%,.98)!important;color:#172033!important;box-shadow:0 14px 34px rgba(64,94,130,.08)!important}html[data-theme=dark] .personal-task-card.completed,html[data-theme=dark] .personal-task-empty{background:#f8fafc!important}html[data-theme=dark] .personal-task-column-head{border-color:#edf2f8!important}html[data-theme=dark] .personal-task-column-head h2,html[data-theme=dark] .personal-task-title-row h3{color:#172033!important}html[data-theme=dark] .personal-task-description,html[data-theme=dark] .personal-task-empty,html[data-theme=dark] .personal-task-meta span,html[data-theme=dark] .personal-task-title-row p,html[data-theme=dark] .personal-task-title-row strong{color:#64748b!important}@media (max-width:900px){.personal-task-board{grid-template-columns:1fr}}.notification-popover,html[data-theme=dark] .notification-popover{border:1px solid #dbe6f2!important;background:hsla(0,0%,100%,.98)!important;color:#172033!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important}.notification-popover .app-notification-item strong,.notification-popover .app-popover-head strong,.notification-popover .notification-group-head h3,html[data-theme=dark] .notification-popover .app-notification-item strong,html[data-theme=dark] .notification-popover .app-popover-head strong,html[data-theme=dark] .notification-popover .notification-group-head h3{color:#172033!important}.notification-popover .icon-button,html[data-theme=dark] .notification-popover .icon-button{border-color:#dce6f2!important;background:#f8fbff!important;color:#334155!important}.notification-popover .notification-tabs button,html[data-theme=dark] .notification-popover .notification-tabs button{color:#64748b!important}.notification-popover .notification-tabs button.active,html[data-theme=dark] .notification-popover .notification-tabs button.active{background:#dbeafe!important;color:#2563eb!important}.notification-popover .app-notification-item time,.notification-popover .notification-group-head button,html[data-theme=dark] .notification-popover .app-notification-item time,html[data-theme=dark] .notification-popover .notification-group-head button{color:#2563eb!important}.notification-popover .app-notification-item p,html[data-theme=dark] .notification-popover .app-notification-item p{color:#475569!important}.notification-popover .app-notification-item.modern:hover,html[data-theme=dark] .notification-popover .app-notification-item.modern:hover{background:#f1f5f9!important}.notification-popover .notification-quick-form,html[data-theme=dark] .notification-popover .notification-quick-form{background:#f8fbff!important}.notification-popover .notification-quick-form .input,html[data-theme=dark] .notification-popover .notification-quick-form .input{border-color:#dce6f2!important;background:#fff!important;color:#172033!important}.toast-popup{top:auto!important;right:18px!important;bottom:18px!important}html[data-theme=dark] .notification-popover{border:1px solid #dbe6f2!important;background:hsla(0,0%,100%,.98)!important;color:#172033!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important}html[data-theme=dark] .notification-group-head h3,html[data-theme=dark] .notification-popover .app-notification-item strong,html[data-theme=dark] .notification-popover .app-popover-head strong{color:#172033!important}html[data-theme=dark] .notification-popover .icon-button{border-color:#dce6f2!important;background:#f8fbff!important;color:#334155!important}html[data-theme=dark] .notification-tabs button{color:#64748b!important}html[data-theme=dark] .notification-tabs button.active{background:#dbeafe!important;color:#2563eb!important}html[data-theme=dark] .notification-group-head button,html[data-theme=dark] .notification-popover .app-notification-item time{color:#2563eb!important}html[data-theme=dark] .notification-popover .app-notification-item p{color:#475569!important}html[data-theme=dark] .notification-popover .app-notification-item.modern:hover{background:#f1f5f9!important}html[data-theme=dark] .notification-quick-form{background:#f8fbff!important}html[data-theme=dark] .notification-quick-form .input{border-color:#dce6f2!important;background:#fff!important;color:#172033!important}.project-status-filter.active,html[data-theme=dark] .project-status-filter.active{border-color:#2563eb!important;background:linear-gradient(135deg,#eef4ff,#fff)!important;color:#172033!important;box-shadow:0 0 0 3px rgba(37,99,235,.16),0 12px 28px rgba(37,99,235,.1)!important;transform:translateY(-1px)}.project-status-filter.active strong,html[data-theme=dark] .project-status-filter.active strong{color:#1d4ed8!important}.project-status-filter.active span,html[data-theme=dark] .project-status-filter.active span{color:#334155!important}[data-theme=dark]{--bg:#f6f8fb;--card:#fff;--line:#e7edf5;--text:#172033;--muted:#6b778d;--primary:#2563eb}[data-theme=dark] body{background:#f6f8fb}[data-theme=dark] .main,[data-theme=dark] .toolbar,[data-theme=dark] .workflow-sticky-head,[data-theme=dark] .workflow-sticky-head .toolbar{background:rgba(248,250,252,.96);color:var(--text)}[data-theme=dark] .sidebar{border-color:rgba(15,23,42,.18);background:#0f172a;color:#e2e8f0;box-shadow:none}[data-theme=dark] .brand-mark{background:#1f2937;color:#fff}[data-theme=dark] .brand-copy strong,[data-theme=dark] .sidebar-account strong{color:#fff}[data-theme=dark] .brand-copy span,[data-theme=dark] .sidebar-account span{color:#94a3b8}[data-theme=dark] .sidebar-account{border-color:rgba(148,163,184,.16);background:rgba(30,41,59,.82);box-shadow:none}[data-theme=dark] .nav-item{color:#cbd5e1}[data-theme=dark] .nav-item svg{background:hsla(0,0%,100%,.08);color:#cbd5e1}[data-theme=dark] .nav-item.active,[data-theme=dark] .nav-item:hover{border-color:hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.1);color:#fff;box-shadow:none}[data-theme=dark] .nav-item.active svg,[data-theme=dark] .nav-item:hover svg{background:hsla(0,0%,100%,.14);color:#fff}[data-theme=dark] .card h2,[data-theme=dark] .project-title,[data-theme=dark] .settings-password-button,[data-theme=dark] .task-project-title h2,[data-theme=dark] .toolbar h1{color:var(--text)}[data-theme=dark] .app-popover,[data-theme=dark] .app-top-action,[data-theme=dark] .card,[data-theme=dark] .modal,[data-theme=dark] .priority-panel,[data-theme=dark] .project-card,[data-theme=dark] .settings-password-button,[data-theme=dark] .stat-card,[data-theme=dark] .task-project-group{border-color:rgba(222,232,245,.95);background:hsla(0,0%,100%,.98);box-shadow:0 14px 34px rgba(64,94,130,.08)}[data-theme=dark] .attendance-table th,[data-theme=dark] .data-table th,[data-theme=dark] .settings-row,[data-theme=dark] .task-project-head,[data-theme=dark] .task-project-summary{border-color:var(--line);background:#f8fbff;color:var(--text)}[data-theme=dark] .attendance-table td,[data-theme=dark] .attendance-table th,[data-theme=dark] .data-table td,[data-theme=dark] .task-group-table td{border-color:var(--line);color:var(--text)}[data-theme=dark] .attendance-table tbody tr,[data-theme=dark] .data-table tbody tr,[data-theme=dark] .task-group-table tbody tr{background:#fff}[data-theme=dark] .task-group-table tbody tr.task-row-overdue,[data-theme=dark] .task-row-overdue{background:#fff7ed}[data-theme=dark] .compact-select,[data-theme=dark] .input,[data-theme=dark] .search-control,[data-theme=dark] .time-filter-select,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border-color:#dce6f2;background:#fff}[data-theme=dark] .theme-switch{border-color:rgba(148,163,184,.28);background:#1e293b}[data-theme=dark] .modal-backdrop{background:rgba(15,23,42,.48)}[data-theme=dark] .inline-success{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.app-top-actions{position:fixed!important;top:10px!important;right:18px!important;z-index:120;gap:8px;margin:0}.app-top-action{width:36px;height:36px;border:1px solid #d7e3f3;background:hsla(0,0%,100%,.96);color:#182236;box-shadow:0 10px 24px rgba(45,71,108,.14)}.app-top-action:hover{border-color:#b9cef0;background:#fff;color:#2563eb;transform:translateY(-1px)}.app-top-action svg{width:18px;height:18px}.app-popover{top:44px}[data-theme=dark]{--bg:#182033;--card:#253047;--line:#3a4963;--text:#f3f7ff;--muted:#b5c0d1;--primary:#8db3ff}[data-theme=dark] body{background:linear-gradient(135deg,#151d2d,#1b2639 52%,#223049)}[data-theme=dark] .main,[data-theme=dark] .toolbar,[data-theme=dark] .workflow-sticky-head,[data-theme=dark] .workflow-sticky-head .toolbar{background:linear-gradient(135deg,rgba(28,38,57,.96),rgba(32,45,68,.96))}[data-theme=dark] .sidebar{border-color:#3a4963;background:rgba(30,41,59,.96)}[data-theme=dark] .app-top-action{border-color:#475772;background:#f7fbff;color:#172033;box-shadow:0 12px 28px rgba(0,0,0,.28)}[data-theme=dark] .app-top-action:hover{border-color:#8db3ff;color:#2563eb}[data-theme=dark] .app-popover,[data-theme=dark] .card,[data-theme=dark] .modal,[data-theme=dark] .priority-panel,[data-theme=dark] .project-card,[data-theme=dark] .settings-password-button,[data-theme=dark] .stat-card,[data-theme=dark] .task-project-group{border-color:#40506b;background:#253047;color:var(--text);box-shadow:0 18px 40px rgba(0,0,0,.22)}[data-theme=dark] .attendance-table th,[data-theme=dark] .data-table th,[data-theme=dark] .settings-row,[data-theme=dark] .task-project-head,[data-theme=dark] .task-project-summary{border-color:#40506b;background:#2c3953;color:#eaf1ff}[data-theme=dark] .attendance-table td,[data-theme=dark] .data-table td,[data-theme=dark] .task-group-table td{border-color:#35445f;color:#eef4ff}[data-theme=dark] .attendance-table tbody tr,[data-theme=dark] .data-table tbody tr,[data-theme=dark] .task-group-table tbody tr{background:#253047}[data-theme=dark] .task-group-table tbody tr.task-row-overdue,[data-theme=dark] .task-row-overdue{background:#3a302f}[data-theme=dark] .muted,[data-theme=dark] .project-meta,[data-theme=dark] .project-money-row span,[data-theme=dark] .task-project-title p{color:var(--muted)}[data-theme=dark] .compact-select,[data-theme=dark] .input,[data-theme=dark] .search-control,[data-theme=dark] .time-filter-select,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border-color:#53647f;background:#1c2638;color:#f3f7ff}[data-theme=dark] .badge,[data-theme=dark] .pill,[data-theme=dark] .status-badge,[data-theme=dark] .subtask-badges span{border-color:#53647f}[data-theme=dark] .nav-item.active,[data-theme=dark] .nav-item:hover,[data-theme=dark] .sidebar-account{border-color:#4a5d7a;background:#2d3a54}[data-theme=dark] .nav-item{color:#c8d3e6}[data-theme=dark] .inline-success{border-color:#34d399;background:rgba(22,101,52,.24);color:#bbf7d0}.toolbar{padding-right:16px}.workflow-sticky-head .toolbar{padding-right:0}.settings-panel{display:grid;grid-gap:12px;gap:12px;padding:14px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbff}.settings-row span,.settings-row strong{display:block}.settings-row strong{font-size:13px}.settings-row span{margin-top:2px;color:var(--muted);font-size:11px;font-weight:750}.theme-switch{position:relative;width:58px;height:30px;display:inline-flex;align-items:center;justify-content:space-between;padding:4px 8px;border:1px solid #dbe5f4;border-radius:999px;background:#fff;color:#64748b;cursor:pointer}.theme-switch span{position:relative;z-index:1;display:grid;place-items:center}.theme-switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#4f6df5,#8b5cf6);transition:transform .18s ease}.theme-switch.dark i{transform:translateX(28px)}.settings-password-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font-weight:850;cursor:pointer}.settings-password-form{display:grid;grid-gap:8px;gap:8px}.inline-success{border:1px solid #bbf7d0;border-radius:10px;padding:10px 12px;background:#f0fdf4;color:#15803d;font-weight:850}[data-theme=dark]{--bg:#111827;--card:#172033;--line:#293548;--text:#e7edf6;--muted:#9aa8bc;--primary:#7c9cff}[data-theme=dark] body{background:linear-gradient(135deg,#0b1120,#111827 48%,#182235);color:var(--text)}[data-theme=dark] .main,[data-theme=dark] .toolbar,[data-theme=dark] .workflow-sticky-head,[data-theme=dark] .workflow-sticky-head .toolbar{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(24,34,53,.95))}[data-theme=dark] .sidebar{border-color:#263244;background:rgba(17,24,39,.94);color:#cbd5e1;box-shadow:10px 0 34px rgba(0,0,0,.22)}[data-theme=dark] .brand-copy strong,[data-theme=dark] .card h2,[data-theme=dark] .project-title,[data-theme=dark] .settings-password-button,[data-theme=dark] .sidebar-account strong,[data-theme=dark] .task-project-title h2,[data-theme=dark] .toolbar h1{color:var(--text)}[data-theme=dark] .brand-mark{background:#eef2ff;color:#172033}[data-theme=dark] .nav-item.active,[data-theme=dark] .nav-item:hover,[data-theme=dark] .sidebar-account{border-color:#334155;background:rgba(30,41,59,.85);box-shadow:none}[data-theme=dark] .nav-item{color:#aab7cc}[data-theme=dark] .nav-item svg{background:#263244;color:#93c5fd}[data-theme=dark] .app-popover,[data-theme=dark] .app-top-action,[data-theme=dark] .card,[data-theme=dark] .modal,[data-theme=dark] .priority-panel,[data-theme=dark] .project-card,[data-theme=dark] .settings-password-button,[data-theme=dark] .stat-card,[data-theme=dark] .task-project-group{border-color:#293548;background:rgba(23,32,51,.98);color:var(--text);box-shadow:0 18px 38px rgba(0,0,0,.24)}[data-theme=dark] .data-table th,[data-theme=dark] .settings-row,[data-theme=dark] .task-project-head,[data-theme=dark] .task-project-summary{background:rgba(30,41,59,.72)}[data-theme=dark] .attendance-table td,[data-theme=dark] .attendance-table th,[data-theme=dark] .data-table td,[data-theme=dark] .task-group-table td{border-color:#273348}[data-theme=dark] .compact-select,[data-theme=dark] .input,[data-theme=dark] .search-control,[data-theme=dark] .time-filter-select,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border-color:#334155;background:#111827;color:var(--text)}[data-theme=dark] .input::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b}[data-theme=dark] .theme-switch{border-color:#334155;background:#0f172a}[data-theme=dark] .modal-backdrop{background:rgba(2,6,23,.72)}[data-theme=dark] .task-row-overdue{background:rgba(251,146,60,.08)}[data-theme=dark] .task-row-dragging{outline-color:#93c5fd}@media (max-width:1100px){.toolbar,.workflow-sticky-head .toolbar{padding-right:16px}}html[data-theme=dark]{--bg:#f6f8fb!important;--card:#fff!important;--line:#e7edf5!important;--text:#172033!important;--muted:#6b778d!important;--primary:#2563eb!important}html[data-theme=dark] .main,html[data-theme=dark] .toolbar,html[data-theme=dark] .workflow-sticky-head,html[data-theme=dark] .workflow-sticky-head .toolbar,html[data-theme=dark] body{background:#f6f8fb!important;color:#172033!important}html[data-theme=dark] .sidebar{border-color:rgba(15,23,42,.18)!important;background:#0f172a!important;color:#e2e8f0!important;box-shadow:none!important}html[data-theme=dark] .brand-mark{background:#1f2937!important;color:#fff!important}html[data-theme=dark] .brand-copy strong,html[data-theme=dark] .sidebar-account strong{color:#fff!important}html[data-theme=dark] .brand-copy span,html[data-theme=dark] .sidebar-account span{color:#94a3b8!important}html[data-theme=dark] .nav-item.active,html[data-theme=dark] .nav-item:hover,html[data-theme=dark] .sidebar-account{border-color:rgba(148,163,184,.18)!important;background:rgba(30,41,59,.86)!important;box-shadow:none!important}html[data-theme=dark] .nav-item{color:#cbd5e1!important}html[data-theme=dark] .nav-item svg{background:hsla(0,0%,100%,.08)!important;color:#cbd5e1!important}html[data-theme=dark] .nav-item.active,html[data-theme=dark] .nav-item.active svg,html[data-theme=dark] .nav-item:hover,html[data-theme=dark] .nav-item:hover svg{color:#fff!important}html[data-theme=dark] .app-popover,html[data-theme=dark] .app-top-action,html[data-theme=dark] .card,html[data-theme=dark] .modal,html[data-theme=dark] .priority-panel,html[data-theme=dark] .project-card,html[data-theme=dark] .settings-password-button,html[data-theme=dark] .stat-card,html[data-theme=dark] .task-project-group{border-color:rgba(222,232,245,.95)!important;background:hsla(0,0%,100%,.98)!important;color:#172033!important;box-shadow:0 14px 34px rgba(64,94,130,.08)!important}html[data-theme=dark] .card h2,html[data-theme=dark] .project-title,html[data-theme=dark] .settings-password-button,html[data-theme=dark] .task-project-title h2,html[data-theme=dark] .toolbar h1{color:#172033!important}html[data-theme=dark] .attendance-table th,html[data-theme=dark] .data-table th,html[data-theme=dark] .settings-row,html[data-theme=dark] .task-project-head,html[data-theme=dark] .task-project-summary{border-color:#e7edf5!important;background:#f8fbff!important;color:#172033!important}html[data-theme=dark] .attendance-table td,html[data-theme=dark] .attendance-table th,html[data-theme=dark] .data-table td,html[data-theme=dark] .task-group-table td{border-color:#e7edf5!important;color:#172033!important}html[data-theme=dark] .attendance-table tbody tr,html[data-theme=dark] .data-table tbody tr,html[data-theme=dark] .task-group-table tbody tr{background:#fff!important}html[data-theme=dark] .task-group-table tbody tr.task-row-overdue,html[data-theme=dark] .task-row-overdue{background:#fff7ed!important}html[data-theme=dark] .muted,html[data-theme=dark] .project-meta,html[data-theme=dark] .project-money-row span,html[data-theme=dark] .task-project-title p{color:#6b778d!important}html[data-theme=dark] .compact-select,html[data-theme=dark] .input,html[data-theme=dark] .search-control,html[data-theme=dark] .time-filter-select,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{border-color:#dce6f2!important;background:#fff!important;color:#172033!important}html[data-theme=dark] .theme-switch{border-color:rgba(148,163,184,.28)!important;background:#1e293b!important}html[data-theme=dark] .modal-backdrop{background:rgba(15,23,42,.48)!important}.main>.toolbar{margin:0 -18px 18px!important;padding:14px 158px 14px 18px!important;min-height:68px!important}.workflow-sticky-head{padding:14px 158px 16px 18px!important}.workflow-toolbar-actions .btn,.workflow-toolbar-actions .btn.primary,.workflow-toolbar-actions .icon-btn-text{color:inherit}.app-top-actions{top:12px!important;right:20px!important}.main>.toolbar{margin:0 -18px 22px!important;min-height:72px!important;align-items:center!important;flex-wrap:nowrap!important}.main>.toolbar,.workflow-sticky-head{top:0!important;padding:14px 228px 16px 18px!important;overflow:visible!important}.workflow-sticky-head{margin:0 -18px 18px!important;min-height:auto!important}.workflow-sticky-head .toolbar{margin:0 0 12px!important;padding:0!important;min-height:40px!important;align-items:center!important;flex-wrap:nowrap!important;overflow:visible!important}.workflow-toolbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:1 1 auto!important;flex-wrap:nowrap!important;gap:8px!important;min-width:0!important;max-width:none!important;margin-left:auto!important}.workflow-toolbar-actions .search-control{width:220px!important;min-width:180px!important;flex:0 1 220px!important}.workflow-toolbar-actions .compact-select,.workflow-toolbar-actions .time-filter-select{width:170px!important;min-width:150px!important;flex:0 0 170px!important}.workflow-toolbar-actions .month-filter{width:190px!important;min-width:160px!important;flex:0 0 160px!important}.workflow-toolbar-actions .btn,.workflow-toolbar-actions .btn.primary,.workflow-toolbar-actions .icon-btn-text{flex:0 0 auto!important;min-width:96px!important;white-space:nowrap!important}.main>.toolbar+.card,.main>.toolbar+.customer-stat-grid,.main>.toolbar+.finance-stat-grid,.main>.toolbar+.overview-stat-grid,.main>.toolbar+.stat-grid,.main>.toolbar+.transaction-stat-grid,.main>.toolbar+section{margin-top:22px!important}.workflow-sticky-head .project-status-stats,.workflow-sticky-head .stat-grid{margin-top:10px!important}.task-project-head .btn.icon-btn-text,.task-project-head .btn.primary.icon-btn-text,.workflow-toolbar-actions .btn.primary{color:#fff!important}@media (max-width:1360px){.main>.toolbar,.workflow-sticky-head{padding-right:18px!important}.workflow-toolbar-actions{flex-wrap:wrap!important}}.main>.toolbar,.workflow-sticky-head{z-index:80!important;margin-left:-18px!important;margin-right:-18px!important;padding-right:18px!important}.app-top-actions{z-index:82!important}.project-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important}.project-card,.project-list{width:100%!important;max-width:none!important}.confirm-backdrop,.dialog-backdrop,.modal-backdrop,.popover-backdrop{z-index:1000!important}.confirm-backdrop .confirm-dialog,.dialog-backdrop .dialog,.modal-backdrop .modal,.modal-backdrop .modal-large,.modal-backdrop .project-detail-modal{position:relative!important;z-index:1001!important}body:has(.confirm-backdrop) .app-top-actions,body:has(.confirm-backdrop) .main>.toolbar,body:has(.confirm-backdrop) .workflow-sticky-head,body:has(.dialog-backdrop) .app-top-actions,body:has(.dialog-backdrop) .main>.toolbar,body:has(.dialog-backdrop) .workflow-sticky-head,body:has(.modal-backdrop) .app-top-actions,body:has(.modal-backdrop) .main>.toolbar,body:has(.modal-backdrop) .workflow-sticky-head{z-index:1!important}.attendance-mobile-panel,.attendance-mobile-tabs{display:none}@media (max-width:980px){.app-shell{grid-template-columns:minmax(0,1fr)!important}.app-shell,.sidebar{width:100%!important;max-width:100vw!important}.sidebar{position:-webkit-sticky!important;position:sticky!important;top:0!important;height:auto!important}.main{width:100%!important;max-width:100vw!important;padding:76px 16px 20px!important}.main>.toolbar,.workflow-sticky-head{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}.main>.toolbar,.workflow-sticky-head .toolbar{flex-wrap:wrap!important}.workflow-toolbar-actions{justify-content:flex-start!important;flex-wrap:wrap!important;width:100%!important;margin-left:0!important}.workflow-toolbar-actions .compact-select,.workflow-toolbar-actions .month-filter,.workflow-toolbar-actions .search-control,.workflow-toolbar-actions .time-filter-select{width:100%!important;min-width:0!important;flex:1 1 100%!important}}.app-top-actions{top:14px!important;right:22px!important;width:auto!important;min-width:0!important;gap:8px!important;z-index:320!important}.app-top-action{flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important}.app-top-action svg{width:20px!important;height:20px!important}.main>.toolbar{min-height:112px!important}.main>.toolbar,.workflow-sticky-head{padding-top:54px!important;padding-right:18px!important}.workflow-sticky-head .toolbar{padding-right:0!important}@media (max-width:980px){.app-top-actions{top:14px!important;right:16px!important}.main>.toolbar,.workflow-sticky-head{padding-top:64px!important;padding-right:16px!important}}.mobile-bottom-nav,.mobile-more-backdrop,.mobile-top-action-menu,.mobile-top-action-toggle{display:none}@media (min-width:768px) and (max-width:1023px){.app-shell{grid-template-columns:minmax(0,1fr)!important}.sidebar{display:none!important}.main{width:100%!important;max-width:100vw!important;padding:18px 18px 96px!important}.mobile-bottom-nav{display:grid!important}.main>.toolbar,.workflow-sticky-head{margin:0 0 16px!important;padding:16px!important}.project-status-stats,.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.project-status-filter,.stat-button,.stat-card{min-width:0!important;width:100%!important}.workflow-toolbar-actions{flex-wrap:wrap!important}.data-table:not(.attendance-table),.data-table:not(.attendance-table) tbody,.data-table:not(.attendance-table) td,.data-table:not(.attendance-table) thead,.data-table:not(.attendance-table) tr{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}.data-table:not(.attendance-table) thead{display:none!important}.data-table:not(.attendance-table) tbody{display:grid!important;grid-gap:10px!important;gap:10px!important}.data-table:not(.attendance-table) tr{border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}.data-table:not(.attendance-table) td{min-height:44px!important;padding:10px 12px!important;border-bottom:1px solid #edf2f7!important;white-space:normal!important;overflow-wrap:anywhere!important}}@media (max-width:767px){body,html{max-width:100%!important}.app-shell,body,html{overflow-x:hidden!important;width:100%!important}.app-shell{display:block!important;grid-template-columns:minmax(0,1fr)!important;max-width:100vw!important;min-height:100dvh!important}.sidebar{display:none!important}.main{width:100%!important;max-width:100vw!important;min-width:0!important;padding:14px 14px 98px!important;overflow-x:hidden!important}.mobile-bottom-nav{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;z-index:100!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-gap:4px!important;gap:4px!important;min-height:64px!important;padding:7px!important;border:1px solid rgba(226,232,240,.96)!important;border-radius:22px!important;background:hsla(0,0%,100%,.96)!important;box-shadow:0 18px 46px rgba(15,23,42,.18)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}.mobile-nav-item{min-width:0!important;min-height:50px!important;display:grid!important;place-items:center!important;grid-gap:3px!important;gap:3px!important;border:0!important;border-radius:16px!important;background:transparent!important;color:#64748b!important;font:inherit!important;font-size:10px!important;font-weight:750!important;text-decoration:none!important}.mobile-nav-item svg{width:20px!important;height:20px!important}.mobile-nav-item.active{background:#eef4ff!important;color:#2563eb!important}.mobile-more-backdrop{position:fixed!important;inset:0!important;z-index:500!important;display:block!important;background:rgba(15,23,42,.34)!important}.mobile-more-sheet{position:fixed!important;left:0!important;right:0!important;bottom:0!important;max-height:min(72dvh,620px)!important;overflow-y:auto!important;padding:16px 16px calc(22px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;background:#fff!important;box-shadow:0 -20px 50px rgba(15,23,42,.22)!important}.mobile-more-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important}.mobile-more-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:10px!important;gap:10px!important}.mobile-more-item{min-height:52px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#f8fafc!important;color:#172033!important;font:inherit!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important}.mobile-more-item.active{border-color:#bfdbfe!important;background:#eff6ff!important;color:#2563eb!important}.app-top-actions{position:fixed!important;top:10px!important;right:12px!important;z-index:500!important;display:flex!important;gap:6px!important;width:auto!important;min-width:0!important}.app-top-action{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;box-shadow:0 8px 22px rgba(15,23,42,.11)!important}.desktop-top-action{display:none!important}.mobile-top-action-toggle{position:relative!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;border:1px solid rgba(226,232,240,.96)!important;border-radius:999px!important;background:#fff!important;color:#172033!important;box-shadow:0 8px 22px rgba(15,23,42,.11)!important}.mobile-top-action-menu{position:absolute!important;top:48px!important;right:0!important;z-index:501!important;display:grid!important;grid-gap:8px!important;gap:8px!important;width:168px!important;padding:8px!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 44px rgba(15,23,42,.18)!important}.mobile-top-action-menu button{min-height:44px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px 10px!important;border:0!important;border-radius:12px!important;background:#f8fafc!important;color:#172033!important;font:inherit!important;font-size:13px!important;font-weight:800!important;text-align:left!important}.app-popover{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;overflow:hidden!important;border-radius:0!important;z-index:500!important;display:flex!important;flex-direction:column!important}.app-popover-head{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:2!important;flex:0 0 auto!important}.app-chat-feed,.app-notification-feed,.settings-panel{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.app-chat-composer{flex:0 0 auto!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.main>.toolbar,.toolbar,.workflow-sticky-head,.workflow-sticky-head .toolbar{position:relative!important;top:auto!important;z-index:80!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0 0 14px!important;padding:56px 12px 12px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;flex-wrap:nowrap!important;overflow:visible!important}.workflow-sticky-head .toolbar{padding:0!important;margin:0!important}.main>.toolbar h1,.toolbar h1,.workflow-sticky-head .toolbar h1{font-size:22px!important;line-height:1.15!important}.main>.toolbar p.muted,.toolbar p.muted,.workflow-sticky-head .toolbar p.muted{display:none!important}.workflow-toolbar-actions{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-gap:10px!important;gap:10px!important;justify-content:stretch!important;align-items:stretch!important;margin-left:0!important;padding-right:0!important;flex:none!important}.toolbar>.month-filter,.workflow-toolbar-actions .btn,.workflow-toolbar-actions .compact-select,.workflow-toolbar-actions .icon-btn-text,.workflow-toolbar-actions .month-filter,.workflow-toolbar-actions .search-control,.workflow-toolbar-actions .time-filter-select{width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important}.btn,.compact-select,.icon-btn-text,.icon-button,.month-filter button,.search-control,.time-filter-select{min-height:44px!important}.customer-stat-grid,.finance-stat-grid,.overview-stat-grid,.project-status-stats,.stat-grid,.transaction-stat-grid,.workflow-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:10px!important;gap:10px!important;width:100%!important;max-width:100%!important;margin:0 0 14px!important}.customer-stat-card,.stat-card{min-width:0!important;min-height:74px!important;padding:12px!important}.attendance-bottom-grid,.customer-dashboard,.finance-grid,.kpi-layout,.project-grid,.project-list,.task-project-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-gap:12px!important;gap:12px!important;width:100%!important;max-width:100%!important}.card,.customer-table-card,.project-card,.task-project-group,.task-table-card{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}.data-table:not(.attendance-table),.data-table:not(.attendance-table) tbody,.data-table:not(.attendance-table) td,.data-table:not(.attendance-table) thead,.data-table:not(.attendance-table) tr{display:block!important;width:100%!important}.data-table:not(.attendance-table) thead{display:none!important}.data-table:not(.attendance-table){border-collapse:separate!important;border-spacing:0!important;min-width:0!important;max-width:100%!important;table-layout:auto!important}.data-table:not(.attendance-table) tbody{display:grid!important;grid-gap:10px!important;gap:10px!important}.data-table:not(.attendance-table) tr{border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.06)!important;overflow:hidden!important}.data-table:not(.attendance-table) td{min-height:44px!important;padding:10px 12px!important;border-bottom:1px solid #edf2f7!important;white-space:normal!important;overflow-wrap:anywhere!important}.data-table:not(.attendance-table) td:last-child{border-bottom:0!important}.action-row,.debt-project-cell,.task-name-cell{min-width:0!important;flex-wrap:wrap!important}.transactions-table td:first-child:before{content:"Ngày: ";font-weight:800;color:#64748b}.transactions-table td:nth-child(2):before{content:"Loại: ";font-weight:800;color:#64748b}.transactions-table td:nth-child(3):before{content:"Dự án: ";font-weight:800;color:#64748b}.transactions-table td:nth-child(4):before{content:"Người yêu cầu: ";font-weight:800;color:#64748b}.transactions-table td:nth-child(5):before{content:"Số tiền: ";font-weight:800;color:#64748b}.transactions-table td:nth-child(6):before{content:"Nội dung: ";font-weight:800;color:#64748b}.customers-table td:first-child:before{content:"Khách hàng: ";font-weight:800;color:#64748b}.customers-table td:nth-child(3):before{content:"SĐT: ";font-weight:800;color:#64748b}.customers-table td:nth-child(6):before{content:"Nguồn: ";font-weight:800;color:#64748b}.task-group-table td:first-child:before{content:"Công việc: ";font-weight:800;color:#64748b}.task-group-table td:nth-child(2):before{content:"Người làm: ";font-weight:800;color:#64748b}.task-group-table td:nth-child(5):before{content:"Deadline: ";font-weight:800;color:#64748b}.task-group-table td:nth-child(7):before{content:"Trạng thái: ";font-weight:800;color:#64748b}.attendance-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:14px!important}.attendance-table{min-width:980px!important}.attendance-table td,.attendance-table th{min-width:44px!important;min-height:44px!important;height:44px!important;padding:8px!important}.attendance-table .staff-col{position:-webkit-sticky!important;position:sticky!important;left:0!important;z-index:3!important;min-width:132px!important;background:#fff!important}.confirm-backdrop,.dialog-backdrop,.modal-backdrop{z-index:1000!important;align-items:stretch!important;justify-content:stretch!important;padding:0!important}.confirm-dialog,.confirm-modal,.customer-detail-modal,.customer-modal,.modal,.modal-large,.project-detail-modal,.project-modal{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.modal-head{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:2!important;flex:0 0 auto!important;padding:14px!important;background:#fff!important}.customer-detail-grid,.form-grid,.kpi-score-grid,.project-detail-grid,.quick-customer-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.modal .attendance-record-list,.modal .customer-detail-grid,.modal .form-grid,.modal .kpi-score-grid,.modal .project-detail-grid,.project-detail-task-section{overflow-y:auto!important;min-height:0!important}.modal-actions,.project-detail-footer{position:-webkit-sticky!important;position:sticky!important;bottom:0!important;z-index:2!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:10px!important;gap:10px!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #e2e8f0!important}.input,input,select,textarea{width:100%!important;min-width:0!important;max-width:100%!important;font-size:14px!important}.kpi-mini-summary,.project-detail-summary,.project-detail-task-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-detail-task{grid-template-columns:minmax(0,1fr)!important}.attendance-mobile-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-gap:4px!important;gap:4px!important;margin:0 12px 12px!important;padding:4px!important;border:1px solid #dbe4ef!important;border-radius:12px!important;background:#f8fafc!important}.attendance-mobile-tabs button{min-width:0!important;min-height:40px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#64748b!important;font:inherit!important;font-size:12px!important;font-weight:800!important}.attendance-mobile-tabs button.active{background:#fff!important;color:#1d4ed8!important;box-shadow:0 8px 20px rgba(15,23,42,.08)!important}.attendance-mobile-panel{display:none!important;padding:0 12px 14px!important}.attendance-mobile-panel.active{display:grid!important;grid-gap:12px!important;gap:12px!important}.attendance-mobile-control{display:grid!important;grid-gap:7px!important;gap:7px!important;color:#475569!important;font-size:12px!important;font-weight:800!important}.attendance-mobile-card,.attendance-mobile-list{display:grid!important;grid-gap:10px!important;gap:10px!important}.attendance-mobile-card{width:100%!important;min-width:0!important;padding:12px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;color:#172033!important;font:inherit!important;text-align:left!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}.attendance-mobile-card.off-day-card{border-color:#ddd6fe!important;background:#faf9ff!important}.attendance-mobile-card-head{min-width:0!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}.attendance-mobile-card-head small,.attendance-mobile-card-head strong{display:block!important;min-width:0!important}.attendance-mobile-card-head strong{color:#0f172a!important;font-size:14px!important;font-weight:850!important;overflow-wrap:anywhere!important}.attendance-mobile-card-head small{margin-top:3px!important;color:#64748b!important;font-size:12px!important;font-weight:650!important}.attendance-mobile-daytag{flex:0 0 auto!important;border-radius:999px!important;padding:4px 8px!important;background:#ecfeff!important;color:#0f766e!important;font-size:11px!important;font-weight:850!important;white-space:nowrap!important}.attendance-mobile-daytag.off{background:#ede9fe!important;color:#6d28d9!important}.attendance-mobile-pills{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.attendance-mobile-pills .pill{margin:0!important;min-height:24px!important;align-items:center!important;border:1px solid #dbe4ef!important;background:#f8fafc!important;color:#475569!important}.attendance-mobile-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:9px!important;gap:9px!important}.attendance-mobile-summary div{min-width:0!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:10px!important;background:#fff!important}.attendance-mobile-summary span{display:block!important;color:#64748b!important;font-size:11px!important;font-weight:800!important}.attendance-mobile-summary strong{display:block!important;margin-top:5px!important;color:#172033!important;font-size:16px!important;font-weight:900!important}section.card>.attendance-table-wrap{display:none!important}section.card>.attendance-table-wrap.attendance-mobile-table-active{display:block!important;margin:0 12px 14px!important;width:auto!important;max-width:calc(100vw - 52px)!important;overflow-x:auto!important;overflow-y:hidden!important}section.card>.attendance-table-wrap.attendance-mobile-table-active .attendance-total-col{position:static!important;right:auto!important;z-index:1!important}section.card>.attendance-table-wrap.attendance-mobile-table-active .staff-col{position:-webkit-sticky!important;position:sticky!important;left:0!important;z-index:4!important}.attendance-bottom-grid{display:none!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}.attendance-stat-tile,.stat-grid .stat-button{min-height:68px!important;padding:10px!important}.attendance-stat-tile strong,.stat-grid .stat-button strong{font-size:13px!important;line-height:1.2!important}.attendance-stat-tile span,.stat-grid .stat-button span{font-size:11px!important;line-height:1.25!important}.modal.project-modal[aria-labelledby=attendance-modal-title]{padding-bottom:0!important}.modal.project-modal[aria-labelledby=attendance-modal-title] .form-grid{flex:1 1 auto!important;overflow-y:auto!important;padding:12px 14px!important}.modal.project-modal[aria-labelledby=attendance-modal-title] .attendance-record-list{flex:0 0 auto!important;max-height:34dvh!important;overflow-y:auto!important;margin:0!important;padding:12px 14px 0!important}.modal.project-modal[aria-labelledby=attendance-modal-title] .attendance-record-item{align-items:flex-start!important}}.kpi-formula-action,.kpi-mobile-panel,.kpi-mobile-tabs{display:none}.finance-insight-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.empty-action-state,.finance-insight-strip div{border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fff}.finance-insight-strip span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.finance-insight-strip strong{display:block;margin-top:5px;color:#172033;font-size:13px;font-weight:900;line-height:1.35}.empty-action-state{display:grid;grid-gap:8px;gap:8px;text-align:left}.empty-action-state>strong{color:#172033;font-size:15px;font-weight:950}.empty-action-state>p{margin:0;color:#64748b;font-size:13px;line-height:1.45}.empty-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}@media (max-width:760px){.main{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}.mobile-bottom-nav{z-index:280!important}.mobile-top-action-menu{min-width:214px!important;padding:10px!important;border:1px solid #dbe4ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 44px rgba(15,23,42,.14)!important}.mobile-top-action-menu>strong{display:block!important;padding:4px 6px 8px!important;color:#172033!important;font-size:13px!important;font-weight:950!important}.mobile-top-action-menu button{min-height:42px!important;justify-content:flex-start!important;gap:10px!important;border-radius:10px!important}.mobile-top-action-menu button span{margin-left:auto!important;min-width:22px!important;height:22px!important;display:inline-grid!important;place-items:center!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:11px!important;font-weight:950!important}.kpi-ranking-list{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:2px!important;scroll-snap-type:x mandatory!important}.kpi-ranking-row{flex:0 0 min(250px,78vw)!important;scroll-snap-align:start!important;border:1px solid #dbe4ef!important;border-radius:14px!important;background:#fff!important}.kpi-ranking-row.active{border-color:#2563eb!important;background:#eff6ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.14),0 14px 30px rgba(15,23,42,.1)!important}.kpi-staff-block{overflow:visible!important}.kpi-staff-totals{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:8px!important;gap:8px!important}.kpi-mini-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px 14px!important}.kpi-mini-summary div:first-child{grid-column:span 2!important;background:#0f172a!important}.kpi-mini-summary div:first-child b,.kpi-mini-summary div:first-child span{color:#fff!important}.kpi-mobile-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-gap:4px!important;gap:4px!important;margin:0 14px 12px!important;padding:4px!important;border:1px solid #dbe4ef!important;border-radius:12px!important;background:#f8fafc!important}.kpi-mobile-tabs button{min-width:0!important;min-height:40px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#64748b!important;font:inherit!important;font-size:12px!important;font-weight:900!important}.kpi-mobile-tabs button.active{background:#fff!important;color:#1d4ed8!important;box-shadow:0 8px 20px rgba(15,23,42,.08)!important}.kpi-mobile-panel.active{display:grid!important;grid-gap:12px!important;gap:12px!important;padding:0 14px 14px!important}.kpi-day-card,.kpi-mobile-highlight{min-width:0!important;display:grid!important;grid-gap:10px!important;gap:10px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:12px!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}.kpi-mobile-highlight strong{color:#0f172a!important;font-size:28px!important;font-weight:950!important;line-height:1!important}.kpi-mobile-highlight p{margin:0!important;color:#475569!important;font-size:13px!important;line-height:1.45!important}.kpi-mobile-day-list{display:grid!important;grid-gap:10px!important;gap:10px!important}.kpi-day-card-head,.kpi-day-metrics{display:grid!important;grid-gap:8px!important;gap:8px!important}.kpi-day-card-head{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}.kpi-day-card-head strong{color:#0f172a!important;font-size:15px!important;font-weight:950!important}.kpi-day-card-head small{display:block!important;margin-top:3px!important;color:#64748b!important;font-size:12px!important;font-weight:750!important}.kpi-day-card-head>span{border-radius:999px!important;padding:6px 9px!important;background:#dcfce7!important;color:#15803d!important;font-size:12px!important;font-weight:950!important;white-space:nowrap!important}.kpi-day-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kpi-day-metrics div{border:1px solid #e2e8f0!important;border-radius:11px!important;padding:9px!important;background:#f8fafc!important}.kpi-day-metrics span,.kpi-mobile-highlight span{display:block!important;color:#64748b!important;font-size:11px!important;font-weight:850!important}.kpi-day-metrics b{display:block!important;margin-top:4px!important;color:#172033!important;font-size:16px!important;font-weight:950!important}.kpi-day-top-items{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.kpi-day-top-items button,.kpi-day-top-items span{min-height:30px!important;border:1px solid #dbe4ef!important;border-radius:999px!important;padding:6px 9px!important;background:#fff!important;color:#475569!important;font:inherit!important;font-size:12px!important;font-weight:800!important}.kpi-day-top-items button:not(:disabled){color:#1d4ed8!important}.kpi-day-detail-action,.kpi-view-more-days{width:100%!important;justify-content:center!important}.kpi-table-wrap{display:none!important}.kpi-table-wrap.kpi-mobile-table-active{display:block!important;margin:0 14px 14px!important;max-width:calc(100vw - 56px)!important;overflow-x:auto!important}.kpi-formula-card{display:none!important}.kpi-formula-action{display:inline-flex!important}.finance-insight-strip{grid-template-columns:minmax(0,1fr)!important}.finance-chart-grid{gap:12px!important}.finance-monthly-chart{min-height:180px!important;max-height:220px!important}.empty-action-row{display:grid!important;grid-template-columns:1fr!important}.task-table-card{border:0!important;background:transparent!important;box-shadow:none!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table){display:block!important;min-width:0!important;width:100%!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) thead{display:none!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) tbody,.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) td,.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) tr{display:block!important;width:100%!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) tbody{display:grid!important;grid-gap:10px!important;gap:10px!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) tr{border:1px solid #e2e8f0!important;border-radius:14px!important;padding:12px!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) td{min-height:0!important;border:0!important;padding:4px 0!important;color:#475569!important;font-size:12px!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) td:first-child{padding-top:0!important;color:#0f172a!important;font-size:12px!important;font-weight:950!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) td:nth-child(5){margin:0!important;padding:0!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) td.task-mobile-secondary-hide{display:none!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) td:last-child{padding-top:8px!important}.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) .action-row,.task-table-card .data-table:not(.kpi-detail-table):not(.attendance-table) .debt-payment-button{width:100%!important;justify-content:flex-end!important}}@media (max-width:767px){.mobile-bottom-nav{grid-template-columns:repeat(auto-fit,minmax(52px,1fr))!important;gap:3px!important;padding:6px!important}.mobile-nav-item{min-height:50px!important;border-radius:15px!important;font-size:9.5px!important;line-height:1.15!important}.mobile-nav-item svg{width:19px!important;height:19px!important}.app-top-actions{gap:7px!important;right:12px!important}.desktop-top-action{display:grid!important}.mobile-top-action-toggle{display:none!important}.app-top-action,.desktop-top-action{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px!important;place-items:center!important;border:1px solid rgba(226,232,240,.96)!important;border-radius:999px!important;background:#fff!important;color:#172033!important;box-shadow:0 8px 22px rgba(15,23,42,.11)!important}.app-top-action svg,.desktop-top-action svg{width:20px!important;height:20px!important}.app-action-dot{top:-4px!important;right:-3px!important;min-width:18px!important;height:18px!important;border:2px solid #fff!important;font-size:10px!important}.app-popover{top:58px!important;right:10px!important;width:min(370px,calc(100vw - 20px))!important}.main>.toolbar{padding-top:58px!important}}