*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{color:#111827;margin:0}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#111827;flex-direction:column;gap:10px;padding:20px;display:flex}.sidebar h1{color:#fff;margin-bottom:12px;font-size:24px}.userBox{background:#1f2937;border:1px solid #374151;border-radius:8px;margin-bottom:8px;padding:10px}.userBox small{color:#9ca3af}.sidebar button{color:#fff;cursor:pointer;text-align:left;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:10px}.sidebar button:hover{background:#374151}.logoutBtn{margin-top:auto;background:#7f1d1d!important}.content{background:#f9fafb;padding:24px}.content h2{color:#111827;margin-top:0}.content h3{color:#1f2937;margin:12px 0}.okText{color:#166534}.errorText{color:#991b1b}.loginWrap{background:#f3f4f6;place-items:center;min-height:100vh;display:grid}.loginCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:10px;width:min(420px,90vw);padding:20px;display:grid}.hint{color:#6b7280;gap:4px;margin-top:8px;font-size:13px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px;display:grid}.sheetTabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.sheetTabs button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px}.sheetTabs button:hover{background:#eff6ff}.sheetTabs button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.formGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:12px;display:grid}input,select{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:14px}.primary{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;margin-bottom:12px;padding:10px 14px}.primary:hover{background:#1e40af}.primary:disabled{opacity:.7;cursor:not-allowed}.linkBtn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px;text-decoration:underline}.linkBtn:hover{color:#1e40af}.forgotHint{background:#f0f9ff;border-radius:8px;margin-top:4px;padding:8px}.pagination{flex-wrap:wrap;align-items:center;gap:10px;margin-left:12px;display:inline-flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px;font-size:14px}.pagination button:hover:not(:disabled){background:#f3f4f6}.pagination button:disabled{opacity:.5;cursor:not-allowed}.secondary{color:#374151;cursor:pointer;background:#e5e7eb;border:1px solid #d1d5db;border-radius:8px;margin-left:8px;padding:10px 14px}.secondary:hover{background:#d1d5db}.actionsCell{white-space:nowrap}.smallBtn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-right:4px;padding:4px 8px;font-size:12px}.smallBtn:hover{background:#f3f4f6}.dangerBtn{color:#991b1b;border-color:#fca5a5}.dangerBtn:hover{background:#fef2f2}table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;margin-bottom:16px;overflow:hidden}th,td{text-align:left;border:1px solid #e5e7eb;padding:8px;font-size:14px}th{background:#f3f4f6}.chartsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chartCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.chartWide{grid-column:span 2}.crmFilterBar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:12px}.crmFilterBar .filterRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.crmFilterBar select,.crmFilterBar input[type=date],.crmFilterBar input[type=month],.crmFilterBar input[type=number]{max-width:140px}.planInput{align-items:center;gap:6px;margin-left:12px;display:inline-flex}.planInput input{width:100px}.applyFilterBtn{margin-bottom:0;margin-left:8px}.reconciliationWarnings{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px}.kpiCards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.kpiCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.kpiLabel{color:#6b7280;font-size:12px}.kpiValue{color:#111827;font-size:18px;font-weight:600}.tableWrap{margin-bottom:16px;overflow-x:auto}.crmTable{min-width:900px}.rowDiscrepancy{background:#fef3c7}@media (width<=960px){.chartsGrid{grid-template-columns:1fr}.chartWide{grid-column:span 1}}@media (width<=768px){.layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{flex-flow:wrap;gap:8px;padding:12px}.sidebar h1{width:100%;margin-bottom:0;font-size:20px}.userBox{order:3;width:100%;margin-bottom:0}.sidebar button{padding:8px 10px;font-size:13px}.logoutBtn{margin-top:0;margin-left:auto}.content{padding:12px}.formGrid{grid-template-columns:1fr}.crmFilterBar .filterRow{flex-direction:column;align-items:stretch}.crmFilterBar select,.crmFilterBar input[type=date],.crmFilterBar input[type=month],.crmFilterBar input[type=number]{max-width:none}.planInput,.applyFilterBtn{margin-left:0}.pagination{margin-top:8px;margin-left:0}.tableWrap{-webkit-overflow-scrolling:touch}.kpiCards{grid-template-columns:repeat(2,1fr)}.kpiValue{font-size:16px}.actionsCell .smallBtn{margin-bottom:4px;display:inline-block}}