*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.visible{display:block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.pointer-events-none{pointer-events:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-overlay{position:absolute;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#d32f2f;padding:16px;border:1px solid #ffcdd2;border-radius:4px;background-color:#ffebee;margin:16px 0}.error-text{color:#d32f2f;font-size:.875rem}.success-message{color:#2e7d32;padding:16px;border:1px solid #c8e6c9;border-radius:4px;background-color:#e8f5e8;margin:16px 0}.data-grid-container{height:600px;width:100%}.data-grid-container .MuiDataGrid-root{border:1px solid #e0e0e0}.data-grid-container .MuiDataGrid-columnHeaders{background-color:#f5f5f5;font-weight:600}.data-grid-container .MuiDataGrid-row:hover{background-color:#f9f9f9}.form-container{max-width:600px;margin:0 auto;padding:24px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row>*{flex:1}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.stats-card{padding:24px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #0000001a}.stats-card.revenue{background:linear-gradient(135deg,#f093fb,#f5576c)}.stats-card.clients{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stats-card.sites{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stats-card.emails{background:linear-gradient(135deg,#fa709a,#fee140)}.stats-card-icon{font-size:48px;opacity:.8;margin-bottom:12px}.stats-card-value{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:8px}.stats-card-label{font-size:1rem;opacity:.9;margin-bottom:4px}.stats-card-change{font-size:.875rem;opacity:.8;display:flex;align-items:center;gap:4px}.dashboard-container{padding:24px;max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:32px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.dashboard-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}@media (max-width: 968px){.dashboard-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-stats-grid{grid-template-columns:1fr;gap:16px}.form-row,.form-actions{flex-direction:column}.stats-card{padding:16px}.stats-card-value{font-size:2rem}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media print{.no-print{display:none!important}.print-only{display:block!important}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}}