:root{--primary: #25D366;--primary-dark: #128C7E;--bg-light: #F0F2F5;--white: #FFFFFF;--text-dark: #1C1E21;--text-grey: #6A7175;--border: #E1E3E6;--shadow: 0 2px 5px rgba(0,0,0,.05);--radius: 12px;--font-main: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-light);color:var(--text-dark);-webkit-font-smoothing:antialiased}.premium-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.flex-center{display:flex;align-items:center;justify-content:center}.btn-primary{background-color:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.input-field{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:16px;outline:none;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}@media(max-width:768px){.desktop-only{display:none!important}.mobile-col{flex-direction:column!important}.mobile-p-16{padding:16px!important}.mobile-w-full{width:100%!important;border-left:none!important}.mobile-text-sm{font-size:14px!important}.mobile-title-md{font-size:20px!important}.mobile-gap-8{gap:8px!important}.mobile-grid-2{grid-template-columns:repeat(2,1fr)!important}.mobile-overflow-x{overflow-x:auto!important}.mobile-p-0{padding:0!important}.app-layout{flex-direction:column!important}.app-sidebar{width:100%!important;height:64px!important;flex-direction:row!important;border-right:none!important;border-bottom:1px solid var(--border);padding:0 16px!important;gap:16px!important;justify-content:space-around!important}}