:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#25324b;background:#f5f7fb;font-synthesis:none;font-size:14px;--blue:#3366e8;--border:#e9edf4;--muted:#8993a5}.global-search{position:relative;display:flex;align-items:center;gap:6px;width:230px;padding:0 9px;border:1px solid var(--border);border-radius:6px;color:#9aa6b9}.global-search input{border:0;box-shadow:none;background:transparent;padding:7px 0;font-size:11px}.search-results{position:absolute;top:39px;right:0;width:290px;z-index:40;background:#fff;border:1px solid var(--border);border-radius:7px;box-shadow:0 8px 25px #162d4a1a;padding:5px}.search-results button,.search-results>span{display:flex;width:100%;padding:9px;text-align:left;flex-direction:column;gap:3px;border-radius:5px;font-size:11px}.search-results button:hover{background:#f5f7fb}.search-results small{color:#98a5b8;font-size:10px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.7px;margin-bottom:10px}h2{font-size:17px;margin-bottom:8px}h3{font-size:14px}p{line-height:1.7}svg{flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible{outline:3px solid #99b6ff;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #dfe5ef;border-radius:7px;background:#fff;padding:10px 12px;color:#26334c;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#729af5;box-shadow:0 0 0 3px #3366e80d}input::placeholder,textarea::placeholder{color:#a6aebc}textarea{resize:vertical}input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue)}select{cursor:pointer}small{font-size:12px}em{color:#d7515d;font-style:normal}.muted,.subtle{color:var(--muted)}.green-text{color:#259882}.purple-text{color:#8b63d9}.danger,.error-text{color:#d45260}.numeric{font-variant-numeric:tabular-nums}.full{grid-column:1/-1}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #dfe5ee;border-radius:7px;padding:9px 15px;white-space:nowrap;font-size:13px;min-height:37px;transition:background .15s}.button:hover{background:#f7f9fd}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3px 6px #3366e818}.button.primary:hover{background:#2857cf}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.icon-button:hover{background:#eef2f8}.text-button{display:inline-flex;align-items:center;gap:5px;color:var(--blue);padding:4px 0;font-size:12px}.text-button.danger{color:#d45260}.text-button.green-text{color:#259882}.text-button.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:5px;font-size:11px;font-weight:500;white-space:nowrap}.badge.blue,.stat-icon.blue{color:#4574df;background:#edf3ff}.badge.green,.stat-icon.green{color:#24967d;background:#e9f7f2}.badge.red{color:#d85b68;background:#fff0f0}.badge.orange{color:#bf8b37;background:#fff6e5}.badge.neutral{color:#7b8597;background:#f0f3f7}.stat-icon.purple{color:#916bce;background:#f3eefe}.blue-bg{background:#557ded}.mint-bg{background:#6ad1bb}.tiny-label{font-size:11px;color:#9aa4b3}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#8a95a8;font-weight:600;margin-bottom:12px}.live-dot,.greeting-dot{display:inline-block;width:7px;height:7px;background:#47b696;border-radius:50%}.logo-mark{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:#3366e8;box-shadow:0 3px 8px #3366e830}.brand{display:flex;align-items:center;gap:10px;color:#25314a;white-space:nowrap}.brand b{font-size:22px;letter-spacing:-.7px}.brand b span{font-size:11px;letter-spacing:1px;color:#99a3b3;margin-left:6px;font-weight:500}.app-shell{min-height:100vh}.sidebar{width:220px;background:#fff;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:25}.sidebar>.brand{padding:26px 22px 20px}.workspace-label{display:flex;align-items:center;gap:9px;padding:12px 11px;margin:0 15px 12px;border:1px solid var(--border);border-radius:8px}.workspace-avatar{width:29px;height:29px;background:#edf3ff;color:#4774df;border-radius:6px;text-align:center;line-height:29px;font-weight:600}.workspace-label div{flex:1}.workspace-label b{font-size:12px}.workspace-label small{display:block;color:#9ca5b5;font-size:10px;margin-top:4px}.workspace-label>svg{color:#a8b0bc}.main-nav{flex:1;overflow-y:auto;padding:0 12px 16px;scrollbar-width:thin;scrollbar-color:#e8edf5 transparent}.nav-group{margin-bottom:12px}.nav-group h3{font-size:10px;font-weight:500;color:#9ba5b4;margin:15px 13px 6px;letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;border-radius:7px;margin:2px 0;color:#6e798e;text-align:left;font-size:12px;position:relative}.nav-item:hover{background:#f5f7fb}.nav-item.active{background:#edf3ff;color:#3366e8;font-weight:600}.active-marker{width:5px;height:5px;background:#3366e8;border-radius:50%;margin-left:auto}.sidebar-footer{border-top:1px solid var(--border);padding:17px 23px;display:flex;align-items:center;gap:8px;font-size:10px;color:#98a2b2}.version{margin-left:auto}.main-shell{margin-left:220px}.topbar{height:72px;background:#ffffffeb;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#9aa4b4}.breadcrumb b{color:#526076;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:14px}.docs-link{display:flex;gap:6px;align-items:center;font-size:11px;color:#8a94a4}.topbar-divider{width:1px;height:21px;background:var(--border)}.user-button{display:flex;align-items:center;gap:9px;text-align:left;padding:0 3px}.user-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf0f9;color:#7484a9;font-size:12px}.user-button b{font-size:11px;font-weight:500;display:block}.user-button small{font-size:9px;color:#99a3b3;display:block;margin-top:3px}.mobile-menu{display:none}.page{max-width:1600px;margin:auto;padding:32px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{color:#8a95a7;font-size:12px;margin-bottom:0}.heading-actions{display:flex;align-items:center;gap:16px}.today{display:flex;gap:7px;align-items:center;font-size:11px;color:#8b96a7}.greeting-dot{vertical-align:middle;margin-left:5px;width:6px;height:6px;background:#ebbd62}.overview-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,#eaf0ff,#f0f5ff 60%,#eaf3f7);border:1px solid #e2eaf9;padding:17px 20px;border-radius:9px;margin-bottom:22px}.overview-copy{display:flex;gap:10px;align-items:center;font-size:11px}.overview-copy b{font-weight:500;color:#5b71a3}.overview-copy>span:last-child{color:#9ba9c0}.overview-strip>button{display:flex;align-items:center;gap:7px;color:#5175c4;font-size:11px;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px 20px;text-align:left;box-shadow:0 3px 5px #243c6010}.stat-card:hover{border-color:#bbcdf7;transform:translateY(-1px)}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#8390a3;font-size:11px}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.stat-card>strong{display:block;font-size:27px;font-weight:600;letter-spacing:-.6px;margin:11px 0 16px;color:#27354e;font-variant-numeric:tabular-nums}.stat-card strong small{font-size:11px;color:#98a4b4;margin-left:7px;font-weight:400}.stat-card footer{border-top:1px solid #f0f2f7;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.stat-card footer svg{color:#a5aebc}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:22px}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;min-width:0;box-shadow:0 2px 4px #263f6610;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 23px 0}.panel-heading h2{font-size:14px;margin-bottom:7px;font-weight:600}.panel-heading p{font-size:10px;color:#a0a9b8;margin-bottom:0}.period-label{display:flex;align-items:center;gap:16px;padding:7px 9px;border:1px solid var(--border);border-radius:5px;font-size:10px;color:#8894a7}.chart-legend{display:flex;align-items:center;gap:20px;font-size:10px;color:#99a2b3;margin:23px 24px 5px}.chart-legend>span{display:flex;align-items:center;gap:6px}.chart-legend>small{margin-left:auto;font-size:9px}.legend-dot{width:7px;height:7px;border-radius:2px;display:inline-block}.bar-chart{display:flex;height:205px;padding:14px 25px 28px 22px}.chart-axis{width:54px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#a6afbd;padding-bottom:0}.chart-plot{flex:1;display:flex;position:relative;justify-content:space-around}.chart-gridline{position:absolute;left:0;right:0;border-top:1px dashed #e9edf5;z-index:0}.chart-gridline.top{top:0}.chart-gridline.middle{top:50%}.chart-gridline.bottom{bottom:0}.bar-group{height:100%;width:12%;position:relative;z-index:1}.bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px}.bar{width:17px;border-radius:4px 4px 0 0;transition:height .3s}.contract-bar{background:#6486ed}.payment-bar{background:#8bd7c6}.bar-group>span{position:absolute;top:100%;padding-top:10px;width:100%;text-align:center;font-size:10px;color:#9da7b7}.chart-footer{margin:8px 22px 0;padding:14px 0;border-top:1px solid #f0f3f7;display:flex;align-items:center;gap:7px;font-size:9px;color:#9ba6b8}.chart-footer svg{color:#7bad9c}.funnel .panel-heading{margin-bottom:25px}.funnel-row{padding:0 24px;margin-bottom:15px}.funnel-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:10px}.funnel-label>span{display:flex;align-items:center;gap:7px;color:#8591a5}.funnel-label i{width:6px;height:6px;border-radius:2px}.funnel-label b{font-size:12px;font-weight:500}.funnel-label small{color:#a5adba;font-size:9px;margin-left:3px}.funnel-track{height:7px;border-radius:3px;background:#f4f6fa;overflow:hidden}.funnel-track>div{height:100%;border-radius:3px}.funnel-summary{display:flex;justify-content:space-between;align-items:center;margin:18px 24px 0;padding:15px 0;border-top:1px solid #f0f3f7;font-size:10px;color:#99a3b3}.funnel-summary strong{font-size:15px;color:#4c6eb5;font-weight:500}.count-pill{border-radius:4px;padding:2px 6px;background:#f0f4fc;color:#7189bb;font-size:10px;margin-left:5px}.task-panel .panel-heading,.activity-panel .panel-heading{padding-bottom:20px}.task-row{display:flex;align-items:center;gap:10px;margin:0 22px;padding:17px 0;border-top:1px solid #f1f3f7}.task-checkbox{width:15px;height:15px;border:1px solid #d8dfeb;border-radius:4px;flex-shrink:0}.task-checkbox:hover{border-color:var(--blue);background:#f0f5ff}.task-name{text-align:left;min-width:0;flex:1;padding:0}.task-name b{display:block;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-name span{font-size:9px;color:#a1aab9;display:block;margin-top:7px}.task-row>.badge{font-size:9px;padding:3px 6px}.task-date{display:flex;gap:4px;font-size:9px;color:#9fa8b8;align-items:center;white-space:nowrap}.task-date.overdue{color:#d99876}.activity-row{width:100%;display:flex;gap:10px;padding:0 22px 19px;text-align:left}.activity-avatar{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;background:#edf1fc;color:#7d95cf;border-radius:50%;font-size:10px}.activity-avatar.mint{background:#e7f5f1;color:#6baf9b}.activity-row>div{flex:1;min-width:0}.activity-title{display:flex;justify-content:space-between;align-items:center;font-size:10px}.activity-title b{font-weight:500}.activity-title time{font-size:9px;color:#b0b7c3}.activity-row p{font-size:10px;color:#9aa6b7;margin:5px 0 4px}.activity-row p strong{font-weight:400;color:#6382bd}.activity-row div>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#a8b0bd;line-height:1.6}.overdue-panel{display:flex;gap:12px;align-items:center;border:1px solid #efe5d2;background:#fffcf5;padding:16px 20px;margin-top:22px;border-radius:9px;color:#b99450}.overdue-panel>div{flex:1}.overdue-panel b{font-size:12px;display:block}.overdue-panel div span{display:block;font-size:10px;margin-top:5px;color:#b4a58c}.page-footer{text-align:center;color:#aab3c2;font-size:9px;letter-spacing:1px;margin-top:27px}.page-footer span{margin-left:13px;color:#bcc3cf;letter-spacing:0}.heading-count{font-size:12px;background:#eaf0fc;border-radius:6px;padding:4px 8px;margin-left:12px;vertical-align:middle;color:#6982b8;letter-spacing:0}.table-tabs{padding:0 22px;min-height:55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.table-tabs>div:first-child{display:flex;gap:24px}.table-tabs>div:first-child>button{height:55px;font-size:12px;border-bottom:2px solid transparent;padding:0 3px;color:#8390a4}.table-tabs>div:first-child>button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:500}.table-view{display:flex;background:#f5f7fb;border-radius:5px;padding:3px;gap:3px}.table-view button{padding:5px;border-radius:4px;color:#9aa6b9}.table-view button.selected{color:#4c76d6;background:#fff;box-shadow:0 1px 3px #1f3a571a}.table-toolbar{display:flex;gap:14px;align-items:center;padding:18px 22px}.search-input{display:flex;gap:8px;align-items:center;border:1px solid #e5e9f1;border-radius:6px;padding:0 10px;width:280px;color:#a4afbf}.search-input input{border:0;box-shadow:none;padding:9px 0;font-size:11px;background:transparent}.toolbar-spacer{flex:1}.filter-select{display:flex;align-items:center;gap:5px;border:1px solid #e5e9f1;border-radius:6px;padding:0 9px;color:#8e9bae}.filter-select select{font-size:11px;border:0;box-shadow:none;padding:9px 6px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{font-size:10px;font-weight:500;color:#8a96a9;background:#fafbfd;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6;padding:14px 17px}td{padding:17px;border-bottom:1px solid #f0f3f7;color:#69768b;font-size:11px}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}tbody tr:last-child td{border-bottom:0}.records-table tbody tr{cursor:pointer}.records-table tbody tr:hover{background:#fcfdff}.record-name{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:#415474;padding:0;text-align:left;max-width:280px;white-space:normal;line-height:1.6}.table-avatar{width:28px;height:28px;border-radius:7px;background:#eef3fc;color:#7092cc;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:400}.owner-cell{display:flex;gap:7px;align-items:center;white-space:nowrap}.owner-cell i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f0f2f9;color:#91a0bc;font-size:9px;font-style:normal}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-top:1px solid var(--border);font-size:10px;color:#9aa6b9}.table-pagination>div{display:flex;gap:8px;align-items:center}.page-number{border:1px solid #dde6fb;border-radius:4px;color:#4e77ce;padding:5px 8px}.table-loading{display:flex;gap:12px;justify-content:center;align-items:center;min-height:280px;color:#9aa5b8}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;color:#9da8ba;font-size:12px;text-align:center}.empty strong{color:#75839a}.empty h3{color:#697a94;font-size:16px;margin:0}.empty p{margin:0}.empty.small{padding:25px;border:1px dashed #dfe5ef;border-radius:7px;font-size:11px}.empty-icon{background:#f0f4fc;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#97afd9;margin-bottom:6px}.table-empty{min-height:390px}.kanban{display:flex;gap:14px;padding:7px 20px 22px;overflow-x:auto}.kanban-column{width:235px;min-width:235px;background:#f5f7fb;padding:12px;border-radius:8px;min-height:340px}.kanban-column>header{display:flex;gap:7px;align-items:center;font-size:11px;margin-bottom:15px}.kanban-column header>span:last-child{margin-left:auto;color:#9ea8b8}.stage-dot{width:7px;height:7px;background:#80a0e8;border-radius:50%}.stage-dot.green{background:#63bca1}.stage-dot.red{background:#d8979e}.kanban-card{display:block;text-align:left;width:100%;background:#fff;border:1px solid #e7ecf5;border-radius:7px;padding:15px;margin-bottom:11px;box-shadow:0 2px 3px #24395b06}.kanban-card>strong{font-size:12px;font-weight:500;display:block;line-height:1.6}.kanban-card>span{display:block;font-size:10px;color:#9aa6b8;margin:7px 0 15px}.kanban-card>b{color:#4773c6;font-size:16px;font-weight:500}.kanban-card footer{display:flex;justify-content:space-between;border-top:1px solid #f2f4f8;padding-top:12px;margin-top:15px;font-size:9px;color:#a0aabb}.kanban-card footer small{font-size:9px}.kanban-empty{font-size:11px;text-align:center;margin-top:50px;color:#b1b9c5}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c2c4855;z-index:50;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:28px}.modal{width:660px;max-width:100%;max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 20px 80px #112d5233;overflow:hidden}.modal.narrow{width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header h2{margin:0;font-size:19px}.modal-header small{display:block;color:#94a2b6;font-size:10px;margin-bottom:6px}.modal>form{display:flex;flex-direction:column;overflow:hidden;min-height:0}.modal-body{padding:24px 26px;overflow-y:auto}.modal-body>p{font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#6d7e96}.field>span{font-weight:500}.field input,.field select,.field textarea{font-size:12px;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:17px 26px;border-top:1px solid var(--border);background:#fcfdff;flex-shrink:0}.modal-footer>.muted{font-size:10px;margin-right:auto}.section-title{display:flex;justify-content:space-between;align-items:center}.reference-input{min-width:0;display:flex;flex-direction:column;gap:5px}.reference-search{display:flex;align-items:center;padding:0 8px;border:1px solid #e4eaf3;border-radius:6px;color:#a0adbf;background:#fcfdff}.reference-search input{background:transparent;box-shadow:none!important;border:0;font-size:11px;padding:6px}.reference-input select{font-size:11px!important}.line-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f6}.line-item>.reference-input{flex:1}.line-item>label{width:90px;font-size:10px;color:#98a5b8;display:flex;flex-direction:column;gap:7px}.line-item label input{padding:8px;font-size:11px}.item-total{text-align:right;padding:12px 0;color:#97a4b7;font-size:12px}.item-total strong{font-size:19px;font-weight:500;color:#436ebd;margin-left:10px}.error-banner,.success-banner,.info-banner{border:1px solid #f3dede;background:#fff5f5;color:#c3616f;padding:12px 15px;border-radius:7px;font-size:12px;line-height:1.65;margin:0 0 18px;overflow-wrap:anywhere}.error-banner button{margin-left:8px}.success-banner{display:flex;justify-content:space-between;align-items:center;background:#f0faf6;border-color:#d9eee3;color:#529d7d}.info-banner{background:#f2f7ff;border-color:#dde8f9;color:#6f8cb8;display:flex;align-items:center;gap:10px}.drawer-backdrop{z-index:40;justify-content:flex-end;align-items:stretch;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.detail-drawer{width:720px;max-width:100%;background:#fff;box-shadow:-10px 0 70px #19375324;overflow-y:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 25px;background:#f9fbfe;border-bottom:1px solid var(--border);font-size:12px;color:#92a0b3;position:sticky;top:0;z-index:2}.detail-hero{display:flex;gap:14px;padding:27px 26px 19px;align-items:center}.entity-avatar{width:49px;height:49px;border-radius:11px;background:#edf3ff;color:#7192d6;display:grid;place-items:center;flex-shrink:0}.detail-hero h2{font-size:21px;line-height:1.5;margin-bottom:9px;overflow-wrap:anywhere}.detail-meta{display:flex;gap:14px;align-items:center;color:#a0aabc;font-size:10px;flex-wrap:wrap}.detail-meta>span{display:flex;gap:5px;align-items:center}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 26px 22px}.detail-actions .button{font-size:11px;padding:7px 10px;min-height:32px}.detail-drawer>.error-banner,.detail-drawer>.info-banner{margin:15px 26px}.detail-tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);padding:0 26px}.detail-tabs button{padding:16px 0;font-size:12px;color:#8c9ab0;border-bottom:2px solid transparent;white-space:nowrap}.detail-tabs button.active{border-color:var(--blue);color:var(--blue)}.detail-tabs button span{margin-left:5px;font-size:10px;background:#f1f5fb;padding:2px 5px;border-radius:4px}.detail-content{padding:28px 26px 40px}.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 35px}.detail-fields label{font-size:10px;color:#a1adbd;display:block;margin-bottom:8px}.detail-fields p{font-size:12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.reference-link{display:inline-flex;align-items:center;gap:4px;color:#507dcc;font-size:12px;padding:0;white-space:normal;line-height:1.7;text-align:left}.detail-line-items{margin-top:28px;overflow-x:auto}.detail-line-items table{background:#fcfdff}.detail-line-items th,.detail-line-items td{padding:13px;font-size:11px}.assign-box{margin-top:30px;padding:20px;background:#f8fafe;border:1px solid var(--border);border-radius:8px}.assign-box p{font-size:11px;color:#9ba7b9}.assign-box>div{display:flex;gap:12px}.assign-box select{font-size:12px}.inline-confirm{margin:0 26px 20px;padding:15px;background:#fffbf2;border:1px solid #f0e5cd;border-radius:8px;text-align:right}.inline-confirm p{text-align:left;font-size:12px;color:#a79470}.inline-confirm .button{margin-left:8px}.followup-form{padding:19px;background:#f8fafe;border:1px solid #e6edf7;border-radius:9px;margin-bottom:25px}.followup-form h3{display:flex;align-items:center;gap:7px;font-size:12px;color:#6d86af}.followup-form textarea{font-size:12px}.followup-form>div{display:flex;align-items:center;gap:10px;margin-top:12px}.followup-form select{width:85px;font-size:11px}.followup-form label{display:flex;gap:8px;align-items:center;font-size:10px;color:#95a3b6;flex:1}.followup-form input{width:auto;font-size:10px;padding:9px}.followup-form .button{font-size:11px}.followup-card{border:1px solid var(--border);border-radius:8px;margin-bottom:15px;padding:18px}.followup-card header{display:flex;gap:10px;align-items:center;font-size:12px}.followup-card time{margin-left:auto;font-size:10px;color:#a9b1be}.followup-card p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 8px}.followup-card small{font-size:10px;color:#a0acbd}.related-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.related-row{display:flex;align-items:center;gap:10px;width:100%;padding:17px 0;border-bottom:1px solid var(--border);text-align:left}.related-row b{font-size:12px;flex:1;font-weight:500}.related-row>span:not(.badge){font-size:10px;color:#9ca9bd}.approval-comment{max-width:240px;white-space:normal;line-height:1.6}.approval-comment small{display:block;font-size:10px;color:#9da9b9;margin-top:5px}.row-actions{display:flex;gap:12px}.permission-guide{display:flex;gap:15px;align-items:center;border:1px solid #e1eaf9;background:#eef4ff;padding:18px 22px;border-radius:9px;margin-bottom:23px;color:#7593c7}.permission-guide b{font-size:12px;color:#5d7aab}.permission-guide p{font-size:11px;margin:5px 0 0;color:#8fa3c4}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:23px}.setting-form{padding:26px}.setting-form h2{display:flex;align-items:center;gap:9px;font-size:17px}.setting-form>p{font-size:12px}.setting-form .field{margin:20px 0}.setting-form .button{margin-top:5px}.settings-grid .panel-heading select{width:140px;font-size:11px}.field-list{padding:15px 22px}.field-list>div{display:flex;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid #f0f3f7}.field-list>div>span:first-child{flex:1}.field-list b{font-size:12px;font-weight:500;display:block}.field-list small{display:block;font-size:10px;color:#acb4c1;margin-top:5px}.profile-avatar{display:grid;place-items:center;background:#edf2fc;color:#819bcc;width:68px;height:68px;border-radius:50%;font-size:26px;margin-bottom:22px}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#8494aa}.code-input{font-family:ui-monospace,monospace;font-size:11px!important;margin-top:8px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;z-index:100;background:#fff;border:1px solid #dce9e3;padding:9px 12px 9px 18px;box-shadow:0 6px 28px #162f5724;border-radius:9px;color:#4f9e80;font-size:13px}.auth-layout{display:grid;grid-template-columns:48% 52%;min-height:100vh;background:#fff}.auth-brand{background:linear-gradient(145deg,#edf3ff,#eaf1ff 40%,#f0f5fc);padding:40px 52px;display:flex;flex-direction:column;overflow:hidden;position:relative}.auth-brand>.brand{position:relative;z-index:2}.auth-story{max-width:460px;margin:80px auto 0;width:100%}.auth-story .eyebrow{font-size:10px;color:#96a9cc;margin-bottom:23px}.auth-story h1{font-size:43px;line-height:1.45;font-weight:600;letter-spacing:-1.4px;color:#314f81;margin-bottom:20px}.auth-story>p{font-size:13px;color:#8ca2c4;line-height:2}.auth-brand>footer{display:flex;gap:7px;align-items:center;font-size:10px;color:#9bacc6;margin-top:auto;padding-top:20px;z-index:2}.auth-illustration{height:270px;position:relative;margin-top:20px}.orbit{position:absolute;border:1px solid #d4e0f5;border-radius:50%;width:220px;height:220px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:320px;height:320px;border-style:dashed;opacity:.6}.orbit-center{width:92px;height:92px;border:8px solid #ffffff96;background:#5e87da;box-shadow:0 12px 35px #597abc25;display:grid;place-items:center;border-radius:25px;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg)}.orbit-center svg{transform:rotate(7deg)}.orbit-node{display:grid;place-items:center;width:52px;height:52px;background:#ffffffde;border-radius:15px;color:#83a0d1;box-shadow:0 4px 20px #7799ca15;position:absolute}.node-one{left:19%;top:12%;transform:rotate(-8deg)}.node-two{right:8%;top:32%;transform:rotate(9deg);color:#81baa9}.node-three{left:12%;bottom:7%;transform:rotate(5deg);color:#aa9bce}.mini-growth{position:absolute;right:2%;bottom:-5px;display:flex;align-items:center;gap:10px;padding:14px 17px;background:#ffffffed;box-shadow:0 8px 25px #536d9720;border:1px solid white;border-radius:10px;color:#789bcf;transform:rotate(-3deg)}.mini-growth b{display:block;font-size:11px;font-weight:500;color:#6884b0}.mini-growth small{display:block;font-size:9px;color:#a5b3c8;margin-top:5px}.auth-main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 50px;position:relative}.auth-card{width:350px;max-width:100%}.auth-kicker{font-size:11px;color:#a0acc0;display:block;margin-bottom:14px}.auth-card h2{font-size:27px;margin:0 0 13px}.auth-card>p{font-size:12px;color:#9ba7ba;margin-bottom:32px}.auth-card .field{margin-bottom:21px}.auth-card input{padding:12px 13px;border-color:#e1e7f0}.auth-submit{width:100%;margin-top:12px;justify-content:space-between;padding:12px 16px}.demo-checkbox{align-items:flex-start;margin-bottom:22px}.demo-checkbox input{margin-top:1px;flex-shrink:0}.demo-checkbox small{display:block;font-size:10px;line-height:1.8;margin-top:6px;color:#a7b1c2}.auth-footnote{font-size:10px;color:#a2aebe;text-align:center;margin-top:22px;line-height:1.8}.auth-main>footer{position:absolute;bottom:28px;font-size:9px;color:#bcc4d1;letter-spacing:1px}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#a0adc0;font-size:12px}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:70px 20px;color:#96a4b8;font-size:12px}.spinner{width:19px;height:19px;border:2px solid #e5ecf8;border-top-color:#5b86dd;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){.page{padding:40px}.dashboard-grid{grid-template-columns:1.55fr 1fr}.bar-chart{height:240px}.funnel-row{margin-bottom:19px}.stat-card{padding:23px}.stat-card>strong{font-size:30px}.nav-item{font-size:13px;padding:11px 12px}}@media(max-width:1200px){.sidebar{width:195px}.sidebar>.brand{padding-left:17px}.brand b{font-size:20px}.main-shell{margin-left:195px}.page{padding:25px}.topbar{padding:0 25px}.stat-grid{gap:12px}.stat-card{padding:15px}.stat-card>strong{font-size:24px}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:16px}.overview-copy>span:last-child{display:none}.task-row{gap:7px}.task-row>.badge{display:none}.today{font-size:10px}.heading-actions{gap:10px}.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:980px){.sidebar{width:185px}.main-shell{margin-left:185px}.page{padding:23px 20px}.topbar{padding:0 20px}.docs-link{display:none}.topbar-actions{gap:7px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.bar-chart{height:220px}.funnel-row{margin-bottom:17px}.funnel-summary{margin-bottom:5px}.page-heading{align-items:flex-start}.page-heading .today{display:none}.settings-grid{grid-template-columns:1fr}.auth-brand{padding:35px}.auth-story h1{font-size:34px}.auth-main{padding:40px}.table-toolbar{gap:8px;padding:16px}.search-input{width:220px}.overview-strip{padding:15px}.overview-copy b{font-size:10px}.overview-strip>button{font-size:10px}}@media(max-width:720px){.sidebar{width:225px;transform:translate(-100%);transition:transform .2s}.sidebar.expanded{transform:translate(0)}.sidebar-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#23355555;z-index:24}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:62px;padding:0 14px}.breadcrumb{gap:7px;font-size:10px}.breadcrumb>svg:first-of-type{display:none}.topbar-actions{gap:4px}.user-button>span:not(.user-avatar){display:none}.topbar-divider{display:none}.page{padding:23px 16px}.page-heading{gap:12px;margin-bottom:22px}h1{font-size:23px}.page-heading p{font-size:10px;line-height:1.8}.heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.heading-actions .button{font-size:11px;padding:8px 10px;min-height:33px}.heading-actions .button:not(.primary){padding:8px}.overview-strip{padding:13px 14px;gap:8px}.overview-copy{gap:7px}.overview-copy b{font-size:10px}.overview-strip>button{font-size:0;gap:0}.stat-grid{gap:11px}.stat-card{padding:14px}.stat-card>strong{font-size:24px}.stat-top{font-size:10px}.stat-card footer{font-size:8px}.stat-card footer svg{width:13px}.stat-icon{width:29px;height:29px}.stat-icon svg{width:17px}.panel-heading{padding:20px 18px 0}.chart-legend{margin:20px 18px 5px}.bar-chart{padding-left:18px}.chart-footer{font-size:8px;margin:7px 18px 0}.overview-strip .live-dot{width:5px;height:5px}.task-row{margin:0 17px}.activity-row{padding-left:18px;padding-right:18px}.overdue-panel{padding:14px;gap:9px}.overdue-panel b{font-size:10px}.overdue-panel div span{font-size:9px}.overdue-panel>.text-button{font-size:9px;max-width:100px}.page-footer{font-size:8px}.page-footer span{display:block;margin:8px 0 0}.table-toolbar{flex-wrap:wrap;gap:10px;padding:14px}.search-input{flex:1;min-width:140px}.filter-select{max-width:145px}.table-toolbar .toolbar-spacer{display:none}.table-toolbar>.text-button{margin-left:auto}.table-tabs{padding:0 16px}.table-tabs>div:first-child{gap:18px}.table-tabs>div:first-child>button{font-size:11px}.table-pagination{padding:12px 16px}.modal-backdrop{padding:12px}.modal{max-height:96vh;border-radius:10px}.modal-header{padding:18px}.modal-body{padding:20px 18px}.modal-footer{padding:14px 18px}.form-grid{gap:16px;grid-template-columns:1fr}.full{grid-column:auto}.modal-footer>.muted{font-size:9px}.line-item{flex-wrap:wrap}.line-item>.reference-input{flex-basis:100%}.line-item>label{flex:1}.detail-drawer{width:100%}.detail-hero{padding:22px 18px 18px;gap:11px}.detail-hero h2{font-size:18px}.detail-meta{gap:10px;font-size:9px}.detail-actions{padding:0 18px 18px}.detail-tabs{gap:20px;padding:0 18px}.detail-tabs button{font-size:11px}.detail-content{padding:25px 18px}.detail-fields{gap:24px 20px}.detail-fields .full{grid-column:1/-1}.followup-form{padding:15px}.followup-form>div{flex-wrap:wrap}.followup-form label{flex:1;white-space:nowrap}.followup-form input{max-width:140px}.followup-form .button{margin-left:auto}.related-row{flex-wrap:wrap}.related-row b{font-size:11px}.drawer-header{padding:14px 18px}.auth-layout{display:block}.auth-brand{padding:23px;background:#edf3ff}.auth-brand>.brand{justify-content:center}.auth-story,.auth-brand>footer{display:none}.auth-main{min-height:calc(100vh - 82px);padding:45px 25px 80px}.auth-card{width:360px}.auth-card h2{font-size:25px}.toast{max-width:calc(100vw - 25px);white-space:normal;min-width:200px;bottom:16px}.permission-guide{padding:15px;align-items:flex-start}.permission-guide p{font-size:10px}.permission-guide>svg{width:18px}.heading-count{font-size:10px;padding:3px 6px}.settings-grid{gap:18px}.setting-form{padding:22px}.settings-grid .panel-heading select{max-width:125px}}.approval-canvas{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:20px;margin:22px 0;border:1px solid #e4eaf4;border-radius:10px;background:#f8fafe}.approval-start,.approval-end{display:grid;place-items:center;min-width:92px;padding:14px;border-radius:24px;background:#e9f1ff;color:#5579bc;font-size:11px;font-weight:600}.approval-end{background:#e9f7f1;color:#55987f}.approval-connector{position:relative;min-width:54px;display:grid;place-items:center}.approval-connector:after{content:"";width:100%;height:1px;background:#b9c9e5}.approval-connector span{position:absolute;top:4px;font-size:8px;color:#9aa8bd;white-space:nowrap}.approval-node{min-width:210px;padding:14px 16px;border:1px solid #d9e3f3;border-radius:9px;background:#fff;box-shadow:0 3px 12px #35547f0d}.approval-node header{display:flex;justify-content:space-between;align-items:center;gap:12px}.approval-node header>div{display:flex;gap:4px}.approval-node b{font-size:12px;color:#526b94}.approval-node strong,.approval-node small{display:block;margin-top:10px}.approval-node strong{font-size:11px;font-weight:500;color:#6c7c94}.approval-node small{font-size:9px;line-height:1.6;color:#9aa6b7;white-space:normal}.approval-node .icon-button{width:25px;height:25px}.approval-node .icon-button:disabled{opacity:.35}.line-item-amount{min-width:82px;text-align:right;color:#4d73b9;font-size:11px}.analytics-controls{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.analytics-controls .field{min-width:160px;margin:0}.analytics-chart{padding:25px}.analytics-row{display:grid;grid-template-columns:140px 1fr 100px;gap:16px;align-items:center;margin-bottom:16px}.analytics-row>b{font-size:11px;overflow:hidden;text-overflow:ellipsis}.analytics-row>div{height:13px;background:#f0f3f8;border-radius:7px;overflow:hidden}.analytics-row i{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,#6d92df,#74b8a5);border-radius:7px}.analytics-row strong{text-align:right;color:#526f9f;font-size:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.topbar-actions>.icon-button[aria-label=查看待办任务]{display:none}.notification-menu,.notification-button{position:relative}.notification-button i{position:absolute;top:1px;right:0;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#d9515f;color:#fff;font-size:9px;font-style:normal;line-height:15px}.notification-panel{position:absolute;right:0;top:39px;width:330px;z-index:50;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #162d4a1a;padding:8px}.notification-panel header{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 10px;border-bottom:1px solid #eef1f6}.notification-panel header b{font-size:12px}.notification-item{display:flex;width:100%;padding:11px 8px;text-align:left;flex-direction:column;gap:4px;border-bottom:1px solid #f0f3f7}.notification-item:hover{background:#f7f9fd}.notification-item b{font-size:11px;font-weight:500}.notification-item span{font-size:10px;color:#8e9bad;line-height:1.5}.notification-item time{font-size:9px;color:#aab3c0}.notification-panel>p{padding:15px 8px 8px;margin:0;font-size:11px}.plan-comments{border-top:1px solid #edf1f6;margin-top:15px;padding-top:14px}.plan-comments>b{display:block;font-size:11px;color:#70809a;margin-bottom:10px}.plan-comments>.muted{font-size:10px;color:#a5afbd}.plan-comment{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;font-size:11px;padding:8px 0}.plan-comment strong{color:#637692}.plan-comment span{white-space:pre-wrap;overflow-wrap:anywhere}.plan-comment time{font-size:9px}.plan-comments form{display:flex;align-items:end;gap:9px;margin-top:10px}.plan-comments textarea{flex:1;font-size:11px}.plan-comments .text-button{font-size:10px}.attachment-upload{display:flex;align-items:center;gap:11px;padding:15px 17px;margin-bottom:18px;border:1px dashed #cfd9ea;border-radius:8px;background:#f8fafe;color:#7d91b1}.attachment-upload label{flex:1;min-width:0;cursor:pointer}.attachment-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.attachment-upload input{display:none}.attachment-upload .button{font-size:11px}.attachment-row{display:flex;align-items:center;gap:10px;padding:13px 3px;border-bottom:1px solid var(--border);color:#8090a7}.attachment-row>div{flex:1;min-width:0}.attachment-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#596d8d;font-size:12px;font-weight:500}.attachment-row small{display:block;margin-top:5px;color:#9ba7b8;font-size:10px}.attachment-row a{color:#6684bd}.sidebar-footer:after{content:"Cordys CRM · Copyright © 2026 FIT2CLOUD";display:block;width:100%;margin-top:6px;font-size:9px;color:#9aa6b9}