:root{--primary:#1F4E78;--primary2:#163b5d;--bg:#f4f6f8;--text:#1f2933;--muted:#66788a;--line:#dbe3ea;--danger:#c62828;--warning:#a45b00;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text);background:var(--bg);font-size:15px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.topbar{height:64px;background:var(--primary);color:#fff;display:flex;align-items:center;padding:0 24px;gap:28px;position:sticky;top:0;z-index:20}.brand{font-size:20px;font-weight:700;color:#fff;white-space:nowrap}.topbar nav{display:flex;gap:18px;flex:1}.topbar nav a{color:#eaf3f9}.account{display:flex;align-items:center;gap:12px;font-size:13px}.account form{margin:0}.link-button{background:none;border:0;color:#fff;padding:0;cursor:pointer}.container{max-width:1440px;margin:0 auto;padding:24px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.page-head h1{margin:0 0 4px;font-size:26px}.muted,.hint{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:8px;color:var(--text);box-shadow:0 1px 2px #0000000a}.metric strong{font-size:28px;color:var(--primary)}.danger-border{border-left:5px solid var(--danger)}.danger-border strong,.overdue{color:var(--danger)!important}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 2px #0000000a}.panel h2{font-size:18px;margin:0 0 16px}.funnel{display:flex;gap:8px;overflow:auto}.funnel>div{min-width:150px;flex:1;background:#edf4f8;border-left:5px solid var(--primary);padding:14px;display:flex;flex-direction:column;gap:5px}.funnel b{font-size:22px}.button,button{display:inline-block;border:1px solid #b6c5d2;background:#fff;color:var(--text);border-radius:5px;padding:9px 14px;font:inherit;cursor:pointer}.button:hover,button:hover{background:#f2f6f9;text-decoration:none}.primary{background:var(--primary);border-color:var(--primary);color:#fff}.primary:hover{background:var(--primary2)}.wide{width:100%}.filters{display:flex;gap:8px;margin-bottom:16px}.filters input{min-width:320px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#edf3f7;color:#354a5f;font-size:13px}tr:last-child td{border-bottom:0}.row-overdue{background:#fff0f0}.badge{display:inline-block;background:#e5edf3;border-radius:12px;padding:3px 9px;font-size:12px}.badge.overdue{background:#ffe0e0}.level-A{background:#fde4a8}.level-B{background:#dfeeff}.level-C{background:#e3f3e7}.level-D{background:#eceff1}.empty{text-align:center;color:var(--muted);padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:span 2}label{display:flex;flex-direction:column;gap:7px;font-weight:600}input,select,textarea{width:100%;border:1px solid #b9c7d3;border-radius:5px;padding:10px;font:inherit;background:#fff}textarea{resize:vertical}.form-actions{text-align:right}.two-column{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px}.three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sticky{position:sticky;top:84px}.details{display:grid;grid-template-columns:130px 1fr;gap:10px;margin:0}.details dt{color:var(--muted)}.details dd{margin:0}.list-item{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--text)}.list-item:last-child{border-bottom:0}.list-item span{color:var(--muted)}.timeline{display:grid;grid-template-columns:150px 1fr;gap:16px;border-left:3px solid #ccdae5;padding:0 0 22px 16px}.timeline time{color:var(--muted)}.timeline p{margin:7px 0;white-space:pre-wrap}.kanban{display:flex;gap:12px;overflow:auto;padding-bottom:15px}.kanban-column{background:#eaf0f4;border-radius:8px;padding:12px;min-width:230px;max-width:280px;flex:1}.kanban-column h2{font-size:15px;margin:0 0 12px}.kanban-column h2 small{float:right;color:var(--muted)}.opportunity-card{display:flex;flex-direction:column;gap:5px;background:#fff;border-radius:6px;padding:12px;margin-bottom:10px;color:var(--text);box-shadow:0 1px 3px #0001}.opportunity-card span,.opportunity-card small{color:var(--muted)}.alert{padding:12px 16px}.alert.warning{background:#fff4d6;color:var(--warning)}.alert.danger{background:#ffe1e1;color:#8b1a1a;border-radius:5px;margin-bottom:12px}.subnav{display:flex;gap:12px}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#173b5d,#2c6b99)}.login-card{width:min(420px,calc(100% - 32px));background:#fff;padding:34px;border-radius:10px;box-shadow:0 20px 60px #0004}.login-card h1{margin:0 0 4px}.login-card form{display:grid;gap:16px;margin-top:25px}.login-card .hint{text-align:center;margin-top:14px;font-size:13px}pre{white-space:pre-wrap;background:#f2f5f7;padding:12px;max-height:320px;overflow:auto}@media(max-width:900px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 16px;gap:10px}.topbar nav{order:3;width:100%;overflow:auto}.account span{display:none}.container{padding:15px}.two-column,.three-column{grid-template-columns:1fr}.sticky{position:static}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}@media(max-width:600px){.page-head{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.filters input{min-width:0}.timeline{grid-template-columns:1fr}.topbar nav{gap:12px;font-size:13px}}