:root{--background:#f6f8fb;--foreground:#142033;--surface:#fff;--surface-hover:#f0f4f8;--border:#e2e8f0;--primary:#4967e8;--primary-hover:#3854cf;--secondary:#64748b;--accent:#7c5ce6;--success:#14966b;--warning:#c78316;--danger:#d95555;--card-bg:#fff;--glass:#fff;--glass-border:#e2e8f0;--muted:#65748b;--shadow-sm:0 1px 2px #1420330a,0 8px 24px #1420330a;--radius:16px}.light{--background:#f6f8fb;--foreground:#142033;--surface:#fff;--surface-hover:#f0f4f8;--border:#e2e8f0;--card-bg:#fff;--glass:#fff;--glass-border:#e2e8f0;--muted:#65748b}.dark{--background:#0b1220;--foreground:#e5edf8;--surface:#111b2e;--surface-hover:#17243a;--border:#263650;--card-bg:#111b2e;--glass:#111b2e;--glass-border:#263650;--muted:#9aabc2;--shadow-sm:0 1px 2px #00000038,0 8px 24px #0000002e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);min-height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}body.light,body.dark{background:var(--background)!important}button,input,select{font:inherit}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #4967e859}.container{width:100%;max-width:1240px;margin:0 auto;padding:24px}.navbar{z-index:1000;background:color-mix(in srgb,var(--surface)94%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;min-height:68px;padding:12px 24px;display:flex;position:sticky;top:0}.auth-card,.table-container,.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.auth-card{width:100%;max-width:460px;margin:48px auto;padding:28px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:700;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 14px #4967e833}.btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.btn-secondary{background:var(--surface);color:var(--foreground);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-hover);box-shadow:none}.btn-sm{min-height:38px;padding:8px 12px;font-size:.82rem}.btn-icon{min-width:40px;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--surface-hover);color:var(--primary)}.input-group{margin-bottom:18px}.input-group label{color:var(--muted);margin-bottom:7px;font-size:.82rem;font-weight:700;display:block}.input-group input,.input-group select,.table-input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--foreground);border-radius:10px;outline:none;padding:10px 12px}.input-group input:focus,.input-group select:focus,.table-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4967e81f}h1{color:var(--foreground);letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(1.55rem,4vw,2.35rem);font-weight:800;line-height:1.15}h2,h3,h4{color:var(--foreground);letter-spacing:-.02em}p{color:var(--muted)}.tag{border-radius:999px;align-items:center;padding:4px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.tag-lang{color:#4967e8;background:#eef1ff;border:1px solid #d8e0ff}.main-layout{min-height:calc(100vh - 68px);display:flex}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex:0 0 232px;width:232px;padding:24px 14px}.sidebar-section{flex-direction:column;gap:5px;display:flex}.sidebar-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:0 10px 8px;font-size:.7rem;font-weight:800}.sidebar-item{min-height:44px;color:var(--muted);cursor:pointer;border-radius:11px;align-items:center;gap:10px;padding:8px 10px;font-weight:650;transition:background .18s,color .18s;display:flex}.sidebar-item:hover{background:var(--surface-hover);color:var(--foreground)}.sidebar-item.active{color:var(--primary);background:#eef1ff}.sidebar-icon{border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-icon.whatsapp{color:#159b68;background:#e8f8ef}.sidebar-icon.line{color:#0aab49;background:#e8f7e8}.sidebar-item.active .sidebar-icon.whatsapp{color:#fff;background:#159b68}.sidebar-item.active .sidebar-icon.line{color:#fff;background:#0aab49}.platform-tabs{border:1px solid var(--border);background:var(--surface-hover);border-radius:13px;gap:4px;width:100%;padding:4px;display:flex}.platform-tabs button{min-height:42px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:.78rem;font-weight:750;display:inline-flex}.platform-tabs button.active.whatsapp{color:#fff;background:#159b68}.platform-tabs button.active.line{color:#fff;background:#0aab49}.brand-icon{object-fit:contain;flex:none;display:inline-block}.brand-icon-whatsapp{color:#25d366}.brand-icon-line{color:#00b900}.content-area{flex:1;min-width:0;padding:26px 20px 48px}.mobile-bottom-nav{display:none}.settings-theme-row,.settings-link-row{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--foreground);text-align:left;font:inherit;background:0 0;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.settings-link-row{cursor:pointer}.settings-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:2rem 0 .25rem;font-size:.75rem}.settings-mfa-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:.75rem 1rem;padding:1rem 0;display:grid}.platform-connection-status{border:1px solid var(--border);color:var(--foreground);font:inherit;background:0 0;border-radius:10px;align-items:center;gap:.55rem;margin-bottom:1.5rem;padding:.55rem .75rem;display:inline-flex}.platform-connection-status:not(:disabled){cursor:pointer}.platform-connection-status:not(:disabled):hover{border-color:var(--primary);color:var(--primary)}.platform-connection-status.linked{cursor:default;border-color:#0000}.platform-connection-status.linked span:before{content:"●";color:#4ade80;margin-right:.35rem}.group-list-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);margin-top:1rem;overflow:hidden}.group-list-header{background:var(--surface-hover);border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:12px 20px;font-size:.72rem;font-weight:800;display:flex}.group-list-header .col-user-lang{text-align:left;flex:0 0 25%}.group-list-header .col-group-name{text-align:left;flex:0 0 50%}.group-list-header .col-friend-lang{text-align:right;flex:0 0 25%}.group-list-body{flex-direction:column;display:flex}.group-list-row{border-bottom:1px solid var(--border);align-items:center;padding:14px 20px;transition:background .15s;display:flex}.group-list-row:last-child{border-bottom:none}.group-list-row:hover{background:var(--surface-hover)}.group-list-row .col-user-lang{flex:0 0 25%;justify-content:flex-start;align-items:center;display:flex}.group-list-row .col-group-name{flex:0 0 50%;justify-content:flex-start;align-items:center;min-width:0;display:flex}.group-list-row .col-friend-lang{flex:0 0 25%;justify-content:flex-end;align-items:center;display:flex}.group-name-text{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:650;overflow:hidden}.flag-icon{justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex}.friend-lang-btn{border:1px solid var(--border);background:var(--surface);color:var(--foreground);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:4px 10px 4px 8px;transition:border-color .15s,background-color .15s;display:inline-flex}.friend-lang-btn:hover{border-color:var(--primary);background:#f7f8ff}.edit-badge{background:color-mix(in srgb,var(--primary)12%,transparent);width:22px;height:22px;color:var(--primary);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.group-list-empty{text-align:center;color:var(--muted);padding:3rem 1.5rem;font-size:.9rem}.language-list-container{flex-direction:column;gap:6px;max-height:62vh;padding:10px 14px 18px;display:flex;overflow-y:auto}.language-option-row{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--foreground);text-align:left;cursor:pointer;border-radius:12px;outline:none;align-items:center;gap:12px;padding:10px 14px;transition:background-color .15s,border-color .15s;display:flex}.language-option-row:hover{background:var(--surface-hover);border-color:color-mix(in srgb,var(--primary)40%,var(--border))}.language-option-row.selected{background:color-mix(in srgb,var(--primary)10%,var(--surface));border-color:var(--primary)}.custom-radio{border:2px solid var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .15s,background-color .15s;display:inline-flex}.custom-radio.checked{border-color:var(--primary)}.radio-dot{background:var(--primary);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .15s,transform .15s;transform:scale(.5)}.custom-radio.checked .radio-dot{opacity:1;transform:scale(1)}.language-option-name{color:var(--foreground);flex:1;font-size:.95rem;font-weight:650}@media (max-width:768px){.container{padding:16px}.navbar{display:none!important}.auth-card{border-radius:14px;margin:24px auto;padding:22px 18px}.main-layout{display:block}.sidebar,.mobile-overlay,.desktop-header-actions{display:none!important}.content-area{padding:max(16px,env(safe-area-inset-top))10px calc(86px + env(safe-area-inset-bottom))}.mobile-bottom-nav{z-index:800;padding:8px 4px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface)96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(5,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a1f}.mobile-bottom-nav button{min-height:48px;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:.65rem;font-weight:700;display:flex}.mobile-bottom-nav button.active{background:color-mix(in srgb,var(--primary)12%,transparent);color:var(--primary)}.table-container{box-shadow:none;background:0 0;border:0;margin-top:14px;overflow:visible}.groups-desktop{display:none}.groups-mobile{display:block}.group-list-header{padding:10px 14px;font-size:.68rem}.group-list-row{padding:12px 14px}.flag-icon{font-size:1.35rem}.group-name-text{font-size:.88rem}.friend-lang-btn{padding:3px 8px 3px 6px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{max-height:78vh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;transform:translateY(18px)}.language-list-container{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}}@media (min-width:769px){.mobile-overlay{display:none!important}}@media (min-width:1100px){.content-area{padding-inline:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.settings-connections{margin:2rem 0}.settings-binding-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.settings-binding-info{align-items:center;gap:.75rem;min-width:0;display:flex}.settings-binding-info strong,.settings-binding-info small{display:block}.settings-binding-info small{color:var(--muted);margin-top:.2rem;font-size:.8rem}.settings-unlink-action{min-height:38px}.settings-unlink-action:disabled{opacity:.6;cursor:wait}.unlink-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0208179e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.unlink-modal-content{width:min(100%,420px);max-height:min(90vh,560px);overflow-y:auto}.unlink-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.unlink-mfa-label{color:var(--muted);margin-bottom:.5rem;font-size:.82rem;font-weight:700;display:block}.unlink-mfa-input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:52px;color:var(--foreground);text-align:center;letter-spacing:.45rem;border-radius:10px;font-size:1.5rem}.unlink-modal-error{color:var(--danger);margin-top:1rem;font-size:.85rem}