:root{--primary: #6366F1;--primary-dark: #4F46E5;--secondary: #10B981;--accent: #F59E0B;--bg-light: #F8FAFC;--white: #FFFFFF;--text-dark: #0F172A;--text-grey: #64748B;--border: #E2E8F0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--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;overflow-x:hidden}h1,h2,h3{color:var(--text-dark);font-weight:800;letter-spacing:-.025em}.premium-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.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-sm);font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow)}.input-field{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;background:var(--white);color:var(--text-dark);outline:none;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s cubic-bezier(.4,0,.2,1) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mobile-overflow-x{overflow-x:auto;-webkit-overflow-scrolling:touch;cursor:grab}.mobile-overflow-x:active{cursor:grabbing}.mobile-hide{display:block}.mobile-show{display:none}@media(max-width:1024px){.tablet-hide{display:none!important}}@media(max-width:768px){.mobile-hide{display:none!important}.mobile-show{display:block!important}.mobile-col{flex-direction:column!important}.mobile-grid-2{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.mobile-p-16{padding:16px!important}.mobile-p-24{padding:24px!important}.mobile-w-full{width:100%!important;border-left:none!important;border-right:none!important}.mobile-text-sm{font-size:13px!important}.mobile-text-xs{font-size:11px!important}.mobile-font-lg{font-size:18px!important}.mobile-font-md{font-size:15px!important}.mobile-font-sm{font-size:13px!important}.mobile-font-xs{font-size:11px!important}.mobile-title-md{font-size:20px!important}.mobile-title-sm{font-size:16px!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}.mobile-gap-8{gap:8px!important}.mobile-gap-16{gap:16px!important}.mobile-m-0{margin:0!important}.mobile-table-card tr{display:flex;flex-direction:column;padding:16px;background:#fff;margin-bottom:12px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.mobile-table-card thead{display:none}.mobile-table-card td{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0!important;border:none!important;text-align:right}.mobile-table-card td>div{display:flex;flex-direction:column;align-items:flex-end}.mobile-table-card td:before{content:attr(data-label);font-weight:800;color:var(--text-grey);font-size:11px;text-transform:uppercase;letter-spacing:.02em}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;height:64px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-around!important;align-items:center;border-top:1px solid var(--border);box-shadow:0 -4px 12px #0000000d;z-index:1000;padding:0 8px;padding-bottom:env(safe-area-inset-bottom)}}