@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg-primary:#0a0e1a;--bg-secondary:#0f1629;--bg-card:#131c35;--bg-elevated:#1a2444;--bg-hover:#1f2d55;--accent-gold:#f4c054;--accent-gold-light:#f9d98a;--accent-gold-dim:rgba(244,192,84,0.15);--accent-blue:#4a90d9;--accent-blue-dim:rgba(74,144,217,0.15);--text-primary:#e8eaf6;--text-secondary:#8b9ab8;--text-muted:#5a6a8a;--text-gold:#f4c054;--border:rgba(255,255,255,0.06);--border-active:rgba(244,192,84,0.4);--success:#34d399;--success-dim:rgba(52,211,153,0.12);--warning:#fbbf24;--warning-dim:rgba(251,191,36,0.12);--danger:#f87171;--danger-dim:rgba(248,113,113,0.12);--info:#60a5fa;--info-dim:rgba(96,165,250,0.12);--sidebar-width:240px;--header-height:64px;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px rgba(0,0,0,0.4);--shadow-gold:0 0 20px rgba(244,192,84,0.15)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1 1;overflow-y:auto;padding:2rem;background:var(--bg-primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover{border-color:rgba(244,192,84,.2);box-shadow:var(--shadow-gold)}.card-glass{background:rgba(19,28,53,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;position:relative;overflow:hidden;transition:all .2s}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-gold),transparent)}.kpi-card:hover{border-color:var(--border-active);transform:translateY(-2px);box-shadow:var(--shadow-gold)}.kpi-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.kpi-value.gold{color:var(--accent-gold)}.kpi-value.success{color:var(--success)}.kpi-value.danger{color:var(--danger)}.kpi-value.info{color:var(--info)}.kpi-sub{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);gap:.75rem}.page-title,.page-title-icon{display:flex;align-items:center}.page-title-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-gold-dim);justify-content:center;color:var(--accent-gold)}.page-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.month-selector{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.month-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.875rem;padding:.5rem .75rem;cursor:pointer;outline:none;transition:border-color .2s}.month-input:focus{border-color:var(--accent-gold)}.tabs{display:flex;gap:.25rem;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:.25rem;margin-bottom:1.5rem;width:-moz-fit-content;width:fit-content}.tab-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--bg-card);color:var(--text-primary)}.tab-btn:hover:not(.active){color:var(--text-secondary)}.table-wrap{overflow-x:auto;border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.8rem}thead th{background:var(--bg-secondary);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;padding:.75rem 1rem;text-align:left;white-space:nowrap}tbody tr,thead th{border-bottom:1px solid var(--border)}tbody tr{transition:background .15s}tbody tr:hover{background:var(--bg-elevated)}tbody td{padding:.75rem 1rem;color:var(--text-secondary);vertical-align:middle}tbody td.name-cell{color:var(--text-primary);font-weight:500}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-success{background:var(--success-dim);color:var(--success)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-info{background:var(--info-dim);color:var(--info)}.badge-gold{background:var(--accent-gold-dim);color:var(--accent-gold)}.badge-muted{background:var(--bg-elevated);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background:var(--accent-gold);color:#0a0e1a}.btn-primary:hover{background:var(--accent-gold-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(244,192,84,.35)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-active)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.4}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:1rem}.coming-soon-badge{background:var(--accent-gold-dim);color:var(--accent-gold);padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.coming-soon h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.coming-soon p{color:var(--text-muted);font-size:.9rem;max-width:400px}