*{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:260px;--bg-color:#f4f7fa;--sidebar-bg:#0f172a;--primary:#3b82f6;--text-main:#1e293b;--text-muted:#64748b;--white:#fff;--border:#e2e8f0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Outfit,Inter,sans-serif}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background-color:var(--sidebar-bg);z-index:100;flex-direction:column;height:100vh;padding:2rem 1.5rem;display:flex;position:fixed;top:0;left:0}.sidebar-brand{color:var(--white);margin-bottom:2.5rem;padding:0 .5rem;font-size:1.5rem;font-weight:800}.sidebar-section{color:#475569;text-transform:uppercase;letter-spacing:.1em;margin:1.5rem 0 .75rem .5rem;font-size:.7rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.nav-item{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--white);background-color:#ffffff0d}.nav-item.active{color:var(--white);border-left:3px solid var(--primary);background-color:#3b82f626}.sidebar-footer{color:#475569;margin-top:auto;padding:0 .5rem;font-size:.7rem;font-weight:600}.main-content{margin-left:var(--sidebar-w);flex:1;padding:2.5rem}.content-container{max-width:1200px;margin:0 auto}.card{background:var(--white);border:1px solid var(--border);border-radius:1rem;margin-bottom:2rem;padding:2rem;box-shadow:0 1px 3px #0000000d}.chart-container{width:100%;height:320px}.page-header{margin-bottom:2rem}.page-title{color:#0f172a;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:.875rem}.tabs{border-bottom:1px solid var(--border);gap:2rem;margin-bottom:2rem;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.75rem .25rem;font-size:.875rem;font-weight:600;position:relative}.tab.active{color:var(--primary)}.tab.active:after{content:"";background-color:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.controls-row{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.search-wrapper{flex:1;max-width:400px;position:relative}.search-icon{color:#94a3b8;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-field{border:1px solid var(--border);background:#f8fafc;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:.875rem}.input-field:focus{border-color:var(--primary);background:var(--white)}.select-field{border:1px solid var(--border);appearance:none;cursor:pointer;background:#f8fafc;border-radius:.75rem;min-width:180px;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem}.btn-pdf{border:1px solid var(--border);color:#475569;background:var(--white);cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.8rem;font-weight:700;display:flex}.btn-pdf:hover{background:#f8fafc}.data-table-wrapper{border:1px solid var(--border);border-radius:.75rem;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:#f8fafc;padding:1rem 1.5rem;font-size:.7rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem;font-size:.875rem}.text-bold{color:#0f172a;font-weight:700}.badge{background:#f1f5f9;border-radius:.375rem;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.success-text{color:#10b981;font-weight:600}.error-text{color:#ef4444;font-weight:600}.results-count{color:#94a3b8;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:700}