@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#0b0f19;--bg-card:#151d30;--bg-card-hover:#1c263f;--bg-sidebar:#0f1422;--border-color:#ffffff14;--color-primary:#3b82f6;--color-success:#10b981;--color-danger:#f43f5e;--color-warning:#f59e0b;--color-info:#06b6d4;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#64748b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000000a;--glass-bg:#151d30b3;--glass-blur:blur(12px);--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:600}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;width:260px;height:100vh;transition:var(--transition);flex-direction:column;padding:24px 16px;display:flex;position:fixed}.logo-section{align-items:center;gap:12px;margin-bottom:32px;padding:12px;display:flex}.logo-icon{color:var(--color-success);width:32px;height:32px}.logo-text{background:linear-gradient(135deg, #fff 30%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.nav-links{flex-direction:column;flex:1;gap:8px;list-style:none;display:flex}.nav-item button{width:100%;color:var(--text-muted);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:var(--transition);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;display:flex}.nav-item button:hover{color:var(--text-main);background-color:#ffffff08}.nav-item.active button{color:var(--color-success);border-left:3px solid var(--color-success);background-color:#10b9811a;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:600}.nav-icon{width:20px;height:20px}.main-content{min-height:100vh;transition:var(--transition);flex:1;margin-left:260px;padding:40px}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title h1{margin-bottom:4px;font-size:2rem;font-weight:700}.page-title p{color:var(--text-muted);font-size:.95rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px;display:grid}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);padding:24px;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--card-accent,var(--color-primary));width:100%;height:4px;position:absolute;top:0;left:0}.kpi-card:hover{box-shadow:var(--shadow-md);background-color:var(--bg-card-hover);transform:translateY(-4px)}.kpi-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex}.kpi-icon{width:24px;height:24px;color:var(--card-accent,var(--color-primary))}.kpi-value{font-size:1.8rem;font-family:var(--font-title);color:var(--text-main);margin-bottom:4px;font-weight:700}.kpi-subtext{color:var(--text-muted);font-size:.8rem}.kpi-trend-up{color:var(--color-success);font-weight:600}.kpi-trend-down{color:var(--color-danger);font-weight:600}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}.section-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.section-title{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:1.25rem;font-weight:600;display:flex}.chart-container{align-items:flex-end;gap:16px;height:260px;padding-top:20px;display:flex;position:relative}.chart-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.chart-bar{background:linear-gradient(to top, var(--color-primary), #60a5fa);border-top-left-radius:4px;border-top-right-radius:4px;width:100%;min-height:4px;transition:height .6s;position:relative}.chart-bar.success{background:linear-gradient(to top, var(--color-success), #34d399)}.chart-bar.danger{background:linear-gradient(to top, var(--color-danger), #f87171)}.chart-bar:hover .chart-tooltip{visibility:visible;opacity:1}.chart-tooltip{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;transition:var(--transition);z-index:10;box-shadow:var(--shadow-sm);background-color:#000;border-radius:4px;padding:4px 8px;font-size:.75rem;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.chart-label{color:var(--text-muted);font-size:.75rem}.table-container{margin-bottom:20px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:#ffffff03;padding:16px;font-size:.8rem;font-weight:600}.custom-table td{color:var(--text-main);border-bottom:1px solid #ffffff08;padding:16px}.custom-table tr:hover td{background-color:#ffffff03}.badge{text-transform:uppercase;border-radius:4px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge.ok{color:var(--color-success);background-color:#10b9811a}.badge.pending{color:var(--color-warning);background-color:#f59e0b1a}.badge.unpaid{color:var(--color-danger);background-color:#f43f5e1a}.pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.pagination-buttons{gap:8px;display:flex}.btn{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background-color:#ffffff05;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--text-muted);background-color:#ffffff0d}.btn.primary{background-color:var(--color-success);border-color:var(--color-success);color:#000;font-weight:600}.btn.primary:hover{background-color:#059669}.btn:disabled{opacity:.4;cursor:not-allowed}.filter-bar{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#ffffff03;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px;display:flex}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:150px;display:flex}.filter-group label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.filter-control{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-body);outline:none;width:100%;padding:10px 12px;font-size:.85rem}.filter-control:focus{border-color:var(--color-success)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-body{padding:24px}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:span 2}.form-group label{color:var(--text-muted);font-size:.8rem;font-weight:500}.form-control{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-body);outline:none;width:100%;padding:10px 12px;font-size:.9rem}.form-control:focus{border-color:var(--color-success)}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{width:70px;padding:20px 8px}.logo-text,.logo-section span,.nav-item span{display:none}.logo-section{justify-content:center;margin-bottom:24px}.nav-item button{justify-content:center;padding:12px}.main-content{margin-left:70px;padding:24px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}