:root{--font-family:"Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-primary:#34d399;--color-primary-dark:#10b981;--color-primary-light:#d1fae5;--color-secondary:#60a5fa;--color-accent:#f59e0b;--color-bg:#0b1120;--color-surface:#131c2f;--color-surface-hover:#1e293b;--color-text-main:#fff;--color-text-muted:#cbd5e1;--glass-bg:#131c2fb3;--glass-border:#ffffff26;--glass-shadow:0 4px 30px #0000004d;--glass-blur:blur(12px);--sidebar-width:395px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);z-index:10;flex-direction:column;height:100vh;padding:2rem 1.5rem;display:flex;position:fixed}.sidebar-header{border-bottom:1px solid var(--glass-border);margin-bottom:2.5rem;padding-bottom:1.5rem}.sidebar-logo{color:var(--color-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:1rem;text-decoration:none;display:flex}.nav-item:hover{color:var(--color-text-main);background:#ffffff0d}.nav-item.active{color:var(--color-primary);border-left:3px solid var(--color-primary);background:#10b98126;font-weight:500}.main-content{margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));flex-grow:1;padding:2rem 3rem}.card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:1.5rem}h1{background:linear-gradient(135deg,#10b981 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}h2{color:var(--color-text-main);margin-bottom:1rem;font-size:1.5rem;font-weight:600}h3{margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:1rem}.grid{gap:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mb-1{margin-bottom:.25rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.mt-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.stat-value{color:var(--color-text-main);margin:.5rem 0;font-size:2rem;font-weight:700}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.trend-up{color:var(--color-primary);align-items:center;gap:.25rem;font-size:.875rem;display:flex}.trend-down{color:#ef4444;align-items:center;gap:.25rem;font-size:.875rem;display:flex}@media print{@page{margin:.5cm}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sidebar,.no-print{display:none!important}.main-content{width:100%!important;max-width:100%!important;margin-left:0!important;padding:1rem!important}#print-area{width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:20px!important}.grid{display:grid!important}.html2pdf__page-break{page-break-after:always!important;break-after:page!important;border:none!important;height:0!important;margin:0!important}.avoid-break{page-break-inside:avoid!important;break-inside:avoid!important}}.resp-grid-main{grid-template-columns:1.3fr 1fr;display:grid}.resp-grid-2{grid-template-columns:1fr 1fr;display:grid}.resp-grid-3{grid-template-columns:1fr 1fr 1fr;display:grid}.resp-grid-4{grid-template-columns:repeat(4,1fr);display:grid}.resp-flex-col-mobile{display:flex}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-md{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-center{text-align:center}.text-white{color:#fff}.text-gray-200{color:#e5e7eb}.text-gray-400{color:#9ca3af}.text-blue-300{color:#93c5fd}.text-red-400{color:#f87171}.text-green-400{color:#4ade80}.text-purple-300{color:#d8b4fe}.text-purple-400{color:#c084fc}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-t{border-top-style:solid;border-top-width:1px}.border-gray-600{border-color:#4b556399}.border-gray-700{border-color:#374151b3}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.p-3{padding:.75rem}.rounded-lg{border-radius:.5rem}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column;display:flex}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media screen and (width<=768px){.md\:hidden{display:block}span.md\:hidden{display:inline}.md\:inline,.md\:flex{display:none!important}.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--glass-border);width:100%;height:auto;padding:1rem;position:relative}.sidebar-header{margin-bottom:0;padding-bottom:0}.sidebar-nav{flex-direction:column;gap:.5rem;width:100%;padding-top:1rem}.nav-item{white-space:normal;width:100%;padding:.75rem 1rem;font-size:1rem}.main-content{max-width:100%;margin-left:0;padding:1rem}.card{padding:1rem}h1{font-size:1.5rem}h2{font-size:1.2rem}.stat-value{font-size:1.4rem}.grid-cols-2,.grid-cols-3,.grid-cols-4,.md\:grid-cols-2,.lg\:grid-cols-3,.resp-grid-main,.resp-grid-2,.resp-grid-3{grid-template-columns:1fr!important}.resp-grid-4{grid-template-columns:repeat(2,1fr)!important}.resp-flex-col-mobile{flex-direction:column!important}#print-area{padding:15px!important}.brochure-export h1{font-size:1.8rem!important}.brochure-export h2{font-size:1.4rem!important}}@media screen and (width>=769px){.md\:hidden{display:none!important}.md\:inline{display:inline!important}.md\:flex{display:flex!important}.md\:block{display:block!important}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)!important}}@media screen and (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)!important}}