*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--rose:#1E5DD8;--coral:#3B82F6;--gold:#0EA5E9;--bg:#F0F6FF;--text:#0A1B3D;--text2:#1E3A5F;--muted:#6B8AB3;--border:rgba(30,93,216,.12);--border2:rgba(10,27,61,.08);--rose-pale:#E0EBFF;--shadow:0 2px 12px rgba(10,27,61,.06);--shadow-lg:0 8px 40px rgba(10,27,61,.14)}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.serif{font-family:Fraunces,serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes push-progress{0%{width:100%}to{width:0%}}.fade-up{animation:fadeUp .45s ease both}.fade-up-1{animation-delay:.08s}.fade-up-2{animation-delay:.15s}.fade-up-3{animation-delay:.22s}.fade-up-4{animation-delay:.3s}.fade-up-5{animation-delay:.38s}.page{min-height:100vh;padding-bottom:120px;padding-bottom:calc(120px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;position:relative}.card{background:#fff;border:1.5px solid var(--border);border-radius:24px;padding:22px 20px;box-shadow:var(--shadow)}.btn-primary{background:linear-gradient(135deg,var(--rose),var(--coral));color:#fff;border:none;border-radius:16px;padding:14px 22px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 18px #1e5dd847}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #1e5dd861}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-outline{background:#fff;color:var(--rose);border:1.5px solid rgba(30,93,216,.25);border-radius:16px;padding:13px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--rose-pale)}.field{width:100%;background:#fff7f9;border:1.5px solid rgba(30,93,216,.15);color:var(--text);padding:14px 16px;border-radius:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;outline:none;transition:border-color .2s}.field:focus{border-color:#1e5dd873}.field::placeholder{color:#1e5dd859}.pill{background:var(--rose-pale);border:1px solid rgba(30,93,216,.2);color:var(--rose);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;display:inline-block}.pill-gold{background:#fff8ec;border:1px solid rgba(201,151,74,.2);color:var(--gold);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.section-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--coral));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.online-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;display:inline-block;margin-right:6px}@keyframes navPop{0%{transform:scale(.7) translateY(8px);opacity:0}65%{transform:scale(1.12) translateY(-4px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes navGlow{0%,to{box-shadow:0 6px 20px #1e5dd859}50%{box-shadow:0 8px 28px #1e5dd88c}}.nav-bottom{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;background:#fffcfaeb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:999px;border:1.5px solid rgba(30,93,216,.1);display:flex;align-items:center;padding:10px 8px;z-index:100;box-shadow:0 8px 32px #1a0d121f,0 2px 8px #1a0d120f;gap:0}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;padding:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent;position:relative;gap:0}.nav-item:active{transform:scale(.88)}.nav-icon-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.nav-item.active .nav-icon-wrap{background:linear-gradient(135deg,var(--rose),var(--coral));transform:translateY(-18px);box-shadow:0 8px 24px #1e5dd873;animation:navGlow 2.5s ease-in-out infinite;width:52px;height:52px}.nav-item.active .nav-icon-wrap:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:20px;height:6px;border-radius:50%;background:#1e5dd840;filter:blur(4px)}.nav-icon-emoji{font-size:22px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:block;filter:saturate(1.1) opacity(.88) drop-shadow(0 1px 2px rgba(0,0,0,.08))}.nav-item.active .nav-icon-emoji{font-size:24px;filter:saturate(1.3) opacity(1) brightness(1.1) drop-shadow(0 2px 6px rgba(255,255,255,.8));animation:navPop .38s cubic-bezier(.34,1.56,.64,1)}.nav-label{font-size:9px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;letter-spacing:.04em;color:var(--muted);transition:all .25s ease;margin-top:4px;opacity:.8}.nav-item.active .nav-label{color:var(--rose);opacity:1;font-weight:800}.room-card{background:#fff;border:1.5px solid var(--border2);border-radius:20px;padding:18px;cursor:pointer;box-shadow:var(--shadow);transition:all .22s}.room-card:hover,.room-card.active{border-color:var(--rose);box-shadow:0 0 0 3px #1e5dd81a,var(--shadow)}.pdf-row{background:#fff;border:1.5px solid var(--border2);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.btn-wa{flex:1;background:#25d366;color:#fff;border:none;border-radius:13px;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.shimmer-text{background:linear-gradient(90deg,var(--rose) 0%,var(--coral) 50%,var(--rose) 100%);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s infinite}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#0a1b3d;color:#fff;padding:11px 22px;border-radius:14px;font-size:14px;font-weight:600;z-index:999;box-shadow:0 4px 24px #0000004d;white-space:nowrap;animation:fadeUp .3s ease}.flex{display:flex!important}.flex-col{display:flex!important;flex-direction:column!important}.flex-center{display:flex!important;align-items:center!important}.flex-between{display:flex!important;align-items:center!important;justify-content:space-between!important}.flex-wrap{display:flex!important;flex-wrap:wrap!important}.grid-2{display:grid!important;grid-template-columns:1fr 1fr!important}.gap-4{gap:4px!important}.gap-6{gap:6px!important}.gap-8{gap:8px!important}.gap-10{gap:10px!important}.gap-12{gap:12px!important}.gap-14{gap:14px!important}.gap-16{gap:16px!important}.gap-20{gap:20px!important}.mb-4{margin-bottom:4px!important}.mb-8{margin-bottom:8px!important}.mb-10{margin-bottom:10px!important}.mb-14{margin-bottom:14px!important}.mb-16{margin-bottom:16px!important}.mb-20{margin-bottom:20px!important}.mb-24{margin-bottom:24px!important}.w-full{width:100%!important}.text-center{text-align:center!important}.hidden{display:none!important}