.no-connection[data-v-7c53fb51]{background:var(--bg-primary);display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--spacing)}.no-conn-content[data-v-7c53fb51]{text-align:center;max-width:320px}.no-conn-icon[data-v-7c53fb51]{color:var(--text-muted);margin-bottom:24px;opacity:.8}.no-conn-title[data-v-7c53fb51]{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.no-conn-desc[data-v-7c53fb51]{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.retry-btn[data-v-7c53fb51]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;background:var(--primary);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.retry-btn[data-v-7c53fb51]:active{opacity:.9}#app-root{height:100%;width:100%;position:relative;overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg-primary: #0D0D1A;--bg-secondary: #1A1A2E;--bg-card: #16162A;--bg-card-hover: #1E1E35;--bg-elevated: #1E1E35;--primary: #6C63FF;--primary-hover: #5B52E8;--danger: #FF6584;--success: #22c55e;--text-primary: #FFFFFF;--text-secondary: #A0A0B8;--text-muted: #6B6B8A;--border: rgba(255, 255, 255, .08);--radius: 12px;--radius-sm: 8px;--radius-full: 9999px;--touch-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--spacing: 16px;--spacing-sm: 12px;--spacing-lg: 20px;--msg-theirs-bg: rgba(255,255,255,.08);--system-msg-bg: rgba(255,255,255,.05)}[data-theme=light],html.light{--bg-primary: #F5F5FA;--bg-secondary: #EBEBF0;--bg-card: #FFFFFF;--bg-card-hover: #F0F0F5;--bg-elevated: #FFFFFF;--text-primary: #1A1A2E;--text-secondary: #4A4A6A;--text-muted: #7A7A9A;--border: rgba(0, 0, 0, .08);--msg-theirs-bg: rgba(0, 0, 0, .06);--system-msg-bg: rgba(0, 0, 0, .04)}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Cairo,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;width:100%;max-width:100%;margin:0 auto;position:relative;overflow:hidden;background:var(--bg-primary)}@media(min-width:432px){#app{max-width:432px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb,html.light ::-webkit-scrollbar-thumb{background:#00000026}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.list-row-native{display:flex;align-items:center;padding:14px var(--spacing);background:var(--bg-card);border-radius:var(--radius);min-height:var(--touch-min)}.gradient-text{color:var(--primary);font-weight:700}.btn-gradient{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:Cairo;font-size:16px;font-weight:600;min-height:var(--touch-min);padding:0 24px;width:100%;transition:background .2s,opacity .2s}.btn-gradient:active{opacity:.9}.btn-gradient:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:Cairo;font-size:15px;font-weight:600;min-height:var(--touch-min);padding:0 20px;transition:background .2s}.btn-ghost:active{background:var(--bg-card)}.input-field{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Cairo;font-size:16px;font-weight:500;min-height:var(--touch-min);outline:none;padding:0 16px;width:100%;transition:border-color .2s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary)}.avatar{align-items:center;border-radius:50%;display:flex;font-family:Cairo;font-weight:700;justify-content:center;text-transform:uppercase;flex-shrink:0;overflow:hidden}.avatar-sm{width:40px;height:40px;font-size:16px}.avatar-md{width:48px;height:48px;font-size:18px}.avatar-lg{width:64px;height:64px;font-size:22px}.avatar-xl{width:88px;height:88px;font-size:28px}.page{display:flex;flex-direction:column;height:100%;position:absolute;width:100%;overflow-y:auto}.icon-btn-circle{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;height:var(--touch-min);justify-content:center;min-width:var(--touch-min);transition:background .2s;color:var(--text-secondary);flex-shrink:0}.icon-btn-circle:active{background:var(--bg-card-hover)}.icon-btn-circle.danger{background:#ff658426;color:var(--danger)}.icon-btn-circle.success{background:#22c55e26;color:var(--success)}.icon-btn-circle.primary{background:#6c63ff26;color:var(--primary)}.page-enter-active,.page-leave-active{transition:all .25s ease}.page-enter-from{opacity:0;transform:translate(12px)}.page-leave-to{opacity:0;transform:translate(-12px)}.slide-up-enter-active{transition:all .28s ease}.slide-up-leave-active{transition:all .2s ease}.slide-up-enter-from{opacity:0;transform:translateY(16px)}.slide-up-leave-to{opacity:0;transform:translateY(8px)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.text-center{text-align:center}.font-bold{font-weight:700}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.error-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#ff658424,#ff65840f);border:1px solid rgba(255,101,132,.35);border-radius:12px;color:var(--danger);font-size:14px;font-weight:500;font-family:Cairo,sans-serif;box-shadow:0 2px 12px #ff65841a}.error-toast-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ff658433;color:var(--danger)}.gradient-bg{background:var(--primary)!important}[dir=rtl] .link-arrow{transform:scaleX(-1)}.auth-pattern{position:relative}.auth-pattern:before{content:"";position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%236C63FF' stroke-width='0.4' opacity='0.6'%3E%3Cpath d='M20 28c0-1.5 1.2-3 3-3h24c1.8 0 3 1.5 3 3v16c0 1.5-1.2 3-3 3H26l-4 4v-4c-1.8 0-3-1.5-3-3V28z'/%3E%3Cpath d='M52 14c0-1 0.8-2 2-2h12c1.2 0 2 1 2 2v10c0 1-0.8 2-2 2H56l-2 2v-2c-1.2 0-2-1-2-2V14z'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='2' fill='%236C63FF' opacity='0.25'/%3E%3Ccircle cx='68' cy='68' r='2' fill='%236C63FF' opacity='0.25'/%3E%3Ccircle cx='68' cy='12' r='2' fill='%23FF6584' opacity='0.2'/%3E%3Ccircle cx='12' cy='68' r='2' fill='%2300D4FF' opacity='0.2'/%3E%3C/svg%3E");background-size:80px 80px;background-repeat:repeat;pointer-events:none;z-index:0}.auth-pattern>*{position:relative;z-index:1}