:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1f232c;--accent: #4f7cff;--accent-2: #2bd4a4;--text: #e7e9ee;--muted: #8b91a0;--me: #4f7cff;--them: #262b36}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Vazirmatn,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif}.center-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}.muted{color:var(--muted)}.error{color:#ff6b6b}.status{color:var(--accent-2)}.card,.auth-card{background:var(--panel);border-radius:18px;padding:24px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}input,.form input{background:var(--panel-2);border:1px solid #2b303b;color:var(--text);padding:12px 14px;border-radius:12px;font:inherit;outline:none}input:focus{border-color:var(--accent)}.btn{border:none;border-radius:12px;padding:12px 16px;font:inherit;cursor:pointer;color:#fff}.btn-primary{background:var(--accent)}.btn-google{background:#db4437}.btn-facebook{background:#1877f2}.btn-test{background:var(--accent-2);color:#06281f;font-weight:700}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#2b303b}.btn:disabled{opacity:.6;cursor:default}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit}.app-screen{max-width:540px;margin:0 auto}.app-header,.chat-room-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--panel)}.chat-list{list-style:none;margin:0;padding:0}.chat-item{display:flex;gap:12px;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid #20242d}.chat-item:hover{background:var(--panel-2)}.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#333}.chat-meta{display:flex;flex-direction:column;min-width:0}.chat-name{font-weight:600}.chat-preview{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:540px;margin:0 auto;overflow:hidden}.main-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.bottom-nav{flex-shrink:0;display:flex;background:var(--panel);border-top:1px solid #20242d;box-shadow:0 -4px 16px #00000040;padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.bottom-nav .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted);font-size:.72rem;padding:6px 0}.bottom-nav .tab .tab-icon{font-size:1.25rem;opacity:.6}.bottom-nav .tab.active{color:var(--accent)}.bottom-nav .tab.active .tab-icon{opacity:1}.bottom-nav .tab-icon{position:relative}.tab-badge{position:absolute;top:-4px;right:-8px;background:#ff3b5c;color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:999px;padding:0 4px}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:16px}.person-card{background:var(--panel);border:1px solid #20242d;border-radius:18px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font:inherit;color:var(--text);transition:transform .12s,border-color .12s}.person-card:active{transform:scale(.97)}.person-card:hover{border-color:var(--accent)}.person-avatar-wrap{position:relative}.person-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#2a2f3a;border:3px solid #2b303b}.online-dot{position:absolute;bottom:6px;right:6px;width:14px;height:14px;background:var(--accent-2);border:2px solid var(--panel);border-radius:50%}.person-name{font-weight:700;margin-top:8px;font-size:.98rem}.person-city{font-size:.8rem;color:var(--muted)}.person-bio{font-size:.78rem;color:var(--muted);text-align:center;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;color:var(--muted);text-align:center}.empty-emoji{font-size:3rem}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 16px 20px;background:linear-gradient(180deg,var(--panel) 0%,transparent 100%)}.profile-hero-avatar{width:104px;height:104px;border-radius:50%;overflow:hidden;border:3px solid var(--accent);box-shadow:0 6px 20px #4f7cff4d}.profile-hero-avatar img{width:100%;height:100%;object-fit:cover;background:#2a2f3a}.profile-hero-name{font-size:1.25rem;font-weight:700;margin-top:8px}.profile-hero-sub{color:var(--muted);font-size:.85rem}.settings-section{background:var(--panel);border-radius:16px;padding:16px}.settings-section h3{margin:0 0 12px;font-size:.95rem}.profile-form{display:flex;flex-direction:column;gap:12px}.profile-form input{width:100%}.photo-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.photo-thumb{position:relative;width:84px;height:84px}.photo-thumb img{width:100%;height:100%;object-fit:cover;border-radius:12px;background:#333}.photo-del{position:absolute;top:-6px;left:-6px;width:22px;height:22px;border-radius:50%;background:#ff6b6b;color:#fff;border:none;cursor:pointer;font-size:14px;line-height:1}.photo-add{width:84px;height:84px;border:2px dashed #2b303b;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--muted);cursor:pointer}.chat-room{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:540px;margin:0 auto;overflow:hidden}.chat-room-header{flex-shrink:0}.quota-badge{font-size:.72rem;background:var(--panel-2);color:var(--accent-2);padding:4px 8px;border-radius:999px}.messages{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;gap:6px}.bubble-row{display:flex}.bubble-row.me{justify-content:flex-start}.bubble-row.them{justify-content:flex-end}.bubble-wrap{position:relative;max-width:80%;cursor:pointer}.bubble{padding:9px 13px;border-radius:16px;line-height:1.55;word-wrap:break-word}.bubble.me{background:var(--me);color:#fff;border-bottom-right-radius:4px}.bubble.them{background:var(--them);border-bottom-left-radius:4px}.ticks{font-size:.62rem;opacity:.7;margin-right:6px;vertical-align:middle}.ticks.seen{color:#6fd0ff;opacity:1}.reaction-badge{position:absolute;bottom:-10px;inset-inline-start:8px;background:var(--panel-2);border:1px solid #2b303b;border-radius:999px;padding:1px 5px;font-size:.8rem}.reaction-bar{position:absolute;top:-42px;inset-inline-start:0;z-index:5;display:flex;gap:2px;background:var(--panel-2);border:1px solid #2b303b;border-radius:999px;padding:4px 6px;box-shadow:0 6px 18px #0006}.reaction-pick{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:2px}.reaction-pick:hover{transform:scale(1.25)}.typing{display:inline-flex;gap:4px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite both}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.composer{flex-shrink:0;display:flex;gap:8px;padding:12px;background:var(--panel)}.composer input{flex:1}.lock-banner{background:#2a1f1f;color:#ffb4b4;padding:10px 16px;text-align:center;cursor:pointer;font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--panel);border-radius:18px;padding:24px;width:100%;max-width:380px;position:relative;display:flex;flex-direction:column;gap:12px}.modal-close{position:absolute;top:10px;left:14px;background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer}.package-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.package-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--panel-2);border:1px solid #2b303b;color:var(--text);padding:14px;border-radius:12px;cursor:pointer;font:inherit}.package-btn:hover{border-color:var(--accent)}.pay-details{display:flex;flex-direction:column;gap:10px}.amount{font-size:1.6rem;font-weight:700;color:var(--accent-2);text-align:center}.wallet{background:var(--panel-2);padding:10px;border-radius:10px;word-break:break-all;font-size:.82rem;text-align:center}.spinner{width:36px;height:36px;border:3px solid #2b303b;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.file-label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--muted)}.oauth-btn{display:flex;justify-content:center}.admin-wrap{display:flex;min-height:100vh}.admin-sidebar{width:220px;background:var(--panel);padding:20px 14px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.admin-brand{margin:0 0 16px;font-size:1.1rem}.admin-sidebar nav{display:flex;flex-direction:column;gap:4px}.admin-sidebar nav a{color:var(--text);text-decoration:none;padding:10px 12px;border-radius:10px;font-size:.92rem}.admin-sidebar nav a:hover{background:var(--panel-2)}.admin-sidebar nav a.active{background:var(--accent);color:#fff}.admin-logout{margin-top:auto;text-align:right}.admin-content{flex:1;padding:28px;max-width:1000px}.admin-content h1{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stat-card{background:var(--panel);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:6px}.stat-value{font-size:1.8rem;font-weight:700;color:var(--accent-2)}.stat-label{color:var(--muted);font-size:.85rem}.admin-form{background:var(--panel);border-radius:14px;padding:18px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.admin-form h3{margin:0}.admin-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}.admin-form label.row{flex-direction:row;align-items:center;gap:8px;color:var(--text)}.admin-form .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-form textarea,.admin-form select{background:var(--panel-2);border:1px solid #2b303b;color:var(--text);padding:10px 12px;border-radius:10px;font:inherit;resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end}.admin-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:14px;overflow:hidden}.admin-table th,.admin-table td{padding:12px 14px;text-align:right;border-bottom:1px solid #20242d;font-size:.9rem}.admin-table th{color:var(--muted);font-weight:600}.admin-table td.row,.admin-table .row{display:flex;gap:12px}.link-btn.danger{color:#ff6b6b}.mono{font-family:monospace;font-size:.8rem}.badge{padding:3px 10px;border-radius:999px;font-size:.75rem}.badge-confirmed{background:#123d2e;color:#2bd4a4}.badge-pending{background:#3a341a;color:#e7c14f}.badge-failed,.badge-expired{background:#3a1f1f;color:#ff8e8e}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}.admin-wrap{flex-direction:column}.admin-sidebar{width:auto}}