.dashboard-container{min-height:100vh;background-color:#f8fafc}.dashboard-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 2rem}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-info{display:flex;flex-direction:column}.dashboard-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.company-name{font-size:.875rem;color:#64748b;margin-top:.25rem}.header-controls{display:flex;align-items:center;gap:1rem}.date-range{display:flex;align-items:center;gap:.5rem}.date-input{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.date-separator{color:#64748b}.logout-button-with-icon{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem}.logout-button-with-icon:hover{background:#dc2626}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.stat-content{display:flex;align-items:flex-start;gap:1rem}.stat-icon{padding:.75rem;border-radius:.5rem}.icon{width:24px;height:24px}.icon.blue{color:#3b82f6;background-color:#dbeafe}.icon.green{color:#10b981;background-color:#d1fae5}.icon.yellow{color:#f59e0b;background-color:#fef3c7}.stat-info{flex:1}.stat-label{font-size:.875rem;font-weight:500;color:#64748b;margin:0 0 .5rem}.stat-value{font-size:2rem;font-weight:700;color:#1e293b;line-height:1}.stat-value.cost{color:#059669}.stat-description{font-size:.75rem;color:#64748b;margin-top:.5rem}.pay-now-button{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.pay-now-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.pay-now-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.no-data-container{text-align:center;padding:3rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.no-data-icon{margin:0 auto 1rem;padding:1rem;width:fit-content;border-radius:50%;background:#f1f5f9}.icon.large{width:48px;height:48px}.icon.gray{color:#9ca3af}.no-data-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.no-data-text{color:#64748b;margin:0 0 .5rem}.no-data-subtext{font-size:.875rem;color:#9ca3af;margin:0}.spinner{border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:16px;height:16px}.spinner.large{width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:1rem}.login-card{background:#fff;border-radius:1rem;padding:2rem;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a}.login-header{text-align:center;margin-bottom:2rem}.login-brand{font-size:1.5rem;font-weight:700;color:#4338ca;margin-bottom:1rem}.login-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.login-subtitle{color:#64748b;margin:0}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#4338ca;box-shadow:0 0 0 3px #4338ca1a}.error-message{color:#dc2626;font-size:.875rem;margin:1rem 0;padding:.5rem;background:#fef2f2;border-radius:.375rem}.login-button{width:100%;padding:.75rem;background:#4338ca;color:#fff;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.login-button:hover:not(:disabled){background:#3730a3}.login-button:disabled{background:#9ca3af;cursor:not-allowed}.loading-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-spinner-container{display:flex;justify-content:center;align-items:center;padding:4rem}.loading-text{color:#64748b}.logout-button{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem}.logout-button:hover{background:#dc2626}.error-container{text-align:center;padding:2rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.error-title{font-size:1.25rem;font-weight:600;color:#dc2626;margin:0 0 1rem}.error-text{color:#64748b;margin:0}