*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#f7f5f0;color:#022444;padding:24px;min-height:100vh}.container{max-width:1400px;margin:0 auto}header.app-header{background:linear-gradient(135deg,#022444,#033863);color:#fff;padding:28px 32px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px #02244426;border-bottom:4px solid #CEA864}.header-content{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.logo{height:70px;width:auto}.header-text h1{font-size:26px;font-weight:700;margin-bottom:4px;color:#fff}.header-text p{font-size:13px;opacity:.9;color:#cea864}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-green{background:#2f9e44}.status-red{background:#c92a2a}.status-gray{background:#adb5bd}nav{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}nav button{background:#fff;color:#022444;border:1px solid #F0E4C7;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}nav button:hover{background:#fbf5e6}nav button.active{background:#022444;color:#fff;border-color:#022444}.filter-bar{background:#fff;padding:16px;border-radius:12px;margin-bottom:24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;box-shadow:0 2px 6px #0000000d}.filter-bar label{font-size:12px;font-weight:600;color:#595959;margin-right:4px}.filter-bar select,.filter-bar input[type=date]{padding:6px 10px;border:1px solid #F0E4C7;border-radius:6px;font-size:13px;color:#022444;background:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpi{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 6px #0000000d;border-left:4px solid #CEA864}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#595959;font-weight:600;margin-bottom:8px}.kpi-value{font-size:32px;font-weight:700;color:#022444;line-height:1}.kpi-sub{font-size:12px;color:#8c8c8c;margin-top:4px}.card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px}.card h2{font-size:18px;font-weight:700;color:#022444;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #FBF5E6}.card h3{font-size:14px;font-weight:600;color:#022444;margin:20px 0 10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 900px){.grid-2,.grid-3{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#022444;color:#fff;padding:10px 12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px}td{padding:10px 12px;border-bottom:1px solid #FBF5E6}tr:nth-child(2n) td{background:#faf6ed}tr:hover td{background:#fbf5e6}.contact-link{color:#022444;text-decoration:none;border-bottom:1px dotted #CEA864;transition:color .15s}.contact-link:hover{color:#cea864;border-bottom-color:#022444}.tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600}.tag-hot{background:#ffe5e5;color:#c92a2a}.tag-warm{background:#fff4d6;color:#e67700}.tag-cold{background:#d0ebff;color:#1864ab}.tag-a{background:#d3f9d8;color:#2b8a3e}.tag-b{background:#fff4d6;color:#e67700}.tag-c{background:#ffe8d1;color:#d9480f}.tag-d{background:#f1f3f5;color:#868e96}.chart-wrap{position:relative;height:320px}.funnel-bar{display:flex;align-items:center;margin-bottom:10px;gap:12px}.funnel-label{width:160px;font-weight:600;font-size:13px}.funnel-track{flex:1;background:#fbf5e6;border-radius:6px;height:32px;position:relative;overflow:hidden}.funnel-fill{height:100%;background:linear-gradient(90deg,#022444,#033863);border-radius:6px;display:flex;align-items:center;padding-left:12px;color:#fff;font-weight:600;font-size:13px;transition:width .6s ease}.funnel-count{width:80px;text-align:right;font-weight:600;font-size:13px}.footer{text-align:center;color:#8c8c8c;font-size:12px;padding:20px 0}.insights{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.insight{background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 2px 6px #0000000d;border-left:4px solid #CEA864;display:flex;flex-direction:column;gap:6px}.insight.insight-alert{border-left-color:#c92a2a;background:#fff5f5}.insight.insight-warn{border-left-color:#e67700;background:#fff9db}.insight.insight-success{border-left-color:#2b8a3e;background:#ebfbee}.insight.insight-info{border-left-color:#1864ab;background:#e7f5ff}.insight-title{font-size:15px;font-weight:700;color:#022444}.insight-detail{font-size:13px;color:#343a40;line-height:1.5}.insight-action{font-size:12px;color:#595959;font-style:italic}.insight-drill{align-self:flex-start;background:#022444;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin-top:4px}.insight-drill:hover{background:#033863}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02244480;z-index:100;display:flex;justify-content:flex-end;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer{background:#fff;width:min(720px,100%);height:100%;overflow-y:auto;padding:24px;box-shadow:-4px 0 16px #00000026;animation:slide-in .2s ease}@keyframes slide-in{0%{transform:translate(40px)}to{transform:translate(0)}}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #FBF5E6}.drawer-head h3{font-size:18px;font-weight:700;color:#022444}.drawer-close{background:transparent;border:none;font-size:26px;line-height:1;cursor:pointer;color:#595959;padding:4px 10px}.drawer-close:hover{color:#c92a2a}.chart-wrap.clickable{cursor:pointer}.loading,.error-box{padding:40px;text-align:center;color:#595959}.error-box{color:#c92a2a}