.clone-chat-page{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:#06131c;color:#fff;overflow:hidden}.clone-chat-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(180deg,#041722fa,#061924f2);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-left,.header-right{flex-shrink:0}.chat-header-meta{flex:1;min-width:0}.chat-user-name{margin:0;color:#fff;font-size:1.15rem;font-weight:700}.chat-user-status{margin:2px 0 0;color:#ffffffb8;font-size:.84rem}.chat-user-status.status-angry{color:#ff8b8b;animation:statusPulseSlow 1.5s ease-in-out infinite}.chat-user-status.status-rage{color:#ff3b3b;animation:statusPulseFast .7s ease-in-out infinite}@keyframes statusPulseSlow{0%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes statusPulseFast{0%{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.icon-btn,.secondary-btn,.send-btn{border:none;outline:none;cursor:pointer}.icon-btn{width:40px;height:40px;border-radius:999px;color:#fff;background:#ffffff0f;flex-shrink:0}.secondary-btn.compact-btn{padding:10px 16px;border-radius:14px;color:#fff;background:#ffffff14;flex-shrink:0}.anger-meter{height:5px;width:100%;background:#ffffff14;overflow:hidden}.anger-fill{height:100%;width:0%;background:linear-gradient(to right,#f59e0b,#ef4444);transition:width .22s ease}.clone-chat-messages{flex:1;min-height:0;overflow-y:auto;padding:14px 12px 18px;background:radial-gradient(circle at top,rgba(185,28,28,.12),transparent 35%),linear-gradient(180deg,#05131d,#071923);display:flex;flex-direction:column}.message-pop{animation:messagePop .35s cubic-bezier(.2,.9,.2,1)}@keyframes messagePop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.message-bubble-wrap{max-width:82%}.clone-bubble{word-break:break-word;overflow-wrap:anywhere;line-height:1.65;border-radius:18px;padding:12px 15px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px #0000002e}.clone-bubble.other{background:#203446;color:#fff}.clone-bubble.mine{background:#10bfa0;color:#fff}.message-text{display:block;white-space:pre-wrap;text-align:left;letter-spacing:.01em}.message-meta{margin-top:5px;font-size:11px;opacity:.8;color:#ffffffb3}.message-meta.mine{text-align:right}.message-meta.other{text-align:left}.typing-bubble{display:inline-flex;align-items:center;gap:6px;min-height:20px}.typing-dot{width:7px;height:7px;border-radius:999px;background:#ffffffd9;display:inline-block;animation:typingBounce 1s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.12s}.typing-dot:nth-child(3){animation-delay:.24s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-4px);opacity:1}}.clone-chat-input-bar{border-top:1px solid rgba(255,255,255,.08);background:#06131cf7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px}.clone-chat-input-form{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.clone-emoji-meter-btn{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0f,0 4px 12px #0000002e;flex-shrink:0;padding:0;margin:0;transform:translateZ(0)}.clone-emoji-meter-face{font-size:28px;line-height:1;display:inline-flex;align-items:center;justify-content:center;animation:cloneEmojiPulse 2s ease-in-out infinite}.clone-emoji-meter-btn.anger-level-0,.clone-emoji-meter-btn.anger-level-1,.clone-emoji-meter-btn.anger-level-2{background:#ffffff0f}.clone-emoji-meter-btn.anger-level-3,.clone-emoji-meter-btn.anger-level-4,.clone-emoji-meter-btn.anger-level-5{background:#f59e0b29}.clone-emoji-meter-btn.anger-level-6,.clone-emoji-meter-btn.anger-level-7,.clone-emoji-meter-btn.anger-level-8{background:#f9731633}.clone-emoji-meter-btn.anger-level-9,.clone-emoji-meter-btn.anger-level-10,.clone-emoji-meter-btn.anger-level-11,.clone-emoji-meter-btn.anger-level-12{background:#ef444438}.clone-emoji-meter-btn.anger-level-13{background:#7f1d1d57}.clone-chat-input{flex:1;min-width:0;height:48px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#1a3140;color:#fff;padding:0 16px;outline:none}.clone-chat-input::placeholder{color:#ffffff9e}.send-btn{height:48px;padding:0 18px;border-radius:24px;background:#14b8a6;color:#fff;font-weight:700;flex-shrink:0}.send-btn:disabled{opacity:.6;cursor:not-allowed}.brutal-btn-vibrate{animation:vibrate .2s infinite}@keyframes cloneEmojiPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes vibrate{0%{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}to{transform:translate(0)}}@media (max-width: 640px){.clone-chat-header{gap:8px;padding:10px}.secondary-btn.compact-btn{padding:9px 13px}.message-bubble-wrap{max-width:88%}.clone-emoji-meter-btn{width:48px;height:48px;min-width:48px;min-height:48px}.clone-emoji-meter-face{font-size:25px}.clone-chat-input{height:46px}.send-btn{height:46px;padding:0 16px}}:root{--bg: #04141d;--panel: #0a1d29;--surface: #1b2d39;--text: #eef4f7;--muted: #97a8b3;--line: #1f3a49;--brand: #00b894;--white: #ffffff;--danger: #d64545;--shadow: 0 10px 30px rgba(0, 0, 0, .18);--radius: 16px;--font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--header-h: 72px;--input-h: 74px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}.page{min-height:100dvh}.auth-page,.app-page{background:linear-gradient(180deg,rgba(0,184,148,.07),transparent 180px),var(--bg)}.auth-page{display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:28px 20px}.app-title{margin:0 0 8px;font-size:28px;font-weight:800;color:var(--white)}.auth-subtitle{margin:0 0 18px;color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.auth-tab{min-height:44px;padding:10px 12px;border-radius:12px;background:var(--surface);color:var(--text);border:1px solid var(--line)}.auth-tab.active{background:#00b89424;border-color:#00b89459}.auth-form{display:grid;gap:14px}.auth-label{display:grid;gap:8px;font-size:14px;color:var(--text)}.auth-input{width:100%;height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);outline:none}.auth-input::placeholder{color:var(--muted)}.primary-btn{min-height:48px;padding:0 16px;border-radius:14px;background:var(--brand);color:var(--white);font-weight:700}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.alert{margin-bottom:14px;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.4}.alert.success{background:#00b89424;border:1px solid rgba(0,184,148,.35);color:#d9fff7}.alert.error{background:#d6454524;border:1px solid rgba(214,69,69,.35);color:#ffd7d7}.topbar{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#0a1d29eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title{margin:0;font-size:20px;font-weight:700}.topbar-subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}.content{width:100%;max-width:1120px;margin:0 auto;padding:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.section-title{margin:0 0 14px;font-size:18px;font-weight:700}.muted{color:var(--muted)}.app-loader-wrap{min-height:100dvh;display:grid;place-items:center;gap:14px;background:var(--bg)}.app-loader{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:var(--brand);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-content{display:grid;gap:16px}.home-topbar-actions{display:flex;align-items:center;gap:8px}.secondary-btn{min-height:40px;padding:0 14px;border-radius:12px;background:var(--surface);color:var(--text);border:1px solid var(--line)}.search-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:14px}.search-empty{border:1px dashed var(--line);border-radius:12px;padding:14px;color:var(--muted);background:#ffffff05}.user-result-card{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--text)}.avatar-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#00b89429;color:var(--white);font-weight:800;flex:0 0 auto}.user-result-meta{min-width:0}.user-result-name{margin:0 0 4px;font-size:16px;font-weight:700}.chat-page{display:flex;flex-direction:column;min-height:100dvh;max-width:760px;margin:0 auto;background:var(--bg)}.chat-header{position:sticky;top:0;z-index:30;min-height:var(--header-h);display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line);background:#0a1d29f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn{width:42px;height:42px;border-radius:50%;background:var(--surface);color:var(--text);flex:0 0 auto}.chat-header-meta{min-width:0;flex:1}.chat-user-name{margin:0;font-size:16px;font-weight:700}.chat-user-status{margin:4px 0 0;color:var(--muted);font-size:12px}.chat-alert{margin:10px 12px 0;padding:10px 12px;border-radius:12px;font-size:13px}.chat-alert.error{background:#d6454524;border:1px solid rgba(214,69,69,.35);color:#ffd7d7}.chat-messages{flex:1;overflow-y:auto;padding:14px 12px calc(var(--input-h) + 16px)}.chat-empty-state{margin:18px auto;max-width:320px;padding:14px;text-align:center;border-radius:14px;color:var(--muted);border:1px dashed var(--line);background:#ffffff05}.load-older-wrap{display:flex;justify-content:center;margin-bottom:12px}.message-row{display:flex;margin-bottom:10px;width:100%}.message-row.mine{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-bubble-wrap{display:flex;flex-direction:column;max-width:78%;min-width:120px}.message-bubble{width:fit-content;max-width:100%;min-width:80px;padding:10px 12px;border-radius:14px;background:var(--surface);color:var(--text);line-height:1.45;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.message-row.mine .message-bubble{margin-left:auto;background:var(--brand);color:var(--white)}.message-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.message-meta.mine{justify-content:flex-end;text-align:right}.message-meta.other{justify-content:flex-start;text-align:left}.message-status.sending{color:#ffe08a}.retry-btn{min-height:24px;padding:2px 8px;border-radius:999px;background:#d645452e;border:1px solid rgba(214,69,69,.3);color:#ffd7d7;font-size:11px}.chat-input-bar{position:sticky;bottom:0;z-index:30;min-height:var(--input-h);display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0a1d29f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-input-form{width:100%;display:flex;align-items:center;gap:10px}.hidden-file-input{display:none}.upload-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--text);font-size:24px;flex:0 0 auto}.chat-input{flex:1;min-width:0;height:48px;padding:0 14px;border-radius:24px;border:1px solid var(--line);background:var(--surface);color:var(--text);outline:none}.chat-input::placeholder{color:var(--muted)}.send-btn{height:48px;padding:0 16px;border-radius:24px;background:var(--brand);color:var(--white);font-weight:700}.send-btn:disabled{opacity:.7;cursor:not-allowed}.message-media{display:block;max-width:min(260px,72vw);max-height:280px;border-radius:12px}.message-audio{width:min(260px,72vw)}.message-file-link{color:inherit;text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#0e1a22;border-radius:14px;padding:18px;width:260px;box-shadow:0 10px 40px #00000080}.modal-actions{display:flex;justify-content:space-between;gap:10px}.modal-btn{flex:1;height:40px;border-radius:10px;border:none;cursor:pointer;font-weight:600}.modal-btn.cancel{background:#24333d;color:#fff}.modal-btn.ok{background:#00bfa5;color:#fff}@media (max-width: 640px){.auth-card{padding:22px 16px;border-radius:18px}.search-form{grid-template-columns:1fr}.message-bubble-wrap{max-width:86%}}.whatsapp-chat-page{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;max-height:100dvh}.whatsapp-chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.whatsapp-chat-input-bar{flex:0 0 auto}.upload-progress-wrap{display:flex;align-items:center;gap:8px;margin-top:6px}.upload-progress-bar{width:100%;max-width:120px;height:6px;border-radius:999px;background:#ffffff29;overflow:hidden}.upload-progress-fill{height:100%;border-radius:999px;background:var(--brand);transition:width .2s ease}.upload-progress-text{font-size:11px;color:var(--muted);min-width:34px;text-align:right}@media (max-width: 640px){.whatsapp-chat-page{max-width:100%}.chat-header{flex:0 0 auto}.chat-messages{padding-bottom:calc(var(--input-h) + 22px)}.chat-input-bar{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}.premium-admin-page{min-height:100dvh;display:grid;grid-template-columns:280px 1fr;background:radial-gradient(circle at top left,rgba(0,184,148,.08),transparent 260px),#04141d}.premium-admin-sidebar{border-right:1px solid var(--line);background:#0a1d29e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 14px}.premium-admin-brand{margin-bottom:18px}.premium-admin-title{margin:0;font-size:28px;font-weight:800;color:var(--white)}.premium-admin-subtitle{margin:4px 0 0;color:var(--muted)}.premium-admin-nav{display:grid;gap:8px}.premium-admin-nav-btn{width:100%;text-align:left;padding:12px 14px;border-radius:14px;background:transparent;color:var(--text);border:1px solid transparent}.premium-admin-nav-btn:hover{background:var(--surface)}.premium-admin-nav-btn.active{background:#00b89424;border-color:#00b89447;color:var(--white)}.premium-admin-main{min-width:0;display:flex;flex-direction:column}.premium-admin-topbar{position:sticky;top:0;z-index:20;height:76px;padding:12px 20px;border-bottom:1px solid var(--line);background:#0a1d29e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:12px}.premium-admin-panel-title{margin:0;font-size:28px;font-weight:800}.premium-admin-panel-subtitle{margin:4px 0 0;color:var(--muted)}.premium-admin-content{width:100%;max-width:1240px;margin:0 auto;padding:20px}.premium-admin-card{background:#0a1d29eb;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.premium-admin-stack{display:grid;gap:16px}.premium-admin-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-stat-card{background:#1b2d39eb;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.admin-stat-title{margin:0 0 6px;color:var(--muted);font-size:13px}.admin-stat-value{margin:0;font-size:30px;font-weight:800}.admin-stat-note{margin:8px 0 0;color:var(--muted);font-size:12px}.premium-admin-list{display:grid;gap:12px}.premium-admin-list-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-align:left}.premium-clickable{cursor:pointer}.premium-admin-list-main{min-width:0;flex:1;display:grid;gap:6px}.premium-admin-item-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.premium-admin-list-actions{display:flex;flex-wrap:wrap;gap:8px}.premium-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;align-items:start}.premium-media-card{min-width:0;overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid var(--line);padding:10px}.premium-media-preview-btn{display:block;width:100%;padding:0;background:transparent;border:0}.premium-media-thumb{display:block;width:100%;height:200px;object-fit:cover;border-radius:14px;background:#09141a}.premium-media-audio{width:100%}.premium-media-file-link{display:inline-flex;max-width:100%;word-break:break-word;color:var(--text);text-decoration:underline}.premium-media-meta{margin-top:10px;display:grid;gap:4px;color:var(--muted);font-size:12px}.premium-media-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#01080ce6;display:flex;align-items:center;justify-content:center;padding:18px}.premium-media-viewer-shell{position:relative;width:min(96vw,1100px);height:min(92vh,900px);border-radius:18px;background:#071219;border:1px solid var(--line);padding:20px;box-shadow:0 24px 70px #00000073}.premium-media-viewer-close{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;background:#ffffff14;color:var(--white);font-size:26px;line-height:1}.premium-media-viewer-body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}.premium-media-viewer-image{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:14px}@media (max-width: 960px){.premium-admin-page{grid-template-columns:1fr}.premium-admin-sidebar{position:sticky;top:0;z-index:25;border-right:0;border-bottom:1px solid var(--line);padding:12px}.premium-admin-nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-bottom:2px}.premium-admin-nav-btn{white-space:nowrap}.premium-admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.premium-admin-content{padding:12px}.premium-admin-panel-title{font-size:22px}.premium-admin-list-item{flex-direction:column;align-items:stretch}.premium-admin-list-actions{width:100%}.premium-media-grid{grid-template-columns:1fr 1fr}.premium-media-thumb{height:160px}}@media (max-width: 480px){.premium-media-grid{grid-template-columns:1fr}}