:root{--primary:#ef4136;--primary-dark:#d43a2f;--primary-light:#f26b62;--secondary:#2c3e50;--success:#27ae60;--warning:#f39c12;--danger:#e74c3c;--gray-100:#f8f9fa;--gray-200:#ecf0f1;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--gray-100);color:var(--gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}.container{max-width:480px;margin:0 auto;padding:0 16px}h1{font-size:28px;font-weight:700}h2{font-size:22px;font-weight:600}h3{font-size:18px;font-weight:600}h4{font-size:16px;font-weight:600}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-dark);transform:scale(.98)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:active{background:var(--primary-light);color:#fff}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;margin-bottom:16px;padding:20px}.bottom-nav{border-top:1px solid var(--gray-200);z-index:100;background:#fff;justify-content:space-around;max-width:480px;margin:0 auto;padding:12px 16px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.nav-item{color:var(--gray-600);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:12px;transition:color .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-item svg{width:24px;height:24px}.input-group{margin-bottom:16px}.input-group label{color:var(--gray-700);margin-bottom:8px;font-weight:500;display:block}.input-group input{border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);width:100%;padding:12px;font-size:16px;transition:border-color .2s}.input-group input:focus{border-color:var(--primary);outline:none}.points-hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-lg);text-align:center;margin-bottom:20px;padding:24px}.points-value{margin:8px 0;font-size:48px;font-weight:800}.text-center{text-align:center}.text-primary{color:var(--primary)}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-3{padding:12px}.p-4{padding:16px}