:root{--primary:#25D366;--primary-dark:#128C7E;--primary-light:#dcf8c6;--secondary:#075E54;--accent:#34B7F1;--dark:#1a1a1a;--gray-900:#212529;--gray-800:#343a40;--gray-700:#495057;--gray-600:#6c757d;--gray-500:#adb5bd;--gray-400:#ced4da;--gray-300:#dee2e6;--gray-200:#e9ecef;--gray-100:#f8f9fa;--white:#ffffff;--success:#198754;--danger:#dc3545;--warning:#ffc107;--info:#0dcaf0;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;--font-mono:'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;--text-xs:clamp(0.75rem, 0.7rem + 0.2vw, 0.875rem);--text-sm:clamp(0.875rem, 0.85rem + 0.2vw, 1rem);--text-base:clamp(1rem, 0.95rem + 0.3vw, 1.125rem);--text-lg:clamp(1.125rem, 1.05rem + 0.4vw, 1.25rem);--text-xl:clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + 0.8vw, 2rem);--text-3xl:clamp(1.875rem, 1.6rem + 1vw, 2.5rem);--text-4xl:clamp(2.25rem, 1.9rem + 1.5vw, 3rem);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:200ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:300ms cubic-bezier(0.4, 0, 0.2, 1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--gray-900);background-color:var(--gray-100);overflow-x:hidden}.container-modern{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}@media (min-width:640px){.container-modern{max-width:var(--container-sm)}}@media (min-width:768px){.container-modern{max-width:var(--container-md);padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media (min-width:1024px){.container-modern{max-width:var(--container-lg)}}@media (min-width:1280px){.container-modern{max-width:var(--container-xl);padding-left:var(--space-xl);padding-right:var(--space-xl)}}@media (min-width:1536px){.container-modern{max-width:var(--container-2xl)}}.grid{gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.grid-cols-sm-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.grid-cols-md-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-md-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.grid-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-lg-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.grid-cols-xl-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.card-modern{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--gray-200)}.card-modern:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-modern-header{border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--white) 0%,var(--gray-100) 100%)}.card-modern-body,.card-modern-header{padding:var(--space-lg)}.card-modern-footer{padding:var(--space-md) var(--space-lg);background-color:var(--gray-50);border-top:1px solid var(--gray-200)}.stat-card{position:relative;background:var(--white);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-dark))}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}.stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--gray-900);line-height:1.2;margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:500}.stat-change{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);margin-top:var(--space-sm)}.stat-change.positive{color:var(--success);background-color:rgba(25,135,84,.1)}.stat-change.negative{color:var(--danger);background-color:rgba(220,53,69,.1)}.p-0{padding:0}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.m-0{margin:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.hidden{display:none}.block,img{display:block}.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-sm)}.gap-4{gap:var(--space-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-primary{color:var(--primary)}.text-muted{color:var(--gray-600)}.text-dark{color:var(--gray-900)}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px) and (max-width:1023px){.hide-tablet{display:none!important}}@media (min-width:1024px){.hide-desktop{display:none!important}}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block}}.main-content{padding:var(--space-md);min-height:100vh;width:100%;transition:all var(--transition-base)}@media (min-width:768px){.main-content{padding:var(--space-lg) var(--space-xl)}}@media (min-width:1024px){.main-content{padding:var(--space-xl) var(--space-2xl)}}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);border:0;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-modern:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-modern:active{transform:translateY(0)}.btn-primary-modern{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}.btn-primary-modern:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary));box-shadow:0 8px 16px rgba(37,211,102,.25)}img{max-width:100%;height:auto}@media print{.btn,.navbar,.no-print,.sidebar{display:none!important}.main-content{margin:0!important;padding:0!important}}