.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-title h1{font-size:28px}.page-title p{font-size:15px;line-height:1.8;color:#72836c}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.overview-metrics>div{border:1px solid #dde7d7;background:#fff;padding:20px;border-radius:11px}.overview-metrics small{display:block;font-size:14px;color:#74846c}.overview-metrics strong{display:block;font-size:30px;margin-top:12px;font-weight:550}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.agent-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:20px;background:white;border:1px solid #dde7d7;border-radius:11px}.agent-grid h3{font-size:18px;margin:15px 0 0}.agent-grid p{font-size:14px;line-height:1.8;min-height:76px}.agent-grid small{font-size:12px;color:#7a8b70;line-height:1.8;margin-bottom:18px}.agent-grid button{margin-top:auto}.agent-status{font-size:12px;color:#487b50;background:#edf5e8;padding:6px 9px;border-radius:6px}.task-panel{background:#fff;border:1px solid #e0e6da;border-radius:12px;margin-bottom:25px;overflow:hidden}.task-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px}.task-heading h2{margin-top:7px}.task-heading button{font-size:13px}.task-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:0 22px 17px}.task-toolbar button{font-size:13px;border:0;background:none}.task-toolbar button.active{background:#eaf2e5}.task-toolbar>span{font-size:12px;color:#7b8872}.task-scroll{overflow:auto}.task-table{width:100%;min-width:950px;border-collapse:collapse;text-align:left}.task-table th{padding:12px 16px;font-size:12px;font-weight:500;color:#77866c;background:#f5f8f1;border-block:1px solid #e7eddf}.task-table td{padding:18px 16px;vertical-align:top;border-bottom:1px solid #e9eee3;font-size:13px;line-height:1.7}.task-table td:nth-child(2){width:30%;min-width:240px}.task-table strong{display:block;font-size:14px;font-weight:550}.task-table p{font-size:13px;color:#7b856c;margin:6px 0;line-height:1.7}.task-table small{display:block;font-size:12px;color:#849378;margin-top:7px}.task-table button{white-space:nowrap;font-size:13px}.priority-badge,.alert-badge{display:inline-block;border-radius:5px;font-size:12px;white-space:nowrap;padding:4px 7px}.p1,.alert-badge.late{background:#fbe8e5;color:#a24737}.p2,.alert-badge.soon{background:#faf0d6;color:#956b20}.p3,.alert-badge.normal,.alert-badge.done{background:#eaf3e5;color:#5f8150}.task-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.task-tags span{font-size:11px;padding:2px 6px;border:1px solid #dfe6d6;border-radius:4px;color:#6d8160}.task-legend{padding:15px 22px;font-size:12px;line-height:1.8;color:#7e8d72}.flow-log{border:1px solid #dfe8d8;background:#fff;border-radius:12px;padding:0 22px 20px}.flow-log .task-heading{padding:18px 0}.flow-log>div:not(.task-heading){display:flex;gap:18px;border-top:1px solid #e8eede;padding:12px 0;align-items:baseline}.flow-log time{font-size:12px;color:#8b987d}.flow-log p{font-size:14px;line-height:1.8;margin:0}.flow-log>small{display:block;font-size:12px;color:#849576;margin-top:15px}.workflow-page{max-width:1150px;margin:auto}.workflow-section{border:1px solid #dce6d5;background:#fff;border-radius:12px;padding:25px;margin-bottom:18px}.workflow-section h2{font-size:19px;margin-bottom:20px}.workflow-section label{display:flex;flex-direction:column;gap:9px;font-size:14px;color:#526d43}.workflow-section label>strong{font-size:14px;font-weight:550}.workflow-section input,.workflow-section select,.workflow-section textarea{width:100%;min-width:0;border:1px solid #d9e4d0;border-radius:7px;padding:12px;background:#fcfef9;color:#456038;font:14px/1.7 'Be Vietnam Pro',sans-serif}.workflow-section textarea{resize:vertical}.workflow-section p{font-size:14px;color:#829475;line-height:1.8}.workflow-section small{display:block;font-size:12px;line-height:1.8;color:#899c7a}.stage-editors{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.stage-editors span{font-size:12px;color:#879978}.workflow-steps{display:grid;gap:18px;margin:25px 0}.workflow-fields{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.workflow-section .flow-check{flex-direction:row;align-items:center;margin-bottom:20px}.flow-check input{width:18px;height:18px;accent-color:#426d37}.workflow-rule{background:#f0f6e9;border-radius:7px;padding:15px;font-size:14px;line-height:1.8;margin:18px 0;color:#66874f}.workflow-save{display:flex;gap:12px;align-items:center;position:sticky;bottom:15px;background:#fff;border:1px solid #dce6d3;padding:16px;border-radius:10px;box-shadow:0 8px 30px #30402015}.workflow-save span{margin-right:auto;font-size:13px;color:#80926e}.sales-workspace .workspace-nav{padding-top:95px}.sales-workspace .workspace-nav strong{font-size:14px}
@media(max-width:1100px){.overview-metrics{grid-template-columns:repeat(2,1fr)}.agent-grid{grid-template-columns:1fr}.agent-grid p{min-height:0}.stage-editors{grid-template-columns:repeat(2,1fr)}.task-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.sales-workspace .workspace-nav{padding:8px 4px}.workspace-nav>button{gap:5px;flex-direction:column}.workspace-nav>button>span{font-size:20px}.workspace-nav>button strong{font-size:12px!important}.workspace-nav>button small{display:none}.workflow-fields{grid-template-columns:1fr}.workflow-section{padding:18px}.workflow-save{bottom:85px;flex-wrap:wrap}.workflow-save span{width:100%;font-size:12px}.page-title h1{font-size:23px}.task-heading{align-items:flex-start}.task-heading button{max-width:165px}.page-title .demo{display:none}}