.contract-tree-table{background:#fff}.contract-tree-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0}.contract-tree-table .ant-table-tbody>tr:hover>td{background:#f5f5f5}.contract-flow-empty{text-align:center;padding:60px 20px;color:#999}.contract-tree-table .ant-table-row-level-0{background-color:#f0f7ff}.contract-tree-table .ant-table-row-level-0:hover{background-color:#e6f4ff!important}.contract-tree-table .ant-table-row-level-1{background-color:#f6ffed}.contract-tree-table .ant-table-row-level-1:hover{background-color:#f0f9e8!important}.contract-tree-table .ant-table-row-level-2{background-color:#fffbe6}.contract-tree-table .ant-table-row-level-2:hover{background-color:#fff7d9!important}.contract-tree-table .ant-table-row-level-3{background-color:#fff1f0}.contract-tree-table .ant-table-row-level-3:hover{background-color:#ffe7e5!important}.contract-tree-table .business-type-group-start{border-top:2px solid #1890ff}.contract-tree-table .business-type-group-start:hover{background-color:#f0f7ff!important}.contract-flow-node-wrapper{position:relative;margin-bottom:10px;display:flex;flex-direction:column;align-items:center}.contract-flow-node{position:relative;z-index:1;flex-shrink:0}.contract-node-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s;min-width:280px;max-width:350px}.contract-node-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.contract-node-card.contract-level-0{border-left:4px solid #1890ff;background:linear-gradient(to right,#e6f7ff,#fff 10%)}.contract-node-card.contract-level-1{border-left:4px solid #52c41a;background:linear-gradient(to right,#f6ffed,#fff 10%)}.contract-node-card.contract-level-2{border-left:4px solid #faad14;background:linear-gradient(to right,#fffbe6,#fff 10%)}.contract-node-card.contract-level-3{border-left:4px solid #ff7875;background:linear-gradient(to right,#fff1f0,#fff 10%)}.contract-node-content{padding:8px 0}.contract-node-header{display:flex;gap:8px;margin-bottom:12px;align-items:center}.contract-status-tag{margin:0}.contract-level-tag{margin:0;font-size:11px}.contract-node-body{display:flex;flex-direction:column;gap:8px}.contract-number{font-size:14px;color:#262626}.contract-number strong{color:#1890ff;font-weight:600}.contract-amount{font-size:18px;font-weight:600;color:#1890ff}.contract-companies{margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}.company-flow{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;color:#595959;flex-wrap:wrap}.company-from{font-weight:500}.flow-arrow{color:#1890ff;font-size:14px;transform:rotate(90deg)}.company-to{font-weight:500}.contract-flow-connector-left{position:relative;width:30px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;flex-shrink:0}.connector-line-left-horizontal{width:30px;height:2px;background:#d9d9d9;position:absolute;right:0;top:50%;transform:translateY(-50%)}.connector-line-left-vertical{width:2px;height:50%;background:#d9d9d9;position:absolute;right:0;top:50%}.contract-flow-connector-right{position:relative;width:30px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0}.connector-line-right-vertical{width:2px;height:50%;background:#d9d9d9;margin:50% auto 0}.contract-funnel-level{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:0}.funnel-level-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;justify-content:center}.funnel-level-name{font-size:14px;font-weight:600;color:#595959}.funnel-level-count{margin:0;font-size:12px}.funnel-level-container{position:relative;background:#fff;border:2px solid #e8e8e8;border-radius:8px;padding:16px;margin:0 auto;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.funnel-level-container:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.funnel-level-0{border-color:#1890ff;background:linear-gradient(135deg,#e6f7ff,#fff)}.funnel-level-1{border-color:#52c41a;background:linear-gradient(135deg,#f6ffed,#fff)}.funnel-level-2{border-color:#faad14;background:linear-gradient(135deg,#fffbe6,#fff)}.funnel-level-3{border-color:#ff7875;background:linear-gradient(135deg,#fff1f0,#fff)}.funnel-level-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;align-items:flex-start}.contract-card-wrapper{flex-shrink:0}.funnel-connector{position:relative;height:30px;width:100%;display:flex;justify-content:center;align-items:center;margin:8px 0}.funnel-arrow-down{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #d9d9d9;transition:border-top-color .3s}.funnel-level-0+.funnel-connector .funnel-arrow-down{border-top-color:#1890ff}.funnel-level-1+.funnel-connector .funnel-arrow-down{border-top-color:#52c41a}.funnel-level-2+.funnel-connector .funnel-arrow-down{border-top-color:#faad14}.contract-flow-children{position:relative;margin-top:20px;padding-left:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:20px;width:100%}.contract-flow-connector-left,.contract-flow-connector-right{display:none}@media (max-width: 768px){.contract-funnel-chart{padding:12px}.funnel-level-container{width:100%!important;padding:12px}.funnel-level-content{flex-direction:column;gap:12px}.contract-node-card{min-width:100%;max-width:100%}.funnel-level-name{font-size:13px}.funnel-arrow-down{border-left-width:10px;border-right-width:10px;border-top-width:16px}}.project-overview-container{max-width:100%;width:100%;margin:0;padding:24px 16px;background:#f5f7fa;min-height:100vh;position:relative;z-index:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.project-overview-container .ant-pro-card{border-radius:16px!important;box-shadow:0 1px 2px #0000000d!important;border:1px solid #f1f5f9!important;transition:all .3s ease!important;height:100%!important;display:flex!important;flex-direction:column!important}.project-overview-container .ant-pro-card .ant-pro-card-body{display:flex!important;flex-direction:column!important;flex:1!important;min-height:200px!important}.project-overview-container .ant-pro-card:hover{box-shadow:0 4px 12px #00000014!important;transform:translateY(-2px)}.project-overview-container .ant-pro-card .ant-statistic{flex:1!important;display:flex!important;flex-direction:column!important}.project-overview-container .ant-pro-card .ant-statistic-content{flex:0 0 auto!important}.project-overview-container .ant-pro-card>div[style*="marginTop: 16"]{margin-top:auto!important}@media (max-width: 640px){.project-overview-container .ant-pro-card{border-radius:12px!important}.project-overview-container .ant-pro-card .ant-pro-card-body{min-height:180px!important}}.project-page-header{background:#fff;padding:24px 28px;margin:-24px 0 32px;border:none;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #0000000d;border-radius:12px}.header-content{flex:1;display:flex;flex-direction:column;gap:8px}.page-title{margin:0!important;font-size:24px!important;font-weight:600!important;color:#262626!important;line-height:1.2!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.project-name-text{color:#8c8c8c!important;font-size:15px!important;font-weight:400!important;line-height:1.5!important;margin:0!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.error-card{margin-top:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:none;background:#fff}.project-info-card{border-radius:12px;box-shadow:0 4px 12px #0000000d;border:none;background:#fff;margin-bottom:24px}.project-info-card .ant-card-body{padding:24px}.project-info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.project-info-header .ant-typography{color:#262626!important;font-weight:600!important;font-size:18px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.project-info-icon{font-size:20px;color:#3b82f6}.project-info-card .ant-descriptions{background:#fff}.project-info-card .ant-descriptions-item-label{font-weight:500;background:#f8fafc!important;color:#475569;padding:12px 16px;border-right:1px solid #e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.project-info-card .ant-descriptions-item-content{background:#fff!important;padding:12px 16px;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.project-info-card .ant-descriptions-item{border:1px solid #e2e8f0;border-bottom:none}.project-info-card .ant-descriptions-item:last-child{border-bottom:1px solid #e2e8f0}.project-info-card .ant-descriptions-row:last-child .ant-descriptions-item{border-bottom:1px solid #e2e8f0}.financial-overview-card,.project-overview-container .ant-card{border-radius:16px!important;box-shadow:0 1px 2px #0000000d!important;border:1px solid #f1f5f9!important;background:#fff;margin-bottom:24px}@media (max-width: 640px){.financial-overview-card,.project-overview-container .ant-card{border-radius:12px!important}}.financial-overview-card .ant-card-body{padding:24px}.financial-overview-card .ant-divider{margin:20px 0!important;border-color:#e5e7eb}.stat-card{border-radius:12px;background:#fff;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;min-height:200px;width:100%;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.stat-card .ant-card-body{padding:24px;display:flex;flex-direction:column;height:100%;flex:1;gap:0}.stat-card .ant-statistic{flex:1;display:flex;flex-direction:column;min-width:0}.stat-card .ant-statistic-title{font-size:14px;margin-bottom:24px;font-weight:500;color:#262626;letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;align-items:center;gap:8px}.stat-card .ant-statistic-title span{display:flex;align-items:center;gap:8px}.stat-card .ant-statistic-content{font-weight:600;margin-bottom:32px}.stat-card .ant-statistic-content-value{font-size:32px;white-space:nowrap;display:inline-block;line-height:1.1;font-weight:700;letter-spacing:-1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.stat-card .ant-statistic-content-prefix{display:inline-block;white-space:nowrap;margin-right:4px;vertical-align:baseline;flex-shrink:0}.stat-card .ant-statistic-content-suffix{margin-left:4px;flex-shrink:0}.stat-card-blue-block .ant-statistic-content-value{color:#2563eb}.stat-card-purple-block .ant-statistic-content-value{color:#06b6d4}.stat-card-green-block .ant-statistic-content-value,.stat-card-income-block .ant-statistic-content-value{color:#10b981}.stat-card-red-block .ant-statistic-content-value{color:#ef4444}.stat-card-cashflow-block .ant-statistic-content-value{color:#f59e0b}.stat-card-details{margin-top:auto;padding-top:20px;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:transparent}.stat-card-details-item{display:flex;flex-direction:column;gap:4px}.stat-card-details-label{color:#8c8c8c;font-size:14px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.stat-card-details-value{font-weight:600;font-size:14px;color:#595959;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:-.2px}.stat-card-details-value[style*="color: #dc2626"],.stat-card-details-value[style*="color: #ef4444"]{color:#ef4444!important}.section-card,.project-info-card{border-radius:16px!important;box-shadow:0 1px 2px #0000000d!important;border:1px solid #f1f5f9!important;background:#fff;margin-bottom:24px}@media (max-width: 640px){.section-card,.project-info-card{border-radius:12px!important}}.section-card .ant-card-head{border-bottom:1px solid #e5e7eb;padding:20px 24px;background:#fff}.section-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.section-card .ant-card-body{padding:24px}.section-card .ant-table{border-radius:8px;overflow:hidden}.section-card .ant-table-thead>tr>th{background:#f8fafc;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.section-card .ant-table-tbody>tr:hover>td{background:#f8fafc}@media (min-width: 1600px){.stat-card .ant-statistic-content-value{font-size:32px}.stat-card .ant-card-body{padding:24px}}@media (min-width: 1200px) and (max-width: 1599px){.stat-card .ant-statistic-content-value{font-size:28px}}@media (min-width: 992px) and (max-width: 1199px){.stat-card .ant-statistic-content-value{font-size:26px}.stat-card .ant-card-body{padding:20px}}@media (min-width: 768px) and (max-width: 991px){.stat-card{min-height:180px}.stat-card .ant-statistic-content-value{font-size:24px}.stat-card .ant-card-body{padding:20px}.stat-card-details{grid-template-columns:1fr;gap:10px}.stat-card .ant-statistic-title{font-size:13px;margin-bottom:16px}}@media (max-width: 767px){.project-overview-container{padding:16px 12px}.project-page-header{margin:-16px 0 20px;padding:16px 20px;flex-wrap:wrap;border-radius:8px}.back-button{padding:6px 12px;font-size:13px;height:32px}.header-content h3{font-size:20px!important}.header-extra{width:100%;margin-top:12px;justify-content:space-between}.project-info-card,.section-card,.financial-overview-card{border-radius:12px!important;margin-bottom:16px}.project-info-card .ant-card-body,.financial-overview-card .ant-card-body{padding:20px}.stat-card{margin-bottom:16px;min-height:180px}.stat-card .ant-card-body{padding:20px}.stat-card .ant-statistic-content-value{font-size:24px}.stat-card-details{grid-template-columns:1fr;gap:10px;padding-top:16px}.stat-card .ant-statistic-title{font-size:13px;margin-bottom:16px}.section-card .ant-card-body{padding:16px}.project-info-card .ant-descriptions{font-size:13px}.financial-overview-card .ant-divider{margin:16px 0!important}}@media (max-width: 576px){.project-page-header{padding:12px 16px;margin:-16px 0 16px}.header-content h3{font-size:18px!important}.header-content .ant-typography{font-size:13px!important}.stat-card{min-height:160px}.stat-card .ant-statistic-content-value{font-size:22px}.stat-card .ant-card-body{padding:16px}.stat-card .ant-statistic-title{font-size:12px;margin-bottom:12px}.stat-card-details-label,.stat-card-details-value{font-size:12px}.project-info-header{flex-direction:column;align-items:flex-start;gap:8px}.financial-overview-card .ant-card-body{padding:16px}}@media (max-width: 375px){.stat-card .ant-statistic-content-value{font-size:20px}.stat-card .ant-card-body{padding:14px}.stat-card .ant-statistic-title{font-size:11px}}.contract-list-container{padding:0}.ant-pro-card-body{padding-top:16px!important}.ant-pro-table{margin-top:0!important}.contract-overview-container{padding:24px 16px;background:#f5f7fa;min-height:100vh;position:relative;z-index:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.contract-summary-card,.financial-data-card,.financial-records-card,.related-contracts-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0f172a14,0 1px 3px #0f172a0f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contract-summary-card:before,.financial-data-card:before,.financial-records-card:before,.related-contracts-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f64d,#8b5cf64d,#ec48994d);opacity:0;transition:opacity .3s ease}.contract-summary-card:hover:before,.financial-data-card:hover:before,.financial-records-card:hover:before,.related-contracts-card:hover:before{opacity:1}.contract-summary-card:hover,.financial-data-card:hover,.financial-records-card:hover,.related-contracts-card:hover{box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0f172a14;border-color:#cbd5e1;transform:translateY(-2px)}.contract-summary-card .ant-pro-card-head{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #e2e8f0;padding:20px 24px}.contract-summary-card .ant-pro-card-head-title{font-size:16px;font-weight:600;color:#0f172a;letter-spacing:-.3px}.financial-data-card .ant-pro-card-head{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #e2e8f0;padding:20px 24px}.financial-data-card .ant-pro-card-head-title{font-size:16px;font-weight:600;color:#0f172a;letter-spacing:-.3px}.financial-data-card .ant-pro-card-body{padding:24px}.financial-records-card .ant-pro-card-head{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #e2e8f0;padding:20px 24px}.financial-records-card .ant-pro-card-head-title{font-size:16px;font-weight:600;color:#0f172a;letter-spacing:-.3px}.financial-records-card .ant-pro-card-body{padding:24px}.related-contracts-card .ant-pro-card-head{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #e2e8f0;padding:20px 24px}.related-contracts-card .ant-pro-card-head-title{font-size:16px;font-weight:600;color:#0f172a;letter-spacing:-.3px}.related-contracts-card .ant-pro-card-body{padding:24px}.related-contracts-card .ant-table{border-radius:10px;overflow:hidden}.related-contracts-card .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;font-size:13px;color:#475569;padding:14px 16px}.related-contracts-card .ant-table-tbody>tr>td{padding:14px 16px;border-bottom:1px solid #f1f5f9}.related-contracts-card .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#f8fafc,#fff)}.related-contracts-card .ant-btn-link{padding:0;height:auto;font-weight:500;color:#1890ff;transition:all .2s ease}.related-contracts-card .ant-btn-link:hover{color:#40a9ff;text-decoration:underline}.project-page-header{background:#fff;padding:24px 28px;margin:-24px 0 32px;border:none;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 20px #0f172a14,0 1px 3px #0f172a0f;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-page-header:hover{box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0f172a14}.header-extra{display:flex;align-items:center;gap:12px}.status-tag{font-size:13px!important;padding:4px 12px!important;border-radius:6px!important;margin:0!important;height:auto!important;line-height:1.5!important}.contract-back-button{margin-bottom:24px;border-radius:8px;height:36px;font-weight:500}.back-button{display:flex;align-items:center;padding:8px 16px;height:36px;font-size:14px;border-radius:8px;transition:all .2s;border:1px solid #e5e7eb;background:#fff;color:#374151;box-shadow:0 1px 2px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.back-button:hover{background:#f9fafb;border-color:#d1d5db;color:#111827;box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.contract-info-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;border:none;overflow:hidden;margin-bottom:24px}.contract-info-card .ant-card-head{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;padding:20px 24px}.contract-info-card .ant-card-head-title{color:#fff;font-size:18px;font-weight:600}.contract-info-card .ant-card-head-title .anticon{color:#fff;margin-right:8px}.contract-info-card .ant-card-body{padding:24px;background:#fff}.contract-summary-card .ant-descriptions{background:#fff}.contract-summary-card .ant-descriptions-item-label{background:#f8fafc!important;color:#475569;font-weight:600;padding:14px 18px;border-right:1px solid #e2e8f0;font-size:14px;letter-spacing:.1px}.contract-summary-card .ant-descriptions-item-content{background:#fff!important;padding:14px 18px;color:#1e293b;font-size:14px;font-weight:500}.contract-summary-card .ant-descriptions-item{border:1px solid #e2e8f0;border-bottom:none;transition:all .2s ease}.contract-summary-card .ant-descriptions-item:hover{background:#f8fafc}.contract-summary-card .ant-descriptions-item:last-child{border-bottom:1px solid #e2e8f0}.contract-summary-card .ant-descriptions-row:last-child .ant-descriptions-item{border-bottom:1px solid #e2e8f0}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}@media (min-width: 1920px){.metrics-grid{gap:28px}}@media (max-width: 1400px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:20px}}.metric-card{background:#fff;padding:32px;border-radius:24px;border:none;box-shadow:0 2px 8px #0f172a0a,0 1px 3px #0f172a0f;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;min-height:220px}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3b82f605,#8b5cf603,#ec489905);opacity:0;transition:opacity .35s ease;pointer-events:none}.metric-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #0f172a14,0 8px 16px #0f172a0f}.metric-card:hover:before{opacity:1}.metric-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .35s ease}.metric-card:hover:after{opacity:1}.metric-card-blue:after{background:linear-gradient(180deg,#3b82f6,#2563eb);opacity:.6}.metric-card-cyan:after{background:linear-gradient(180deg,#06b6d4,#0891b2);opacity:.6}.metric-card-purple:after{background:linear-gradient(180deg,#8b5cf6,#7c3aed);opacity:.6}.metric-card-green:after{background:linear-gradient(180deg,#10b981,#059669);opacity:.6}.metric-card-orange:after{background:linear-gradient(180deg,#f59e0b,#d97706);opacity:.6}.metric-card-yellow:after{background:linear-gradient(180deg,#eab308,#ca8a04);opacity:.6}.metric-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;justify-content:space-between}.metric-help-icon{font-size:16px;color:#cbd5e1;cursor:pointer;transition:all .3s ease;margin-left:auto;margin-top:2px;opacity:.6}.metric-help-icon:hover{color:#64748b;opacity:1;transform:scale(1.1)}.metric-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;background:#f1f5f9;color:#475569;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf614);opacity:0;transition:opacity .4s ease}.metric-card:hover .metric-icon{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #3b82f626}.metric-card:hover .metric-icon:before{opacity:1}.metric-icon-blue{background:#f1f5f9;color:#3b82f6}.metric-card:hover .metric-icon-blue{background:linear-gradient(135deg,#3b82f61a,#2563eb14);color:#2563eb}.metric-icon-cyan{background:#f1f5f9;color:#06b6d4}.metric-card:hover .metric-icon-cyan{background:linear-gradient(135deg,#06b6d41a,#0891b214);color:#0891b2}.metric-icon-purple{background:#f1f5f9;color:#8b5cf6}.metric-card:hover .metric-icon-purple{background:linear-gradient(135deg,#8b5cf61a,#7c3aed14);color:#7c3aed}.metric-icon-green{background:#f1f5f9;color:#10b981}.metric-card:hover .metric-icon-green{background:linear-gradient(135deg,#10b9811a,#05966914);color:#059669}.metric-icon-orange{background:#f1f5f9;color:#f59e0b}.metric-card:hover .metric-icon-orange{background:linear-gradient(135deg,#f59e0b1a,#d9770614);color:#d97706}.metric-icon-yellow{background:#f1f5f9;color:#eab308}.metric-card:hover .metric-icon-yellow{background:linear-gradient(135deg,#eab3081a,#ca8a0414);color:#ca8a04}.metric-label{font-size:14px;font-weight:500;color:#64748b;letter-spacing:0;margin-top:4px;line-height:1.4}.metric-value{font-size:36px;font-weight:700;color:#0f172a;margin:0 0 28px;letter-spacing:-1.2px;word-break:break-all;line-height:1.1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.metric-value-green{color:#059669}.metric-value-purple{color:#7c3aed}.metric-tax-info{margin-top:auto;padding-top:20px;border-top:1px solid #e2e8f0;display:grid;grid-template-columns:1fr 1fr;gap:16px;background:transparent}.tax-item{display:flex;flex-direction:column;gap:6px;padding:12px;background:#f8fafc;border-radius:12px;transition:all .3s ease}.metric-card:hover .tax-item{background:#f1f5f9;transform:translateY(-2px)}.tax-label{font-size:11px;color:#94a3b8;font-weight:500;letter-spacing:.3px;text-transform:none}.tax-value{font-size:15px;color:#0f172a;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:-.3px}.financial-overview-card{border-radius:6px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:all .2s ease;overflow:hidden;height:100%}.financial-overview-card:hover{box-shadow:0 2px 6px #00000026}.financial-card-income{background:#fff;border-left:3px solid #52c41a}.financial-card-completion{background:#fff;border-left:3px solid #1890ff}.financial-card-expense{background:#fff;border-left:3px solid #ff4d4f}.financial-card-cashflow{background:#fff;border-left:3px solid #52c41a}.financial-overview-card .ant-card-body{padding:20px}.financial-overview-card .ant-statistic-title{font-size:13px;color:#6b7280;font-weight:500;margin-bottom:12px;display:flex;align-items:center;gap:6px}.financial-overview-card .ant-statistic-content{margin-bottom:12px}.financial-overview-card .ant-statistic-content-value{font-size:24px;font-weight:600}.financial-overview-card .financial-sub-info{margin-top:12px;padding:8px 12px;background:#f9fafb;border-radius:4px;font-size:13px;color:#6b7280;line-height:1.6}.financial-overview-card .ant-progress{margin-top:12px}.financial-overview-card .ant-progress-bg{border-radius:4px}.financial-metrics-group .ant-statistic-card,.contract-overview-container .ant-statistic-card{border-radius:16px!important;box-shadow:0 4px 20px #0f172a14,0 1px 3px #0f172a0f!important;border:1px solid #e2e8f0!important;background:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important;position:relative!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.financial-metrics-group .ant-statistic-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f61a,#8b5cf61a,#ec48991a);opacity:0;transition:opacity .3s ease}.financial-metrics-group .ant-statistic-card:hover:after{opacity:1}.financial-metrics-group .ant-statistic-card:before,.contract-overview-container .ant-statistic-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3b82f6,#2563eb);opacity:.8;transition:all .3s ease;z-index:1}.metric-card-total-amount:before{background:linear-gradient(180deg,#3b82f6,#2563eb)!important}.metric-card-purchase:before{background:linear-gradient(180deg,#06b6d4,#0891b2)!important}.metric-card-profit:before{background:linear-gradient(180deg,#10b981,#059669)!important}.metric-card-loss:before{background:linear-gradient(180deg,#ef4444,#dc2626)!important}.financial-metrics-group .ant-statistic-card:hover,.contract-overview-container .ant-statistic-card:hover{box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0f172a14!important;transform:translateY(-2px);border-color:#cbd5e1!important}.financial-metrics-group .ant-statistic-card:hover:before,.contract-overview-container .ant-statistic-card:hover:before{opacity:1;width:5px}.financial-metrics-group .ant-statistic-card .ant-statistic-card-body,.contract-overview-container .ant-statistic-card .ant-statistic-card-body{padding:32px 28px!important;position:relative;z-index:1}.financial-metrics-group .ant-statistic-card .ant-statistic-title,.contract-overview-container .ant-statistic-card .ant-statistic-title{font-size:15px!important;font-weight:600!important;color:#475569!important;margin-bottom:24px!important;letter-spacing:.3px!important;text-align:left!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;display:flex!important;align-items:center!important;gap:8px!important}.financial-metrics-group .ant-statistic-card .ant-statistic-title .anticon,.contract-overview-container .ant-statistic-card .ant-statistic-title .anticon{font-size:18px!important;opacity:.8}.financial-metrics-group .ant-statistic-card .ant-statistic-content,.contract-overview-container .ant-statistic-card .ant-statistic-content{margin-bottom:0!important;text-align:left!important}.financial-metrics-group .ant-statistic-card .ant-statistic-content-value,.contract-overview-container .ant-statistic-card .ant-statistic-content-value{font-size:40px!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-1px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;display:inline-block!important}.financial-metrics-group .ant-statistic-card .ant-statistic-content-prefix,.contract-overview-container .ant-statistic-card .ant-statistic-content-prefix{font-size:32px!important;margin-right:8px!important;vertical-align:baseline!important;font-weight:600!important}.financial-metrics-group .ant-statistic-card .ant-divider,.contract-overview-container .ant-statistic-card .ant-divider{margin:24px 0!important;border-color:#e5e7eb!important;border-width:1px!important}.financial-metrics-group .ant-statistic-card .ant-statistic-card-footer,.contract-overview-container .ant-statistic-card .ant-statistic-card-footer{margin-top:0!important;padding-top:0!important;padding-bottom:0!important}.financial-metrics-group .ant-statistic-card .ant-statistic-card-footer .ant-statistic,.contract-overview-container .ant-statistic-card .ant-statistic-card-footer .ant-statistic{text-align:center!important}.financial-metrics-group .ant-statistic-card .ant-statistic-card-footer .ant-statistic-title,.contract-overview-container .ant-statistic-card .ant-statistic-card-footer .ant-statistic-title{font-size:13px!important;color:#64748b!important;font-weight:500!important;margin-bottom:8px!important;text-align:center!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.financial-metrics-group .ant-statistic-card .ant-statistic-card-footer .ant-statistic-content-value,.contract-overview-container .ant-statistic-card .ant-statistic-card-footer .ant-statistic-content-value{font-size:17px!important;font-weight:600!important;color:#1e293b!important;letter-spacing:-.3px!important;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace!important;line-height:1.4!important}.financial-metrics-group .ant-statistic-card .ant-space,.contract-overview-container .ant-statistic-card .ant-space{width:100%!important;display:flex!important;justify-content:space-around!important}.financial-metrics-group .ant-statistic-card .ant-space-item,.contract-overview-container .ant-statistic-card .ant-space-item{flex:1!important;text-align:center!important}.financial-metrics-group .ant-statistic-card .ant-divider-vertical,.contract-overview-container .ant-statistic-card .ant-divider-vertical{height:48px!important;margin:0 20px!important;border-color:#e5e7eb!important;border-width:1px!important}.financial-records-card{border-radius:16px;box-shadow:0 4px 20px #0f172a14,0 1px 3px #0f172a0f;border:1px solid #e2e8f0;margin-top:32px;overflow:hidden;background:#fff}.financial-records-card .ant-card-head{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #e2e8f0;padding:20px 28px}.financial-records-card .ant-card-head-title{font-size:18px;font-weight:700;color:#0f172a;letter-spacing:-.3px}.financial-records-card .ant-card-body{padding:28px;background:#fff}.contract-overview-container .ant-table{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}.contract-overview-container .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#475569;font-weight:600;font-size:13px;border-bottom:2px solid #e2e8f0;padding:16px;letter-spacing:.2px;position:relative}.contract-overview-container .ant-table-thead>tr>th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#cbd5e1 50%,transparent 100%)}.contract-overview-container .ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f1f5f9;transition:all .2s ease;background:#fff}.contract-overview-container .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#f8fafc,#fff);box-shadow:inset 0 0 0 1px #e2e8f0}.contract-overview-container .ant-table-tbody>tr{transition:all .2s ease}.contract-overview-container .ant-table-tbody>tr:hover{transform:translate(2px)}.contract-overview-container .ant-table-tbody>tr:last-child>td{border-bottom:none}.contract-overview-container .ant-table-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:2px solid #e2e8f0}.contract-overview-container .ant-table-summary tr>td{background:transparent!important;font-weight:600;padding:16px;border-bottom:none}.contract-overview-container .ant-table-summary tr>td:first-child{font-size:14px;color:#475569}.contract-overview-container .ant-empty{padding:60px 20px}.contract-overview-container .ant-empty-description{color:#94a3b8;font-size:14px;font-weight:500}.contract-overview-container .ant-tabs-tab .ant-badge{margin-left:8px}.contract-overview-container .ant-tabs-tab .ant-badge-count{box-shadow:0 2px 4px #0000001a;font-weight:600;min-width:20px;height:20px;line-height:20px;padding:0 6px}.financial-records-empty{padding:60px 20px;text-align:center;color:#94a3b8}.financial-records-empty .ant-empty-description{color:#94a3b8;font-size:14px}.contract-overview-container .ant-table-thead>tr>th .anticon{opacity:.6;transition:opacity .2s ease;color:#64748b}.contract-overview-container .ant-table-thead>tr>th:hover .anticon{opacity:1;color:#475569}.contract-overview-container .ant-tabs{margin-top:8px}.contract-overview-container .ant-tabs-tab{padding:12px 20px;font-weight:500;transition:all .2s ease}.contract-overview-container .ant-tabs-tab:hover{color:#1890ff}.contract-overview-container .ant-tabs-tab-active{font-weight:600}.contract-overview-container .ant-tabs-ink-bar{height:3px;border-radius:2px}.contract-overview-container .ant-select,.contract-overview-container .ant-picker{border-radius:8px;transition:all .2s ease;border:1px solid #e2e8f0}.contract-overview-container .ant-select:hover,.contract-overview-container .ant-picker:hover{border-color:#40a9ff;box-shadow:0 0 0 2px #40a9ff14}.contract-overview-container .ant-select-focused,.contract-overview-container .ant-picker-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.financial-records-card .ant-pro-card-body>div:first-child{background:transparent}.financial-records-card .ant-tabs-content-holder{padding-top:8px}.financial-records-card .ant-tabs-tab{font-weight:500;padding:12px 24px;transition:all .2s ease}.financial-records-card .ant-tabs-tab:hover{color:#1890ff}.financial-records-card .ant-tabs-tab-active{font-weight:600}.financial-records-card .ant-tabs-ink-bar{height:3px;border-radius:2px 2px 0 0}@media (max-width: 1200px){.financial-overview-card .ant-statistic-content-value{font-size:24px}}@media (max-width: 767px){.contract-overview-container{padding:16px 12px}.contract-page-header{margin:-16px 0 20px;padding:16px 20px;flex-wrap:wrap;border-radius:8px}.contract-page-header .header-content h2{font-size:20px!important}.contract-page-header .header-extra{width:100%;margin-top:12px;justify-content:space-between}.back-button{padding:6px 12px;font-size:13px;height:32px}.contract-info-card .ant-card-body,.financial-overview-card .ant-card-body{padding:16px}.financial-overview-card .ant-statistic-content-value{font-size:20px}.financial-records-card .ant-card-body{padding:16px}.financial-records-card .ant-table{font-size:12px}}@media (max-width: 640px){.project-page-header{padding:12px 16px;margin:-16px 0 16px}.header-content h2,.header-content h3{font-size:18px!important}.header-content .ant-typography{font-size:13px!important}}.contract-overview-container .ant-tag{border-radius:6px;padding:4px 12px;font-size:13px;font-weight:500;border:none;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.contract-overview-container .ant-tag:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.contract-overview-container .ant-btn{border-radius:8px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.contract-overview-container .ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.contract-overview-container .ant-btn-primary{background:#1890ff;border:none}.contract-overview-container .ant-btn-primary:hover{background:#40a9ff;box-shadow:0 4px 12px #1890ff4d}.contract-overview-container .info-card{border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;height:100%}.contract-overview-container .info-card:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.contract-overview-container .info-card .ant-card-body{padding:16px}.contract-overview-container .financial-card{border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;height:100%}.contract-overview-container .financial-card:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.contract-overview-container .financial-card .ant-card-body{padding:20px}.contract-summary-section{background:#fff;padding:24px;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.contract-overview-container .ant-btn-default{border:1px solid #e2e8f0;background:#fff}.contract-overview-container .ant-btn-default:hover{border-color:#cbd5e1;background:#f8fafc}.dashboard-container{max-width:100%;width:100%;margin:0;padding:0 22px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:16px}@media (min-width: 1920px){.dashboard-header{margin-bottom:32px}}.dashboard-title{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 4px;letter-spacing:-.5px}.dashboard-subtitle{color:#64748b;font-size:14px;margin:0}.dashboard-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-select{padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#475569;cursor:pointer;transition:all .2s}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.current-date{font-size:14px;color:#94a3b8;font-weight:500;margin-left:8px;white-space:nowrap}.dashboard-container .ant-pro-card{border-radius:16px!important;box-shadow:0 1px 2px #0000000d!important;border:1px solid #f1f5f9!important;transition:all .3s ease!important}.dashboard-container .ant-pro-card:hover{box-shadow:0 4px 12px #00000014!important;transform:translateY(-2px)}@media (max-width: 640px){.dashboard-container .ant-pro-card{border-radius:12px!important}}.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:32px}@media (min-width: 1920px){.metrics-grid{gap:24px}}@media (max-width: 1800px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 640px){.metrics-grid{grid-template-columns:1fr;gap:16px}}.metric-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden;transition:all .3s;cursor:pointer;display:flex;flex-direction:column}@media (max-width: 640px){.metric-card{padding:20px}}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.metric-card-blue:before{background:#2563eb}.metric-card-green:before{background:#16a34a}.metric-card-orange:before{background:#ea580c}.metric-card-purple:before{background:#8b5cf6}.metric-card-cyan:before{background:#06b6d4}.metric-card-yellow:before{background:#f59e0b}.metric-card-bg{display:none}.metric-card-content{position:relative;z-index:10}.metric-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;justify-content:space-between}.metric-help-icon{font-size:14px;color:#94a3b8;cursor:pointer;transition:color .2s;margin-left:auto}.metric-help-icon:hover{color:#3b82f6}.metric-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.metric-icon-blue{background:#eff6ff;color:#2563eb}.metric-icon-green{background:#f0fdf4;color:#16a34a}.metric-icon-orange{background:#fff7ed;color:#ea580c}.metric-icon-purple{background:#faf5ff;color:#8b5cf6}.metric-icon-cyan{background:#ecfeff;color:#06b6d4}.metric-icon-yellow{background:#fef3c7;color:#f59e0b}.metric-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:8px;letter-spacing:-.5px;word-break:break-all}.metric-value-green{color:#16a34a}@media (max-width: 640px){.metric-value{font-size:24px}}.metric-value-green{color:#10b981}.metric-value-purple{color:#8b5cf6}.metric-tax-info{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px}.metric-description{font-size:12px;font-weight:500;color:#94a3b8}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}@media (min-width: 1920px){.dashboard-grid{gap:32px}}@media (max-width: 1400px){.dashboard-grid{gap:20px}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr;gap:24px}}@media (max-width: 640px){.dashboard-grid{gap:16px}}.section-card{background:#fff;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 1px 2px #0000000d;padding:24px}@media (min-width: 1920px){.section-card{padding:32px}}@media (max-width: 768px){.section-card{padding:24px}}@media (max-width: 640px){.section-card{padding:16px;border-radius:12px}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}@media (max-width: 640px){.section-header{margin-bottom:16px}}.section-title{font-size:18px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px}.section-title-indicator{width:4px;height:24px;background:#f59e0b;border-radius:2px}.todo-badge{background:#fef2f2;color:#dc2626;font-size:12px;font-weight:700;padding:4px 10px;border-radius:9999px;border:1px solid #fee2e2}.todo-table{margin-top:16px}.todo-table .ant-table-thead>tr>th{background:#f8fafc;border-bottom:1px solid #f1f5f9;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px}.todo-table .ant-table-tbody>tr>td{border-bottom:1px solid #f1f5f9;padding:16px}@media (max-width: 768px){.todo-table .ant-table-thead>tr>th,.todo-table .ant-table-tbody>tr>td{padding:12px;font-size:12px}}@media (max-width: 640px){.todo-table .ant-table-thead>tr>th{display:none}.todo-table .ant-table-tbody>tr>td{display:block;padding:12px;border-bottom:1px solid #f1f5f9}.todo-table .ant-table-tbody>tr>td:last-child{border-bottom:2px solid #e2e8f0}}.todo-table .ant-table-tbody>tr:hover>td{background:#f8fafc}.todo-item-content{display:flex;align-items:center;gap:12px}.todo-icon{font-size:20px;display:flex;align-items:center}.todo-info{flex:1}.todo-title{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:4px}.todo-description{font-size:12px;color:#64748b}.empty-state{text-align:center;padding:64px 32px;display:flex;flex-direction:column;align-items:center}.empty-icon{width:64px;height:64px;border-radius:50%;background:#f0fdf4;display:flex;align-items:center;justify-content:center;font-size:32px;color:#10b981;margin-bottom:16px}.empty-text{font-size:14px;font-weight:500;color:#64748b;margin:0 0 4px}.empty-subtext{font-size:12px;color:#94a3b8;margin:0}.quick-functions-section{height:fit-content;display:flex;flex-direction:column}.todo-section{display:flex;flex-direction:column;height:100%}.section-card{display:flex;flex-direction:column;flex:1;min-height:500px}@media (min-width: 1024px){.section-card,.quick-functions-card{min-height:600px}}.quick-functions-section{height:100%;display:flex;flex-direction:column}.quick-functions-card{display:flex;flex-direction:column;flex:1;min-height:500px}.quick-functions-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (min-width: 1920px){.quick-functions-card{padding:32px}}@media (max-width: 768px){.quick-functions-card{padding:24px}}@media (max-width: 640px){.quick-functions-card{padding:20px;border-radius:12px}}.quick-functions-bg{position:absolute;top:0;right:0;padding:16px;opacity:.1;font-size:144px}.quick-functions-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:24px;position:relative;z-index:10}.quick-functions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;position:relative;z-index:10}@media (max-width: 640px){.quick-functions-grid{gap:12px}}.quick-function-btn{display:flex;flex-direction:column;align-items:flex-start;padding:16px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quick-function-btn:hover{background:#fff3;transform:translateY(-2px)}.quick-function-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px;transition:all .2s}.quick-function-icon-blue{background:#3b82f633;color:#93c5fd}.quick-function-btn:hover .quick-function-icon-blue{background:#3b82f6;color:#fff}.quick-function-icon-orange{background:#f59e0b33;color:#fbbf24}.quick-function-btn:hover .quick-function-icon-orange{background:#f59e0b;color:#fff}.quick-function-icon-purple{background:#8b5cf633;color:#c4b5fd}.quick-function-btn:hover .quick-function-icon-purple{background:#8b5cf6;color:#fff}.quick-function-icon-green{background:#10b98133;color:#6ee7b7}.quick-function-btn:hover .quick-function-icon-green{background:#10b981;color:#fff}.quick-function-label{font-size:12px;font-weight:500;color:#ffffffb3;transition:color .2s}.quick-function-btn:hover .quick-function-label{color:#fff}@media (max-width: 1200px){.dashboard-container{max-width:100%;padding:0 22px}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-title{font-size:24px}.dashboard-filters{width:100%;flex-direction:column;align-items:stretch}.filter-select{width:100%}.current-date{margin-left:0;margin-top:8px}.metric-header{gap:12px}.metric-icon{width:40px;height:40px;font-size:18px}}@media (max-width: 640px){.dashboard-title{font-size:20px}.dashboard-subtitle{font-size:12px}.metric-card{min-height:auto}.metric-header{margin-bottom:12px}.metric-icon{width:36px;height:36px;font-size:16px}.section-title{font-size:16px}.quick-functions-title{font-size:16px;margin-bottom:16px}.quick-function-btn{padding:12px}.quick-function-icon{width:36px;height:36px;font-size:18px;margin-bottom:8px}}.data-board-container{padding:24px;min-height:100vh}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media (max-width: 768px){.summary-cards{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 640px){.summary-cards{grid-template-columns:1fr;gap:16px}}.summary-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden;transition:all .3s;cursor:pointer;display:flex;flex-direction:column}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.summary-card-blue:before{background:#2563eb}.summary-card-pink:before{background:#ec4899}.summary-card-cyan:before{background:#06b6d4}.summary-card-yellow:before{background:#f59e0b}.summary-card-bg{display:none}.summary-card-content{position:relative;z-index:10;display:flex;flex-direction:column}.summary-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.summary-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.summary-card-icon-blue{background:#eff6ff;color:#2563eb}.summary-card-icon-pink{background:#fdf2f8;color:#ec4899}.summary-card-icon-cyan{background:#ecfeff;color:#06b6d4}.summary-card-icon-yellow{background:#fef3c7;color:#f59e0b}.summary-card-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.summary-card-value{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:8px;letter-spacing:-.5px;word-break:break-all}.summary-card-tax-info{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px}.tax-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.tax-label{font-size:12px;color:#64748b;font-weight:500}.tax-value{font-size:13px;color:#1e293b;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.summary-card-desc{font-size:12px;font-weight:500;color:#94a3b8;line-height:1.5;margin-top:8px}@media (max-width: 1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr}}.settings-container{padding:0;background:#fff;min-height:100%}.settings-tabs{background:#fff;padding:0}.settings-tabs .ant-tabs-nav{margin:0;padding:0 16px;background:#fff}.settings-tabs .ant-tabs-tab{padding:12px 20px;font-size:14px}.settings-tabs .ant-tabs-content-holder{padding:16px}.dict-management-container{padding:0}.dict-card{border-radius:4px;box-shadow:0 1px 2px #00000008;border:1px solid #e8e8e8;overflow:hidden}.dict-card .ant-card-head{background:#fff;border-bottom:1px solid #e8e8e8;padding:12px 16px;min-height:48px}.dict-card .ant-card-head-title{font-size:15px;font-weight:600;color:#262626;padding:0}.dict-card .ant-card-body{padding:12px}.dict-table-row-selected{background-color:#e6f7ff!important;border-left:3px solid #1890ff}.dict-table-row{transition:all .2s;cursor:pointer}.dict-table-row:hover{background-color:#f5f5f5}.status-tag{padding:2px 8px;border-radius:4px;font-size:12px}.status-enabled{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-disabled{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.action-buttons .ant-btn-link{padding:0 8px;height:auto;font-size:13px}.settings-tabs .ant-pro-table{background:transparent}.settings-tabs .ant-pro-table-list-toolbar{padding:0;margin-bottom:12px}.settings-tabs .ant-pro-table-list-toolbar-title{font-size:15px;font-weight:600}.settings-tabs .ant-table{font-size:13px}.settings-tabs .ant-table-thead>tr>th{background:#fafafa;font-weight:500;padding:10px 12px}.settings-tabs .ant-table-tbody>tr>td{padding:10px 12px}.empty-state{padding:60px 20px;text-align:center;color:#8c8c8c}.empty-state-icon{font-size:48px;color:#d9d9d9;margin-bottom:16px}.empty-state-text{font-size:14px;color:#8c8c8c}.role-management-container{padding:0}.role-management-container .dict-card{box-shadow:none;border:none}.permission-management-container{padding:0}.permission-management-container .dict-card{box-shadow:none;border:none}.permission-tree-container{background:#fafafa;padding:12px;border-radius:4px;margin-bottom:16px;border:1px solid #e8e8e8}.user-role-container{padding:0}.user-role-container .dict-card{box-shadow:none;border:none}@media (max-width: 1200px){.dict-management-container .ant-col{margin-bottom:16px}}.login-container{min-height:100vh;background:linear-gradient(135deg,#f0f4ff,#e8f0fe,#f5f7fa);display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:linear-gradient(135deg,#1890ff14,#722ed10d);border-radius:50%;filter:blur(60px)}.login-container:after{content:"";position:absolute;bottom:-20%;left:-10%;width:400px;height:400px;background:linear-gradient(135deg,#52c41a0f,#1890ff0a);border-radius:50%;filter:blur(50px)}.login-layout{display:flex;width:100%;max-width:1200px;min-height:100vh;position:relative;z-index:1}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 80px;color:#1e293b}.login-brand{margin-bottom:80px}.login-logo{width:64px;height:64px;background:linear-gradient(135deg,#1890ff,#722ed1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 12px #1890ff33}.login-logo .anticon{font-size:32px;color:#fff}.login-main-title{color:#1e293b!important;font-size:48px!important;font-weight:700!important;margin-bottom:16px!important;line-height:1.2!important;letter-spacing:-.5px}.login-main-subtitle{color:#64748b;font-size:18px;font-weight:400}.login-features{display:flex;flex-direction:column;gap:40px}.feature-item{display:flex;gap:20px;align-items:flex-start}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#1890ff1a,#722ed11a);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(24,144,255,.1)}.feature-icon .anticon{font-size:24px;color:#1890ff}.feature-content{flex:1}.feature-title{color:#1e293b!important;font-size:20px!important;font-weight:600!important;margin-bottom:8px!important}.feature-desc{color:#64748b!important;font-size:15px!important;line-height:1.6!important;margin:0!important}.login-right{flex:0 0 480px;display:flex;align-items:center;justify-content:center;padding:40px;background:transparent}.login-card{width:100%;max-width:400px;border-radius:16px!important;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a!important;border:1px solid rgba(255,255,255,.5)!important;padding:40px!important;background:#fffffff2!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:40px}.login-title{font-size:28px!important;font-weight:600!important;color:#262626!important;margin-bottom:8px!important}.login-subtitle{color:#8c8c8c;font-size:14px}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.login-forgot{color:#1890ff;text-decoration:none;font-size:14px;transition:color .3s}.login-forgot:hover{color:#40a9ff}.login-button{height:48px;font-size:16px;font-weight:500;border-radius:8px;margin-top:8px}@media (max-width: 1024px){.login-layout{flex-direction:column}.login-left{padding:40px 40px 20px;text-align:center}.login-brand{margin-bottom:40px}.login-main-title{font-size:36px!important}.login-features{gap:30px}.login-right{flex:1;padding:20px}}@media (max-width: 768px){.login-left{padding:30px 20px 20px}.login-main-title{font-size:28px!important}.login-main-subtitle{font-size:14px}.feature-item{flex-direction:column;align-items:center;text-align:center;gap:16px}.login-card{padding:30px 24px!important}.login-title{font-size:24px!important}}@media (max-width: 480px){.login-container{padding:0}.login-left{padding:20px 16px}.login-logo{width:48px;height:48px;margin-bottom:16px}.login-logo .anticon{font-size:24px}.login-main-title{font-size:24px!important}.login-features{gap:24px}.feature-icon{width:40px;height:40px}.feature-icon .anticon{font-size:20px}.feature-title{font-size:18px!important}.feature-desc{font-size:14px!important}.login-right{padding:16px}.login-card{padding:24px 20px!important}}.app-layout{min-height:100vh;background-color:#f8fafc}.sidebar{background:#1e293b!important;position:fixed;left:0;top:0;bottom:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:100;transition:all .3s ease}.sidebar.ant-layout-sider-collapsed{width:0!important;min-width:0!important;max-width:0!important}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}}.sidebar-header{height:64px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.1)}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{width:32px;height:32px;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 6px -1px #3b82f64d}.logo-text{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.5px}.import-modal{padding:4px 4px 0}.import-modal-header{margin-bottom:12px}.import-modal-title{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px}.import-modal-subtitle{font-size:12px;color:#64748b}.import-modal-steps{background:#f8fafc;border-radius:8px;padding:10px 12px;margin-bottom:12px;border:1px dashed #e2e8f0}.import-modal-steps ol{padding-left:18px;margin:0}.import-modal-steps li{font-size:12px;color:#475569;margin-bottom:4px}.import-upload-card{border-radius:8px;border:1px solid #e2e8f0;background:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.import-upload-info{font-size:12px;color:#64748b}.import-upload-info strong{color:#0f172a}.sidebar-nav{flex:1;padding:24px 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{padding:0 12px;margin-bottom:8px;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:8px;color:#ffffffb3;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#3b82f633;color:#3b82f6}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.7;transition:opacity .2s;font-size:18px;flex-shrink:0}.nav-icon svg{width:18px;height:18px}.nav-item.active .nav-icon{opacity:1}.nav-label{flex:1}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.user-profile{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .2s}.user-profile:hover{background-color:#ffffff1a}.user-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:2px solid rgba(255,255,255,.2)}.user-info{flex:1;min-width:0}.user-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-company{font-size:12px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#ffffff80;cursor:pointer;transition:color .2s,background-color .2s;border-radius:6px}.logout-icon:hover{color:#fff;background-color:#ffffff1a}.main-layout{margin-left:200px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease}.app-layout .ant-layout-sider-collapsed~.main-layout{margin-left:0}@media (max-width: 768px){.main-layout{margin-left:0}}.main-header{background:#fff;border-bottom:1px solid #e2e8f0;height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:50}.header-title{font-size:20px;font-weight:600;color:#1e293b;margin:0}.header-actions{display:flex;align-items:center;gap:8px}.header-actions .ant-btn{height:32px;padding:4px 12px;border-radius:6px;transition:all .2s}.header-actions .ant-btn:hover{background-color:#f1f5f9;color:#1e293b}.search-box{position:relative;display:flex;align-items:center}.search-icon{font-size:16px;position:absolute;left:12px;display:flex;align-items:center;justify-content:center;color:#94a3b8;pointer-events:none}.search-input{padding:8px 12px 8px 36px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;width:240px;transition:all .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#94a3b8}.notification-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;color:#64748b;transition:background-color .2s,color .2s;position:relative;font-size:18px}.notification-icon svg{width:18px;height:18px}.notification-icon:hover{color:#1e293b}.notification-icon:hover{background-color:#f1f5f9}.notification-icon:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}.user-avatar-small{width:36px;height:36px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s}.user-avatar-small:hover{transform:scale(1.05)}.main-content{flex:1;padding:24px 16px;overflow-y:auto;background:#f8fafc;width:100%;max-width:100%}@media (min-width: 1920px){.main-content{padding:24px 20px}.dashboard-container{padding:0}}@media (min-width: 2560px){.main-content{padding:24px}}@media (max-width: 1200px){.main-content{padding:24px 16px}}@media (max-width: 768px){.main-content{padding:16px}.main-header{padding:0 16px;height:56px}.header-title{font-size:18px}.search-input{width:180px;font-size:13px}.header-actions{gap:8px}}@media (max-width: 640px){.main-content{padding:12px}.main-header{padding:0 12px;height:52px;flex-wrap:wrap}.header-title{font-size:16px}.search-box{order:3;width:100%;margin-top:8px}.search-input{width:100%}.notification-icon,.user-avatar-small{width:32px;height:32px;font-size:12px}}.sidebar::-webkit-scrollbar,.main-content::-webkit-scrollbar{display:none;width:0;height:0}.sidebar::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track{display:none}.sidebar::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb{display:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc}#root{width:100%;height:100vh}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.ant-layout,.ant-table{background:transparent}.ant-table-thead>tr>th{background:#f8fafc!important}
