@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#172033;--muted:#7b8495;--line:#e9edf3;--blue:#3f63f3;--teal:#21a38a;--orange:#ef9b45;--bg:#f7f8fb;--white:#fff;--shadow:0 8px 30px rgba(32,45,78,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans','Noto Sans SC',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 13px 16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 23px}.brand-mark{height:34px;width:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#5d7aff,#3453d8);color:#fff;font-size:18px;box-shadow:0 5px 12px #cad3ff}.brand strong{display:block;font-size:16px;letter-spacing:-.3px}.brand span{display:block;color:#a1a8b5;font-size:10px;margin-top:2px}.workspace-switch{display:flex;align-items:center;gap:8px;background:#f7f8fc;border:1px solid #edf0f6;padding:10px 11px;border-radius:9px;color:#596274;font-size:12px;margin:0 7px 20px}.workspace-dot{width:8px;height:8px;background:#36b890;border-radius:50%;box-shadow:0 0 0 3px #ddf6ee}.workspace-switch .chevron{margin-left:auto;color:#a5acb8;font-size:15px}.nav-group-label{font-size:10px;color:#a6adba;letter-spacing:1px;padding:8px 12px 7px;text-transform:uppercase}.settings-label{margin-top:18px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;height:41px;border-radius:8px;padding:0 12px;color:#6e7788;text-align:left;margin:2px 0;font-size:13px;transition:.18s}.nav-item:hover{background:#f5f7fc;color:var(--blue)}.nav-item.active{background:#edf1ff;color:var(--blue);font-weight:600}.nav-icon{width:17px;text-align:center;font-size:17px;color:#929bad}.nav-item.active .nav-icon{color:var(--blue)}.nav-count{margin-left:auto;background:#f0f2f7;color:#8c95a5;font-size:10px;padding:3px 6px;border-radius:10px}.nav-count.warm{background:#fff4e7;color:#e49a4c}.nav-arrow{margin-left:5px;font-size:17px;color:#a9b0bd;transform:rotate(90deg)}.sub-nav{display:none;padding:0 0 6px 39px}.sub-nav.open{display:block}.sub-item{display:block;width:100%;text-align:left;color:#8a93a2;font-size:12px;padding:7px 10px;border-radius:6px}.sub-item:hover,.sub-item.active{color:var(--blue);background:#f7f8ff}.sub-badge{font-size:9px;color:#e5923f;background:#fff2df;padding:2px 4px;border-radius:3px;margin-left:4px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:18px 10px 1px;color:#8b94a4}.sidebar-footer strong{display:block;color:#5c6678;font-size:11px}.sidebar-footer span{display:block;font-size:10px;margin-top:2px}.sidebar-footer>.chevron{margin-left:auto;font-size:17px}.help-icon{height:25px;width:25px;border-radius:50%;background:#f0f3f8;display:grid;place-items:center;font-size:12px;color:#687387}.main-content{min-width:0;flex:1}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{color:#a1a8b3;font-size:12px}.breadcrumb b{font-weight:400;padding:0 10px;color:#cbd0d9}.breadcrumb strong{color:#4d5769;font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.global-search{display:flex;align-items:center;width:260px;height:34px;border:1px solid #e7ebf1;border-radius:7px;padding:0 10px;color:#a6adba;gap:7px}.global-search input{border:0;outline:none;min-width:0;flex:1;font-size:11px;color:var(--ink);background:transparent}.global-search kbd{font:10px 'DM Sans';color:#b2bac6;background:#f5f6f9;padding:3px 5px;border-radius:4px}.icon-btn{position:relative;font-size:20px;color:#7f899b}.icon-btn i{position:absolute;right:-1px;top:2px;width:5px;height:5px;background:#f28d57;border-radius:50%}.avatar{width:31px;height:31px;border-radius:50%;background:#dce4ff;color:#445ed8;font-weight:600}.page-root{padding:32px 38px 50px;max-width:1500px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.eyebrow{font-size:11px;color:var(--blue);font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px}.page-heading h1{margin:0;font-size:25px;letter-spacing:-.8px}.page-heading p{color:var(--muted);font-size:12px;margin:8px 0 0}.primary-btn{height:36px;background:var(--blue);color:#fff;border-radius:7px;padding:0 15px;font-size:12px;box-shadow:0 4px 10px #ccd5ff;display:inline-flex;align-items:center;gap:7px}.primary-btn:hover{background:#3155e8}.secondary-btn{height:36px;border:1px solid #e3e7ef;color:#677184;border-radius:7px;padding:0 13px;font-size:12px;background:#fff}.button-row{display:flex;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:21px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 19px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-label{font-size:11px;color:#8b94a4}.stat-value{font-size:25px;font-weight:700;letter-spacing:-1px;margin:9px 0 5px}.trend{font-size:10px;color:#2aa783}.trend.down{color:#ee8f63}.stat-icon{position:absolute;right:17px;top:17px;width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-size:17px}.stat-icon.blue{color:#5672ec;background:#edf1ff}.stat-icon.green{color:#25a88b;background:#eaf9f4}.stat-icon.orange{color:#e79c4e;background:#fff4e7}.stat-icon.purple{color:#9165d8;background:#f3edff}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px}.card-header h3{margin:0;font-size:14px}.card-header p{margin:4px 0 0;font-size:11px;color:#9aa2b0}.link-btn{color:var(--blue);font-size:11px}.funnel-card{padding-bottom:17px}.funnel{padding:13px 22px 4px}.funnel-row{display:flex;align-items:center;gap:10px;margin:12px 0}.funnel-label{width:65px;color:#737e90;font-size:11px}.funnel-bar-wrap{height:22px;flex:1;background:#f5f6f9;border-radius:4px;overflow:hidden}.funnel-bar{height:100%;border-radius:4px;display:flex;align-items:center;padding-left:10px;color:#fff;font-size:10px;background:linear-gradient(90deg,#7188f5,#5771e9)}.funnel-bar.green{background:linear-gradient(90deg,#64c9af,#2da98e)}.funnel-bar.orange{background:linear-gradient(90deg,#f5bc74,#ee9b47)}.funnel-num{width:45px;color:#556174;font-size:12px;font-weight:600;text-align:right}.activity-list{padding:1px 20px 13px}.activity{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f1f2f5}.activity:last-child{border-bottom:0}.activity-avatar{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:#536ee6;background:#edf1ff;font-size:11px;font-weight:600;flex-shrink:0}.activity-body{font-size:11px;color:#687385;line-height:1.5}.activity-body strong{color:#3d4758;font-weight:600}.activity-time{font-size:10px;color:#b0b6c2;margin-left:auto;white-space:nowrap}.todo-card{margin-top:18px}.todo-list{padding:0 20px 11px}.todo{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f1f2f5}.todo:last-child{border-bottom:0}.check{width:15px;height:15px;border:1px solid #d8deea;border-radius:4px}.todo-text{font-size:11px;color:#697486;flex:1}.todo-text strong{display:block;color:#3d485a;font-weight:500}.todo-text span{font-size:10px;color:#a1a8b5}.tag{font-size:10px;padding:3px 6px;border-radius:4px;white-space:nowrap}.tag.blue{color:#4d69e7;background:#edf1ff}.tag.green{color:#229878;background:#e8f8f2}.tag.orange{color:#df8d38;background:#fff2e0}.tag.gray{color:#798394;background:#f2f3f6}.content-card{padding:0;overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line)}.filter-tabs{display:flex;gap:4px}.filter-tab{font-size:11px;color:#8b94a3;padding:6px 10px;border-radius:5px}.filter-tab.active{background:#edf1ff;color:var(--blue);font-weight:600}.toolbar-right{display:flex;gap:8px;align-items:center}.small-search{height:30px;border:1px solid var(--line);border-radius:6px;padding:0 9px;display:flex;align-items:center;color:#a3aab6;gap:5px}.small-search input{width:130px;border:0;outline:0;font-size:11px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{height:38px;background:#fafbfc;color:#9ca5b3;font-size:10px;font-weight:500;text-align:left;padding:0 15px;white-space:nowrap}.data-table td{height:60px;border-top:1px solid #f0f2f5;color:#566174;font-size:11px;padding:0 15px;white-space:nowrap}.data-table tbody tr:hover{background:#fbfcff}.name-cell{display:flex;align-items:center;gap:9px}.table-avatar{width:28px;height:28px;border-radius:8px;background:#edf1ff;color:#5470e9;display:grid;place-items:center;font-size:11px;font-weight:600}.name-cell strong{display:block;color:#354053;font-size:12px;font-weight:600}.name-cell small{display:block;color:#a3aab5;font-size:10px;margin-top:3px}.owner{display:flex;align-items:center;gap:5px;color:#7c8696}.owner-dot{width:18px;height:18px;border-radius:50%;background:#e7ebf8;display:grid;place-items:center;font-size:9px;color:#536cda}.row-actions{display:flex;gap:5px}.row-action{font-size:11px;color:var(--blue);padding:4px 5px}.empty{padding:60px;text-align:center;color:#a6aebb;font-size:12px}.stage{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:4px 8px;border-radius:4px}.stage.new{color:#6470d8;background:#eef0ff}.stage.visit{color:#cc8b42;background:#fff4e4}.stage.contract{color:#dc775b;background:#fff0ec}.stage.pay{color:#269879;background:#e8f8f1}.page-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:-2px 0 20px}.page-tab{padding:0 1px 12px;color:#929baa;font-size:12px;position:relative}.page-tab.active{color:var(--blue);font-weight:600}.page-tab.active:after{content:'';position:absolute;height:2px;background:var(--blue);left:0;right:0;bottom:-1px;border-radius:2px}.insight-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.insight-card{padding:18px 20px}.insight-card h4{margin:0 0 15px;font-size:12px}.bar-chart{height:130px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #eef0f4;padding:0 6px}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar{width:22px;background:#cad4ff;border-radius:4px 4px 0 0}.bar.highlight{background:#5d75ef}.bar-label{font-size:9px;color:#a1a9b7}.donut-wrap{display:flex;align-items:center;gap:22px}.donut{width:116px;height:116px;border-radius:50%;background:conic-gradient(#5771ed 0 44%,#6fc6ad 44% 69%,#f2b76a 69% 84%,#e7eaf0 84%);position:relative}.donut:after{content:'';position:absolute;inset:23px;background:#fff;border-radius:50%}.legend{font-size:10px;color:#7c8797;line-height:2}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:6px}.callout{background:linear-gradient(135deg,#f0f3ff,#f9faff);border:1px solid #e5eaff;padding:16px 18px;border-radius:9px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.callout h3{margin:0 0 5px;font-size:13px}.callout p{margin:0;color:#7f899a;font-size:11px}.callout .primary-btn{box-shadow:none}.modal-root{display:none}.modal-root.show{display:flex;position:fixed;inset:0;background:rgba(22,31,54,.32);align-items:center;justify-content:center;z-index:10}.modal{width:500px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #1c2c5533;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-header h3{margin:0;font-size:15px}.close{font-size:20px;color:#99a2b0}.modal-body{padding:20px 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field.full{grid-column:1/-1}.form-field label{display:block;font-size:11px;color:#778193;margin-bottom:7px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #e1e6ee;border-radius:6px;padding:9px 10px;outline:0;font-size:12px;color:#445064;background:#fff}.form-field textarea{resize:vertical;min-height:65px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#7690f5;box-shadow:0 0 0 3px #edf1ff}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 22px;background:#fafbfc;border-top:1px solid var(--line)}.call-modal{width:450px}.call-status{display:flex;align-items:center;gap:12px;padding:15px;background:#f2f5ff;border-radius:8px;margin-bottom:17px}.call-pulse{width:38px;height:38px;border-radius:50%;background:#dce4ff;color:#4e6be6;display:grid;place-items:center;font-size:18px}.call-status strong{display:block;font-size:13px}.call-status span{display:block;color:#8791a2;font-size:11px;margin-top:4px}.phone-list{display:grid;gap:8px}.phone-option{border:1px solid #e6eaf1;border-radius:7px;padding:11px 12px;display:flex;align-items:center;gap:9px}.phone-option.selected{border-color:#6d87f3;background:#f5f7ff}.phone-option input{accent-color:var(--blue)}.phone-option strong{font-size:11px}.phone-option span{font-size:10px;color:#9aa3b0;margin-left:auto}.record-panel{background:#f7f9ff;border:1px solid #e4e9fd;border-radius:9px;padding:13px;margin-top:14px}.record-head{display:flex;justify-content:space-between;align-items:center}.record-head strong{font-size:11px}.waveform{height:27px;display:flex;align-items:center;gap:2px;margin:9px 0}.waveform i{width:3px;background:#7890ef;border-radius:2px}.record-foot{display:flex;justify-content:space-between;color:#8993a4;font-size:10px}.record-foot button{color:var(--blue)}
@media(max-width:1000px){.sidebar{width:205px}.page-root{padding:26px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{width:62px;padding:18px 8px}.brand{padding:0 5px 23px}.brand>div:last-child,.workspace-switch,.nav-item:not(.active) .nav-count,.nav-item{font-size:0}.brand-mark{margin:auto}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:17px}.nav-arrow{display:none}.sub-nav,.nav-group-label,.sidebar-footer{display:none}.topbar{padding:0 15px}.global-search{width:34px;border:0;padding:0}.global-search input,.global-search kbd{display:none}.page-root{padding:22px 15px}.page-heading h1{font-size:21px}.stat-grid{gap:9px}.stat-card{padding:14px}.stat-card .stat-value{font-size:21px}.insight-grid{grid-template-columns:1fr}.button-row .secondary-btn{display:none}}
.workflow-board{padding:22px 22px 24px;margin-bottom:18px}.workflow-heading{display:flex;align-items:flex-start;justify-content:space-between}.workflow-heading h3{font-size:16px;margin:0 0 6px}.workflow-heading p{font-size:11px;color:#8a94a4;margin:0}.workflow-ai{font-size:11px;color:#5870e8;background:#eef1ff;border-radius:20px;padding:7px 11px;white-space:nowrap}.workflow-steps{display:flex;align-items:stretch;gap:0;margin-top:23px;overflow:auto;padding-bottom:2px}.workflow-step{min-width:170px;flex:1;display:flex;align-items:center;position:relative;padding-right:28px}.step-number{height:33px;width:33px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700;background:#7b8ff0;flex:0 0 auto;box-shadow:0 3px 9px #d9dfff}.review-step .step-number{background:#f0a657;box-shadow:0 3px 9px #ffe8c7}.contract-step .step-number{background:#df7966}.pay-step .step-number{background:#31a98e}.step-copy{display:flex;flex-direction:column;margin-left:9px;min-width:0}.step-copy strong{font-size:12px;color:#3f4a5e;white-space:nowrap}.step-copy span{font-size:10px;color:#929baa;line-height:1.35;margin-top:3px;max-width:125px}.step-arrow{font-size:20px;color:#bdc5d6;position:absolute;right:7px}.stage-cell{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.stage{font-size:12px;font-weight:600;padding:6px 10px}.stage.review{color:#c57e27;background:#fff3df}.stage-next{font-size:10px;color:#a1a9b6}.ai-review-modal{width:680px}.modal-subtitle{display:block;color:#9099a8;font-size:10px;margin-top:5px}.ai-score{display:flex;align-items:center;gap:14px;border:1px solid #e5e8f6;border-radius:10px;padding:15px 17px}.ai-score.passed{background:#f1fbf7;border-color:#d8f2e9}.ai-score.need-more{background:#fff8ed;border-color:#fae9c9}.score-ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:4px solid #6bc5a8;color:#269679;line-height:1}.need-more .score-ring{border-color:#efb667;color:#c78330}.score-ring strong{font-size:18px}.score-ring span{display:none}.ai-score>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.ai-score>div:nth-child(2) strong{font-size:13px}.ai-score>div:nth-child(2) span{font-size:10px;color:#8290a0}.ai-badge{margin-left:auto;font-size:10px;color:#5770e8;background:#e7ebff;border-radius:20px;padding:6px 9px}.review-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:20px}.review-grid h4{font-size:12px;margin:0 0 10px}.criteria{border:1px solid #edf0f4;border-radius:8px;padding:5px 12px}.criteria>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f2f5;font-size:11px;color:#687486}.criteria>div:last-child{border-bottom:0}.criteria b{font-size:10px;color:#c48435;font-weight:500}.criteria b.ok{color:#2a9b7d}.ai-evidence-list{border:1px solid #edf0f4;border-radius:8px;padding:3px 12px;max-height:178px;overflow:auto}.ai-evidence{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f1f2f5}.ai-evidence:last-child{border-bottom:0}.evidence-icon{width:23px;height:23px;border-radius:6px;display:grid;place-items:center;background:#edf1ff;color:#5972e9}.ai-evidence>div{display:flex;flex-direction:column;flex:1}.ai-evidence strong{font-size:11px}.ai-evidence span{font-size:9px;color:#9aa3b1;margin-top:3px}.ai-evidence>.tag{font-size:9px;margin:0}
.order-sub{display:block;color:#a3aab5;font-size:10px;margin-top:4px;font-weight:400}
.module-label{margin-top:14px;padding-top:13px;border-top:1px solid #f0f2f6}.office-grid,.finance-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.office-card,.finance-card{padding-bottom:8px}.approval-list{padding:0 20px 8px}.approval-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f5}.approval-item:last-child{border-bottom:0}.approval-icon{height:30px;width:30px;border-radius:8px;display:grid;place-items:center;font-size:14px}.approval-icon.leave{background:#fff2df;color:#e29a42}.approval-icon.expense{background:#edf1ff;color:#5972e8}.approval-icon.contract{background:#eaf8f2;color:#269a7d}.approval-item>div{display:flex;flex-direction:column;flex:1}.approval-item strong{font-size:11px}.approval-item div span{font-size:10px;color:#9aa3b1;margin-top:4px}.attendance-main{display:flex;align-items:center;gap:14px;padding:17px 20px}.attendance-clock{font-size:28px;font-weight:700;color:#34405a;letter-spacing:-1px}.attendance-status{display:flex;flex-direction:column;border-left:1px solid #edf0f4;padding-left:14px;flex:1}.attendance-status span{font-size:10px;color:#949dac}.attendance-status strong{font-size:12px;color:#299a7a;margin:4px 0}.attendance-status small{font-size:9px;color:#a8afba}.attendance-btn{box-shadow:none;height:32px}.attendance-line{display:flex;align-items:center;gap:10px;padding:0 20px 15px;color:#9aa3b0;font-size:10px}.attendance-line i{height:4px;border-radius:4px;flex:1;background:linear-gradient(90deg,#5ec0a1 28%,#ebedf2 28%)}.office-todo{margin-top:18px}.project-card{padding-bottom:5px}.project-list{padding:0 20px}.project-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f2f5}.project-row:last-child{border-bottom:0}.project-mark{height:31px;width:31px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:700}.blue-mark{background:#edf1ff;color:#5972e8}.orange-mark{background:#fff2df;color:#dc9137}.purple-mark{background:#f2ecff;color:#8c64d1}.project-info{display:flex;flex-direction:column;width:34%;min-width:180px}.project-info strong{font-size:11px}.project-info span{font-size:10px;color:#9aa3b1;margin-top:4px}.project-progress{display:flex;align-items:center;gap:8px;flex:1}.project-progress>div{width:130px}.project-progress span{font-size:10px;color:#647083}.project-progress i{display:block;height:6px;background:#edf0f4;border-radius:6px;margin-top:5px}.project-progress i b{display:block;height:100%;background:#6079ec;border-radius:6px}.project-progress small{font-size:9px;color:#2c9a7c}.collection-list{padding:0 20px 8px}.collection-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f5}.collection-item:last-child{border-bottom:0}.collection-item>div{display:flex;flex-direction:column;flex:1}.collection-item strong{font-size:11px}.collection-item span{font-size:10px;color:#99a2b0;margin-top:4px}.collection-item b{font-size:12px;color:#3e4a5c}.collection-item small{font-size:9px;color:#e09443}.finance-bars{height:150px;display:flex;align-items:flex-end;gap:16px;padding:8px 25px 0;border-bottom:1px solid #edf0f4}.finance-bars>div{display:flex;align-items:flex-end;gap:3px;height:100%;flex:1;position:relative}.fin-bar{display:block;width:12px;border-radius:4px 4px 0 0;min-height:4px}.fin-bar.income{background:#647bf0}.fin-bar.expense{background:#f1b36b}.finance-bars small{position:absolute;bottom:-19px;left:0;font-size:9px;color:#9da5b2}.finance-legend{display:flex;gap:15px;padding:26px 25px 10px;font-size:10px;color:#8d97a5}.finance-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.income-dot{background:#647bf0}.expense-dot{background:#f1b36b}
.order-summary{margin-bottom:18px}.order-summary .card-header{padding-bottom:14px}.order-summary-body{display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;gap:0;padding:0 20px 18px}.order-kpi{display:flex;align-items:center;gap:9px;border-right:1px solid #eef0f4;padding:8px 18px 8px 0}.order-kpi:nth-child(2),.order-kpi:nth-child(3){padding-left:18px}.order-kpi-icon{height:30px;width:30px;border-radius:8px;display:grid;place-items:center;font-size:17px}.order-kpi-icon.pending{background:#fff4e3;color:#df963f}.order-kpi-icon.serving{background:#edf1ff;color:#5770e8}.order-kpi-icon.done{background:#e8f8f2;color:#269879}.order-kpi div{display:flex;flex-direction:column}.order-kpi strong{font-size:19px;line-height:1.1}.order-kpi div span{font-size:10px;color:#7c8797;margin-top:4px}.order-kpi small{font-size:9px;color:#a9b0bb;margin-left:auto;align-self:flex-end;white-space:nowrap}.order-progress{padding:8px 0 8px 22px}.order-progress-head{display:flex;justify-content:space-between;font-size:11px}.order-progress-head span{color:#2b9b7c;font-weight:700}.progress-track{height:8px;background:#edf0f4;border-radius:8px;margin:10px 0 7px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#75cdb4,#2caa8e);border-radius:8px}.order-progress p{margin:0;color:#a1a9b7;font-size:10px}@media(max-width:700px){.order-summary-body{grid-template-columns:1fr 1fr;gap:10px}.order-kpi{border-right:0;padding:8px 0!important}.order-progress{grid-column:1/-1;padding:10px 0 0}}
.office-grid,.finance-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.office-card,.finance-card{padding-bottom:8px}.approval-list{padding:0 20px 8px}.approval-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f5}.approval-item:last-child{border-bottom:0}.approval-icon{height:30px;width:30px;border-radius:8px;display:grid;place-items:center;font-size:14px}.approval-icon.leave{background:#fff2df;color:#e29a42}.approval-icon.expense{background:#edf1ff;color:#5972e8}.approval-icon.contract{background:#eaf8f2;color:#269a7d}.approval-item>div{display:flex;flex-direction:column;flex:1}.approval-item strong{font-size:11px}.approval-item div span{font-size:10px;color:#9aa3b1;margin-top:4px}.attendance-main{display:flex;align-items:center;gap:14px;padding:17px 20px}.attendance-clock{font-size:28px;font-weight:700;color:#34405a;letter-spacing:-1px}.attendance-status{display:flex;flex-direction:column;border-left:1px solid #edf0f4;padding-left:14px;flex:1}.attendance-status span{font-size:10px;color:#949dac}.attendance-status strong{font-size:12px;color:#299a7a;margin:4px 0}.attendance-status small{font-size:9px;color:#a8afba}.attendance-btn{box-shadow:none;height:32px}.attendance-line{display:flex;align-items:center;gap:10px;padding:0 20px 15px;color:#9aa3b0;font-size:10px}.attendance-line i{height:4px;border-radius:4px;flex:1;background:linear-gradient(90deg,#5ec0a1 28%,#ebedf2 28%)}.office-todo{margin-top:18px}.project-card{padding-bottom:5px}.project-list{padding:0 20px}.project-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f2f5}.project-row:last-child{border-bottom:0}.project-mark{height:31px;width:31px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:700}.blue-mark{background:#edf1ff;color:#5972e8}.orange-mark{background:#fff2df;color:#dc9137}.purple-mark{background:#f2ecff;color:#8c64d1}.project-info{display:flex;flex-direction:column;width:34%;min-width:180px}.project-info strong{font-size:11px}.project-info span{font-size:10px;color:#9aa3b1;margin-top:4px}.project-progress{display:flex;align-items:center;gap:8px;flex:1}.project-progress>div{width:130px}.project-progress span{font-size:10px;color:#647083}.project-progress i{display:block;height:6px;background:#edf0f4;border-radius:6px;margin-top:5px}.project-progress i b{display:block;height:100%;background:#6079ec;border-radius:6px}.project-progress small{font-size:9px;color:#2c9a7c}.collection-list{padding:0 20px 8px}.collection-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f5}.collection-item:last-child{border-bottom:0}.collection-item>div{display:flex;flex-direction:column;flex:1}.collection-item strong{font-size:11px}.collection-item span{font-size:10px;color:#99a2b0;margin-top:4px}.collection-item b{font-size:12px;color:#3e4a5c}.collection-item small{font-size:9px;color:#e09443}.finance-bars{height:150px;display:flex;align-items:flex-end;gap:16px;padding:8px 25px 0;border-bottom:1px solid #edf0f4}.finance-bars>div{display:flex;align-items:flex-end;gap:3px;height:100%;flex:1;position:relative}.fin-bar{display:block;width:12px;border-radius:4px 4px 0 0;min-height:4px}.fin-bar.income{background:#647bf0}.fin-bar.expense{background:#f1b36b}.finance-bars small{position:absolute;bottom:-19px;left:0;font-size:9px;color:#9da5b2}.finance-legend{display:flex;gap:15px;padding:26px 25px 10px;font-size:10px;color:#8d97a5}.finance-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.income-dot{background:#647bf0}.expense-dot{background:#f1b36b}@media(max-width:1000px){.office-grid,.finance-grid{grid-template-columns:1fr}.project-info{width:31%}}@media(max-width:700px){.project-row{flex-wrap:wrap}.project-info{width:calc(100% - 48px);min-width:0}.project-progress{width:100%;order:3}.project-progress>div{width:100%}.approval-item .office-action{display:none}.attendance-main{flex-wrap:wrap}.attendance-btn{margin-left:auto}}
.module-label{font-size:12px;font-weight:700;letter-spacing:.4px;color:#4b5870;padding-top:13px;padding-bottom:7px}.settings-label{font-size:12px;font-weight:700;letter-spacing:.4px;color:#4b5870;padding-top:13px;border-top:1px solid #f0f2f6}
.form-section-title{grid-column:1/-1;font-size:12px;font-weight:700;color:#4b5870;border-bottom:1px solid #edf0f4;padding:0 0 8px;margin-top:2px}.customer-form{display:grid;gap:12px}.opportunity-form{display:grid;gap:12px}.product-lines{display:grid;gap:8px;margin:8px 0}.product-line{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .65fr .8fr auto;gap:7px;align-items:center}.product-line input{min-width:0}.product-line .row-action{white-space:nowrap}
.import-help{background:#f7f8fc;border:1px solid #e8ebf2;border-radius:8px;padding:12px 14px;margin-bottom:14px}.import-help p{margin:0 0 7px;color:#727d8e;font-size:11px;line-height:1.5}.import-help p:last-of-type{margin-bottom:10px}.import-columns{color:#929baa!important;font-size:10px!important}.capacity-hint{align-self:center;color:#8b95a5;font-size:10px;margin:0 8px}
.company-search{margin-bottom:18px;padding:18px 20px}.company-search-title{display:flex;align-items:center;justify-content:space-between}.company-search-title h3{margin:0;font-size:14px}.company-search-title p{margin:5px 0 0;color:#9aa3b1;font-size:10px}.company-pills{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.company-pills>span{padding:6px 11px;border-radius:5px;background:#f4f5f8;color:#7d8797;font-size:10px}.company-pills>.tag{background:#edf1ff}.company-detail-modal{width:780px}.company-hero{display:flex;align-items:center;gap:12px;padding:3px 0 17px;border-bottom:1px solid #edf0f4}.company-logo{width:44px;height:44px;border-radius:11px;background:#edf1ff;color:#5770e8;display:grid;place-items:center;font-size:18px;font-weight:700}.company-hero>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.company-hero>div:nth-child(2)>strong{font-size:15px}.company-hero>div:nth-child(2)>span{font-size:10px;color:#8994a4}.company-tags{display:flex;gap:5px;margin-top:3px}.company-tags .tag{font-size:9px}.company-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #edf0f4;padding:17px 0}.company-facts>div{display:flex;flex-direction:column;gap:5px;border-right:1px solid #edf0f4;padding-left:15px}.company-facts>div:first-child{padding-left:0}.company-facts>div:last-child{border-right:0}.company-facts span{font-size:10px;color:#9aa3b0}.company-facts strong{font-size:12px}.company-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:18px}.company-detail-grid h4{margin:0 0 12px;font-size:12px}.company-detail-grid p{font-size:11px;color:#687486;line-height:1.55;margin:9px 0}.company-detail-grid p b{display:inline-block;width:105px;color:#9aa3b0;font-weight:400}.company-detail-grid .activity-list{max-height:185px;overflow:auto}.company-detail-grid .followup-record{padding:8px 0}.company-detail-grid .followup-record .activity-body{font-size:10px}@media(max-width:700px){.company-search-title{align-items:flex-start;gap:10px;flex-direction:column}.company-detail-modal{width:calc(100vw - 24px)}.company-facts{grid-template-columns:1fr 1fr;gap:12px}.company-facts>div{border-right:0;padding-left:0}.company-detail-grid{grid-template-columns:1fr}}
.enterprise-tab-drawer{position:fixed;z-index:9;inset:0 0 0 244px;background:#f7f8fb;display:flex;flex-direction:column;box-shadow:-16px 0 40px rgba(31,44,75,.12)}.enterprise-tab-bar{height:48px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #e9edf3;padding:0 18px}.enterprise-open-tabs{display:flex;align-items:stretch;gap:4px;min-width:0;overflow:auto}.enterprise-open-tab{height:34px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:7px 7px 0 0;color:#7c879a;font-size:12px;white-space:nowrap}.enterprise-open-tab.active{color:#3f63f3;background:#edf1ff;font-weight:600}.enterprise-open-tab i{font-style:normal;color:#a6afbd;font-size:15px}.enterprise-open-tab i:hover{color:#ea7d73}.enterprise-drawer-close{margin-left:auto;font-size:22px;color:#8f99a9;padding:4px 10px}.enterprise-tab-content{overflow:auto;flex:1;padding:28px 38px 55px}.enterprise-tab-content .enterprise-page{max-width:1280px;margin:0 auto}.enterprise-tab-content .enterprise-back{display:none}@media(max-width:700px){.enterprise-tab-drawer{inset:0}.enterprise-tab-content{padding:18px 15px 40px}}
.enterprise-tab-drawer{inset:0 0 0 42%}
@media(max-width:700px){.enterprise-tab-drawer{inset:0}}
.column-resizable{table-layout:fixed}.column-resizable th{position:relative}.column-resize-handle{position:absolute;top:0;right:-4px;width:9px;height:100%;z-index:6;cursor:col-resize;touch-action:none}.column-resize-handle:after{content:'';position:absolute;top:22%;bottom:22%;left:4px;width:1px;background:#c9d3e0;opacity:0;transition:opacity .15s,background .15s}.column-resizable th:hover>.column-resize-handle:after,.column-resize-handle:hover:after{opacity:1;background:#5c86d6}.column-resizing,.column-resizing *{cursor:col-resize!important;user-select:none!important}.column-resizing .column-resize-handle:after{opacity:1;background:#3370ff}@media(max-width:700px){.column-resize-handle{width:12px;right:-6px}.column-resize-handle:after{left:6px}}
.lead-analytics-workspace{max-width:1500px}.lead-analytics-workspace .lead-heading{margin-bottom:18px}.analytics-inner-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:16px}.analytics-inner-tabs .page-tab{padding:10px 17px;font-size:12px}.lead-analytics-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:16px;box-shadow:var(--shadow)}.analytics-filter-group{display:flex;align-items:center;gap:7px;color:#8a94a4;font-size:11px}.analytics-filter-group select,.analytics-filter-group input{height:32px;border:1px solid #e3e7ee;border-radius:6px;background:#fff;color:#4d586b;padding:0 8px;font-size:11px;min-width:100px}.analytics-filter-group input[type=date]{min-width:125px}.analytics-filter-label{white-space:nowrap;color:#788396}.analytics-filter-actions{display:flex;gap:7px;margin-left:auto}.analytics-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.analytics-stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 16px;box-shadow:var(--shadow);min-width:0}.analytics-stat-card>span{display:block;color:#8b95a5;font-size:11px}.analytics-stat-card>strong{display:block;color:#1d2a42;font-size:24px;letter-spacing:-.8px;margin:10px 0 5px}.analytics-stat-card>small{display:block;color:#9ba4b2;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-stat-card>small.green{color:#259879}.analytics-stat-card>small.blue{color:#5872e8}.analytics-stat-card>small.purple{color:#8a62d0}.analytics-stat-card>small.orange{color:#df8e3c}.analytics-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.analytics-panel{min-width:0;overflow:hidden}.analytics-panel .card-header{padding-bottom:13px}.analytics-trend{padding:0 20px 18px}.analytics-trend-row{display:grid;grid-template-columns:85px 1fr 38px 45px;align-items:center;gap:10px;margin:11px 0;font-size:11px;color:#788396}.analytics-trend-row>b{font-size:11px;color:#445066;text-align:right}.analytics-trend-row>small{text-align:right;color:#2c9c7d}.analytics-bar-track{height:8px;background:#f0f2f6;border-radius:8px;overflow:hidden}.analytics-bar-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#7c91f7,#4e6bea)}.analytics-breakdown{padding:0 20px 17px}.analytics-breakdown-row{display:grid;grid-template-columns:110px 38px 1fr 75px;align-items:center;gap:8px;margin:12px 0;color:#6e7a8e;font-size:11px}.analytics-breakdown-row>b{text-align:right;color:#445066}.analytics-breakdown-row>i{height:7px;background:#f0f2f6;border-radius:7px;overflow:hidden}.analytics-breakdown-row>i>em{display:block;height:100%;background:#62bfa7;border-radius:7px}.analytics-breakdown-row>small{text-align:right;color:#8c96a6;font-size:10px}.analytics-result-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #edf0f4;background:#fafbfc;border-radius:7px;padding:9px 11px;margin:0 7px 8px 0;color:#6f7a8c;font-size:11px}.analytics-result-chip b{color:#3d4b63;font-size:14px}.analytics-hour-panel{margin-bottom:16px}.analytics-hour-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:0 20px 20px}.analytics-hour-grid>div{background:#f7f8fb;border:1px solid #edf0f3;border-radius:7px;padding:9px 4px;text-align:center}.analytics-hour-grid span,.analytics-hour-grid small{display:block;color:#929baa;font-size:9px}.analytics-hour-grid b{display:block;color:#44526a;font-size:14px;margin:5px 0}.analytics-hour-grid small{color:#2a9a7b}.analytics-call-panel{overflow:hidden}.analytics-call-filters{display:flex;align-items:flex-end;gap:10px;padding:16px 18px;border-bottom:1px solid #edf0f4;flex-wrap:wrap}.analytics-call-filters label{display:flex;flex-direction:column;gap:6px;color:#8a94a4;font-size:10px}.analytics-call-filters select,.analytics-call-filters input{height:31px;min-width:112px;border:1px solid #e3e7ee;border-radius:6px;padding:0 8px;color:#4d586b;font-size:11px}.analytics-call-summary{display:flex;gap:18px;flex-wrap:wrap;padding:11px 18px;color:#929baa;font-size:10px;background:#fbfcfd}.analytics-call-summary b{color:#46536a}.analytics-calls-table th,.analytics-calls-table td{white-space:nowrap}.analytics-calls-table td small{display:block;color:#9aa3b1;font-size:10px;margin-top:4px}.analytics-status{color:#9aa3b1;font-size:10px}.analytics-status.success{color:#239878}.analytics-status.muted{color:#b3bac5}.analytics-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px;border-top:1px solid #edf0f4;color:#8d97a5;font-size:10px}.analytics-pagination button:disabled{opacity:.45;cursor:not-allowed}.analytics-loading{padding:15px;color:#7e899b;font-size:11px}.analytics-loading.hidden,.analytics-error.hidden{display:none}.analytics-error{padding:12px 15px;margin-bottom:14px;background:#fff4f1;border:1px solid #f7d2c7;color:#bf654d;border-radius:8px;font-size:11px}.analytics-empty{padding:18px 0;color:#a5adba;text-align:center;font-size:11px}@media(max-width:1100px){.analytics-summary-grid{grid-template-columns:repeat(3,1fr)}.analytics-hour-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:700px){.lead-analytics-toolbar{align-items:stretch}.analytics-filter-group{width:100%;justify-content:space-between}.analytics-filter-group select,.analytics-filter-group input{flex:1}.analytics-filter-actions{margin-left:0}.analytics-summary-grid{grid-template-columns:repeat(2,1fr)}.analytics-panel-grid{grid-template-columns:1fr}.analytics-hour-grid{grid-template-columns:repeat(4,1fr)}.analytics-trend-row{grid-template-columns:70px 1fr 28px 40px}.analytics-breakdown-row{grid-template-columns:80px 28px 1fr 60px}.analytics-calls-table{min-width:1000px}}
.crm-search-card{padding:14px 18px;margin-bottom:16px}.crm-search-row,.crm-advanced-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.crm-search-row label,.crm-advanced-row label{display:flex;align-items:center;gap:7px;color:#7b8495;font-size:11px}.crm-search-row input,.crm-search-row select,.crm-advanced-row input,.crm-advanced-row select{height:32px;min-width:150px;border:1px solid #e2e7ef;border-radius:6px;padding:0 9px;color:#445064;background:#fff;outline:none}.crm-search-row input:focus,.crm-search-row select:focus,.crm-advanced-row input:focus,.crm-advanced-row select:focus{border-color:#7690f5;box-shadow:0 0 0 3px #edf1ff}.crm-advanced-row{border-top:1px solid #eef1f5;margin-top:14px;padding-top:14px}.crm-stat-grid{margin-top:2px}.customer-reference-table,.opportunity-reference-table{min-width:1480px}.customer-reference-table th,.opportunity-reference-table th{height:44px}.customer-reference-table td,.opportunity-reference-table td{height:68px}.customer-reference-table td:first-child,.opportunity-reference-table td:first-child{width:38px}.crm-stage-tabs{margin:0 0 16px;gap:25px;overflow:auto}.crm-stage-tabs small{font-size:10px;color:#a1a8b5;margin-left:3px}.name-link{display:inline-flex;align-items:center;gap:9px;text-align:left;color:#354053}.name-link strong{font-size:12px}.name-link:hover{color:var(--blue)}