body{background:#f5f7fb;margin:0;font-family:Arial,sans-serif}.dashboard{padding:30px}.header{margin-bottom:30px}.header h1{color:#2c3e50;margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.card h3{color:#777;margin:0;font-size:14px}.card h2{color:#2c3e50;margin-top:10px}.searchBox{margin-bottom:20px}.searchBox input{border:1px solid #ddd;border-radius:8px;width:300px;padding:12px}.tableContainer{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}table{border-collapse:collapse;width:100%}th{color:#fff;text-align:left;background:#44657d;padding:14px}td{border-bottom:1px solid #eee;padding:14px}.status{border-radius:20px;padding:6px 12px;font-size:12px}.success{color:#155724;background:#d4edda}.pending{color:#856404;background:#fff3cd}.filterBar{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:25px;display:flex}.searchWrapper{background:#fff;border:1px solid #dbe3ea;border-radius:12px;align-items:center;width:350px;padding:12px 15px;display:flex;box-shadow:0 2px 8px #0000000d}.searchWrapper span{margin-right:10px}.searchWrapper input{border:none;outline:none;width:100%;font-size:14px}.dateWrapper{background:#fff;border:1px solid #dbe3ea;border-radius:12px;align-items:center;padding:12px 15px;display:flex;box-shadow:0 2px 8px #0000000d}.dateWrapper span{margin-right:10px}.dateWrapper input{border:none;outline:none;font-size:14px}.clearBtn{color:#fff;cursor:pointer;background:#44657d;border:none;border-radius:12px;padding:12px 18px;font-weight:600}.clearBtn:hover{opacity:.9}.loginPage{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;display:flex}.loginCard{background:#fff;border-radius:16px;width:420px;padding:40px;box-shadow:0 4px 20px #00000014}.loginHeader{text-align:center;margin-bottom:30px}.loginHeader h1{color:#44657d;margin:0;font-size:32px}.loginHeader p{color:#777;margin-top:8px}.inputGroup{margin-bottom:20px}.inputGroup label{color:#333;margin-bottom:8px;font-weight:600;display:block}.inputGroup input{box-sizing:border-box;border:1px solid #dbe3ea;border-radius:10px;width:100%;padding:12px;font-size:14px}.inputGroup input:focus{border-color:#44657d;outline:none}.loginButton{color:#fff;cursor:pointer;background:#44657d;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600}.loginButton:hover{opacity:.95}.errorBox{color:#d32f2f;background:#ffe5e5;border-radius:8px;margin-bottom:15px;padding:12px}.logoutBtn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.logoutBtn:hover{opacity:.9}.loadingBar{background:#e1ecf2;border-radius:10px;width:100%;height:4px;margin-bottom:15px;overflow:hidden}.loadingProgress{background:#44657d;width:40%;height:100%;animation:1s linear infinite loadingMove}@keyframes loadingMove{0%{margin-left:-40%}to{margin-left:100%}}.loginButton:disabled{cursor:not-allowed;background:#b5c3cf}.chartCard{background:#fff;border-radius:16px;margin-bottom:25px;padding:25px;box-shadow:0 2px 12px #00000014}.crmChartLayout{justify-content:space-between;align-items:center;gap:40px;display:flex}.crmChart{width:320px;margin:auto}.crmSummary{flex:1}.crmSummary h2{color:#44657d;margin-top:0;margin-bottom:20px}.summaryItem{border-bottom:1px solid #edf2f7;justify-content:space-between;padding:14px 0;display:flex}.summaryItem span{color:#666}.summaryItem strong{color:#44657d;font-size:18px}