@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0f172a;--bg-panel: rgba(30, 41, 59, .7);--accent-primary: #6366f1;--accent-hover: #8b5cf6;--accent-light: #818cf8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(51, 65, 85, .6);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-layout{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;position:relative}.content-blurred{filter:blur(12px);pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .4s ease;height:100vh;overflow:hidden}.login-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;background:#0f172a66}.login-card{display:flex;flex-direction:column;align-items:center;padding:48px;max-width:400px;text-align:center;gap:16px}.login-logo-icon{width:48px;height:48px;color:var(--accent-light);margin-bottom:8px;animation:pulse 3s infinite alternate}.login-card h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.login-card p{color:var(--text-secondary);font-size:.875rem;margin:0 0 16px}.login-input{width:100%;background:#0f172a99;border:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px;border-radius:8px;font-size:1rem;outline:none;transition:all .2s ease}.login-input:focus{border-color:var(--accent-light);box-shadow:0 0 0 2px #6366f133}.btn-primary{width:100%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.dashboard-header{height:72px;background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);display:flex;align-items:center;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172ab3}.header-content{width:100%;max-width:1440px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:12px}.logo-icon{color:var(--accent-light);width:28px;height:28px;animation:pulse 3s infinite alternate}.logo-section h1{font-size:1.25rem;font-weight:700;background:linear-gradient(to right,var(--accent-light),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.header-actions{display:flex;align-items:center;gap:24px}.filter-wrapper{display:flex;align-items:center;gap:8px}.filter-icon{color:var(--text-secondary)}.date-filter-select{background:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 32px 8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;outline:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto;transition:all .2s ease}.date-filter-select:hover{border-color:#6366f180;box-shadow:0 4px 12px #6366f11a}.date-filter-select option{background:var(--bg-primary);color:var(--text-primary)}.user-profile{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff}.dashboard-main{width:100%;max-width:1440px;margin:0 auto;padding:32px;display:flex;flex-direction:column;gap:32px}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 12px 48px #0000004d;border-color:#6366f14d}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.kpi-card{padding:24px;display:flex;gap:20px;align-items:center}.kpi-icon-wrapper{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.kpi-icon-wrapper.revenue{background:#10b9811a;color:#10b981}.kpi-icon-wrapper.net{background:#6366f11a;color:#6366f1}.kpi-icon-wrapper.sales{background:#f59e0b1a;color:#f59e0b}.kpi-icon-wrapper.ticket{background:#ec48991a;color:#ec4899}.kpi-icon{width:28px;height:28px}.kpi-info{display:flex;flex-direction:column;gap:4px}.kpi-info h3{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin:0}.kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.kpi-trend{font-size:.75rem;display:flex;align-items:center;gap:4px;font-weight:500}.kpi-trend.positive{color:#10b981}.kpi-trend.negative{color:#ef4444}.kpi-trend.neutral{color:#94a3b8}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.chart-card{padding:24px;display:flex;flex-direction:column}.chart-card.col-span-2{grid-column:span 2}.chart-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 24px}.chart-container{height:300px;width:100%}.custom-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:12px;height:12px;border-radius:50%}.legend-tag{font-size:.875rem;color:var(--text-secondary)}.table-section{padding:24px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.table-header h3{font-size:1.125rem;font-weight:600;margin:0}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff1a;border-color:var(--accent-primary)}.table-actions{display:flex;align-items:center}.table-actions-row{display:flex;align-items:center;gap:24px}.multi-actions{flex-wrap:wrap;gap:16px}.page-size-label{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.page-size-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:6px;font-size:.875rem;outline:none;cursor:pointer;transition:border-color .2s}.page-size-select:hover{border-color:#6366f180}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-weight:600}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.sortable:hover{color:var(--accent-light)}.th-content{display:flex;align-items:center;gap:4px}.sort-idle{opacity:.3;transition:opacity .2s ease}.sortable:hover .sort-idle{opacity:.8}td{padding:16px;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}tr:last-child td{border-bottom:none}tr{transition:background-color .2s ease}tr:hover{background-color:#ffffff05}.client-info{display:flex;flex-direction:column;gap:4px}.client-name{font-weight:500}.client-email{font-size:.75rem;color:var(--text-secondary)}.payment-info{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.amount-cell{font-weight:600;font-variant-numeric:tabular-nums}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--border-color)}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:16px}.btn-pagination{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-primary)}.btn-pagination:disabled{opacity:.3;cursor:not-allowed;border-color:#ffffff1a}.page-number{font-size:.875rem;font-weight:500;color:var(--text-primary)}.badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-outline{border:1px solid rgba(99,102,241,.3);color:var(--accent-light);background:#6366f11a}.status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-flex;text-transform:capitalize}.status-badge.approved{background:#10b9811a;color:#10b981}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.status-badge.rejected{background:#ef44441a;color:#ef4444}.loading-container,.error-container{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--bg-primary);color:var(--text-primary)}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.1);border-radius:50%;border-top-color:var(--accent-primary);animation:spin 1s ease-in-out infinite;margin-bottom:20px}.error-card{background:var(--bg-panel);padding:32px;border-radius:16px;border:1px solid rgba(239,68,68,.3);text-align:center}.error-card h2{color:#ef4444;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-card.col-span-2{grid-column:span 1}.pagination{flex-direction:column;gap:16px}}@media(max-width:768px){.kpi-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:16px;padding:16px}.dashboard-header{height:auto;padding:16px 0}.chart-card.col-span-2{grid-column:span 1}}@media(max-width:768px){.dashboard-main{padding:16px}.header-content{padding:0 16px}}