:root{--primary: #1d4ed8;--primary-dark: #1e40af;--danger: #dc2626;--bg: #f3f4f6;--border: #e5e7eb;--text: #111827;--muted: #6b7280}*{box-sizing:border-box}body{margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}aside{width:210px;background:#111827;color:#fff;padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{font-size:18px;font-weight:700;padding:8px 12px 16px;letter-spacing:.5px}aside a{color:#d1d5db;text-decoration:none;padding:10px 12px;border-radius:6px;display:block}aside a:hover{background:#1f2937;color:#fff}aside a.active{background:var(--primary);color:#fff}.aside-spacer{flex:1}.user-box{border-top:1px solid #374151;padding-top:10px;margin-top:4px;display:flex;justify-content:space-between;align-items:center}.user-name{font-weight:600}.user-role{color:#9ca3af;font-size:12px}.user-box button{background:#374151;color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer}main{flex:1;padding:24px;max-width:1200px}h2{margin:0 0 16px}h3{margin:0 0 12px;font-size:15px}.card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #00000014;margin-bottom:16px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-head h3{margin:0}.center-hint{padding:60px;text-align:center;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:24px}.error{color:var(--danger)}.toast{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:10px 14px;border-radius:8px;margin-bottom:12px}.btn{display:inline-block;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px;text-decoration:none}.btn:hover{background:#f9fafb;text-decoration:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-small{padding:4px 10px;font-size:12px}.btn-ghost{border-color:transparent;color:var(--primary)}.btn-select{border:1px solid var(--border);border-radius:8px;padding:6px 10px;background:#fff}.cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.stat{text-align:center}.stat b{display:block;font-size:32px;color:var(--primary)}.stat span{color:var(--muted)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 20px}.stat-num{font-size:26px;font-weight:700;color:var(--primary)}.stat-label{font-size:12px;color:var(--muted);margin-top:4px}.legend-list{display:flex;flex-direction:column;gap:6px;font-size:13px;margin-top:8px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.stat-danger b{color:var(--danger)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.cards-row .stat b{font-size:28px}.stat-blue b{color:#1d4ed8}.stat-green b{color:#16a34a}.stat-orange b{color:#ea580c}.stat-purple b{color:#7c3aed}.stat-gold b{color:#b45309}.stat-teal b{color:#0d9488}.modal-lg{width:min(880px,96vw)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.form-actions{display:flex;gap:8px}.mini-table{border-collapse:collapse;width:100%}.mini-table th,.mini-table td{border:1px solid var(--border);padding:6px 8px;font-size:13px;text-align:left}.mini-table input,.mini-table select{width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:13px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:10px 0;font-size:13px;color:var(--muted)}.order-summary{display:flex;gap:24px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:14px}.quote-detail{margin-top:14px;padding:12px;background:#f8fafc;border:1px solid var(--border);border-radius:8px}.quote-detail h4{margin:0 0 8px}.mail-preview-subject{margin:8px 0;padding:8px 10px;background:#eff6ff;border-radius:6px;font-size:14px}.mail-preview-body{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.7;background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:12px;max-height:60vh;overflow:auto}.cell-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-blue{background:#eff6ff;color:#1d4ed8}.badge-green{background:#ecfdf5;color:#059669}.badge-orange{background:#fff7ed;color:#ea580c}.btn-danger{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.btn-danger:hover{background:#fecaca}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}th{color:var(--muted);font-weight:600;background:#f9fafb}.overdue{color:var(--danger);font-weight:600}.overdue-row{background:#fef2f2}.badge{display:inline-block;padding:2px 10px;border-radius:999px;background:#e0e7ff;color:#3730a3;font-size:12px}.badge-red{background:#fee2e2;color:#991b1b}.pool-tag{color:var(--danger);font-size:12px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-head h2{margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filters input,.filters select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;min-width:130px}.filters input{min-width:180px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted)}.form-grid input,.form-grid select,.form-grid textarea{padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text)}.form-grid textarea{min-height:70px}.form-actions{grid-column:1 / -1;display:flex;gap:10px}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.form-row input,.form-row select,.form-row textarea{padding:8px 10px;border:1px solid var(--border);border-radius:8px}.followup-form textarea{width:100%;min-height:70px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;margin-bottom:10px}.detail-meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted)}.detail-notes{background:#fffbeb;color:#92400e}.tabs{display:flex;gap:4px;margin-bottom:12px}.tabs button{padding:8px 16px;border:1px solid var(--border);background:#fff;border-radius:8px 8px 0 0;cursor:pointer}.tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.timeline{display:flex;flex-direction:column;gap:10px}.timeline-item{border-left:3px solid var(--primary);padding:6px 0 6px 14px}.tl-head{display:flex;gap:10px;align-items:center}.tl-time{color:var(--muted);font-size:12px}.tl-body{margin:6px 0;white-space:pre-wrap}.tl-next{color:var(--primary);font-size:12px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#111827}.login-card{background:#fff;border-radius:14px;padding:40px 36px;width:360px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px #0000004d}.login-card h1{margin:0;text-align:center;color:var(--primary)}.login-sub{text-align:center;color:var(--muted);margin:0 0 8px}.login-card input{padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:15px}.login-card button{padding:12px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.login-card button:hover{background:var(--primary-dark)}.role-hint{color:var(--muted);font-size:12px;margin-left:6px}.mobile-topbar{display:none}.topbar-user{margin-left:auto;color:#d1d5db;font-size:13px}.menu-toggle{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:2px 8px;line-height:1}.menu-mask{display:none}@media (max-width: 800px){.mobile-topbar{display:flex;align-items:center;gap:8px;background:#111827;color:#fff;padding:10px 14px;position:sticky;top:0;z-index:90}.mobile-topbar .brand{padding:0;font-size:16px}aside{position:fixed;left:0;top:0;bottom:0;width:250px;z-index:200;transform:translate(-100%);transition:transform .25s ease;height:100vh;overflow-y:auto}aside.open{transform:translate(0)}.menu-mask{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}.layout{display:block}main{padding:12px;max-width:100%}.card{overflow-x:auto}.modal-mask{padding:0;align-items:stretch}.modal{max-width:100vw;width:100vw;max-height:100vh;height:100vh;border-radius:0;padding:16px}.modal-lg{width:100vw;max-width:100vw}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:1}.filters{flex-direction:column;align-items:stretch}.filters input,.filters select{width:100%;min-width:0}.btn{padding:10px 16px}.btn-small{padding:6px 12px;font-size:13px}th,td{padding:8px 10px;font-size:13px}.page-head{flex-wrap:wrap}.grid-2{grid-template-columns:1fr}.login-card{width:100%;max-width:400px;margin:0 16px;padding:32px 24px}.cards-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}.bulk-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;padding:8px 12px;margin-bottom:12px}.bulk-count{font-weight:600;color:#3730a3}.bulk-bar select{padding:6px 8px;border:1px solid #c7d2fe;border-radius:8px;background:#fff;font-size:13px}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.col-check{width:32px;text-align:center}.row-selected{background:#eff6ff}.flash{padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:14px}.flash-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.flash-err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.reminder-strip{display:block;margin-bottom:16px;padding:10px 14px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;font-size:14px;text-decoration:none}.reminder-strip:hover{background:#fee2e2;text-decoration:none}.reminder-ok{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.reminder-ok:hover{background:#dbeafe}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:#fff;border-radius:12px;padding:24px;max-width:720px;width:100%;max-height:85vh;overflow:auto;box-shadow:0 20px 50px #0003}.modal h3{margin:0 0 8px}.modal .muted{color:var(--muted);font-size:13px;margin:0 0 14px}.import-actions{display:flex;gap:8px;margin:10px 0;align-items:center}.import-preview{margin:10px 0;overflow:auto}.import-preview table{font-size:12px}.import-preview th,.import-preview td{padding:4px 8px;border:1px solid var(--border)}.import-result{border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin:10px 0;font-size:13px}.import-result-ok{background:#f0fdf4;border-color:#bbf7d0}.import-result-warn{background:#fffbeb;border-color:#fde68a}.import-result ul{margin:6px 0 0;padding-left:18px}.err-text{color:var(--danger)}.link{color:var(--primary);cursor:pointer;text-decoration:none;margin-right:8px}.link:hover{text-decoration:underline}.link.danger{color:var(--danger)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:12px 0}.form-grid label{display:flex;flex-direction:column;font-size:13px;color:var(--muted);gap:4px}.form-grid label input,.form-grid label select,.form-grid label textarea{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text)}.form-grid .span-2{grid-column:span 2}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:12px 0;font-size:13px}.detail-grid div{display:flex;flex-direction:column;gap:2px}.detail-grid .muted{font-size:12px}.modal h4{margin:14px 0 6px}.contact-add{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.contact-add input{padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px}.webhook-box{display:flex;flex-direction:column;gap:10px;margin-top:10px}.webhook-box div{display:flex;align-items:center;gap:8px;font-size:13px}.webhook-box code{background:#f3f4f6;padding:4px 8px;border-radius:6px;font-size:12px;word-break:break-all}.badge-green{background:#dcfce7;color:#166534}.tl-owner{color:var(--muted);font-size:12px}.quote-summary{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px dashed var(--border);color:var(--muted);font-size:13px}.quote-sum-item b{color:var(--text)}.quote-sum-item em{color:#166534;font-style:normal;margin-left:4px}.stat-money{font-size:22px;color:#047857!important}