:root{--app-surface: #ffffff;--app-canvas: #f6f7f3;--app-ink: #213b33;--app-muted: #586b60;--app-border: #dce4da;--app-tint: #edf3e7;--app-warning: #78541a;--app-warning-bg: #fff5dd;--app-danger: #a53b37;--app-danger-bg: #fff0e9;--app-sidebar-width: 248px;--app-radius: 16px;--scroll-thumb: #889b8d;--scroll-track: #eff2eb}html{scrollbar-gutter:stable;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scroll-padding-bottom:100px}*{scrollbar-width:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--app-muted)}::-webkit-scrollbar-thumb:active{background:var(--green)}.skip-navigation{position:fixed;left:16px;top:12px;z-index:110;padding:12px 18px;background:var(--app-surface);color:var(--dark);border-radius:8px;transform:translateY(-160%)}.skip-navigation:focus{transform:none}.app-sidebar{width:var(--app-sidebar-width);position:fixed;inset:0 auto 0 0;padding:32px 18px 20px;display:flex;flex-direction:column;background:var(--dark);color:var(--app-surface);overflow-y:auto;scrollbar-color:var(--app-muted) var(--dark)}.app-sidebar .brand{margin-left:14px}.app-sidebar .brand-symbol{background:var(--lime);color:var(--dark)}.app-sidebar .brand-dot{color:var(--lime)}.space-identity{display:flex;align-items:center;gap:10px;margin:32px 6px}.space-avatar{flex:0 0 36px;height:36px;border:1px solid #ffffff45;border-radius:12px;display:grid;place-items:center;color:var(--lime)}.space-identity>div{min-width:0}.space-identity strong{display:block;font-size:13px;font-weight:600}.space-identity div>span{display:block;font-size:11px;color:#c1d2c8;overflow-wrap:anywhere;margin-top:3px}.navigation-caption{font-size:10px;letter-spacing:1.5px;color:#b9cebf;margin:0 14px 12px}.app-sidebar nav,.navigation-sheet nav{display:flex;flex-direction:column;gap:5px}.app-sidebar nav button,.navigation-sheet nav button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;min-height:46px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;font-size:13px}.app-sidebar nav button{color:#d6e2d8}.app-sidebar nav button:hover{background:#ffffff0d}.app-sidebar nav button[aria-current=page]{background:var(--lime);color:var(--dark);font-weight:650}.app-sidebar nav button:nth-child(6){margin-top:18px}.destination-arrow{margin-left:auto}.navigation-footer{margin:auto 14px 0;padding-top:42px}.navigation-footer>svg{display:block;color:var(--lime);margin-bottom:10px}.navigation-footer>strong{font-size:13px;font-weight:500}.navigation-footer p{font-size:12px;line-height:1.7;color:#b9cebf;margin:7px 0 22px}.navigation-footer button{display:flex;align-items:center;gap:9px;border:0;border-top:1px solid #ffffff25;width:100%;padding:18px 0 0;background:transparent;color:#d6e2d8;font-size:12px}.mobile-navigation{display:none}.navigation-sheet{width:min(520px,100%);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--app-border);border-radius:24px 24px 0 0;color:var(--app-ink);background:var(--app-surface);margin:auto auto 0}.navigation-sheet::backdrop{background:#153e3280}.navigation-sheet-body{padding:24px 22px max(24px,env(safe-area-inset-bottom))}.navigation-sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}.navigation-sheet-heading h2{margin:5px 0 0;font-size:24px}.navigation-sheet-heading .icon-button{min-width:44px;min-height:44px}.navigation-sheet nav button:hover,.navigation-sheet nav button[aria-current=page]{background:var(--app-tint);color:var(--dark)}.navigation-sheet-account{border-top:1px solid var(--app-border);margin-top:16px;padding-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.navigation-sheet-account>span{overflow-wrap:anywhere;font-size:12px;color:var(--app-muted);flex:1 1 180px}.navigation-sheet-account button{min-height:44px}.app-layout .main-area{margin-left:var(--app-sidebar-width)}.app-layout .topbar{min-height:80px;padding:18px 36px;background:var(--app-surface);font-size:12px}.app-layout .breadcrumb,.app-layout .lock-shortcut{color:var(--app-muted)}.app-layout .lock-shortcut{min-height:44px;font-size:12px}.app-layout .main-content{padding:38px 36px;max-width:1380px}.app-layout .main-content:focus{outline:none}.app-layout .eyebrow{color:var(--app-muted);font-size:11px}.app-layout .page-heading h1{font-size:clamp(26px,2.6vw,36px);font-weight:600;letter-spacing:-1.2px}.app-layout .page-heading p{color:var(--app-muted);font-size:14px;line-height:1.7;max-width:620px}.app-layout .page-heading>.button{min-height:44px;font-size:13px}.app-layout .app-footer{color:var(--app-muted);font-size:11px;padding:20px 36px 28px}.app-layout .notice{font-size:13px;line-height:1.65}.connections-page>.page-heading{padding:8px 0 18px;margin-bottom:24px}.connections-page .page-heading h1{max-width:550px;font-size:clamp(30px,3.4vw,44px);line-height:1.15;margin:14px 0}.connections-page .overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:22px 0;border-block:1px solid var(--app-border);margin-bottom:30px}.connections-page .overview-stat{padding:0 24px;border:0;border-right:1px solid var(--app-border);border-radius:0;background:transparent;gap:14px}.connections-page .overview-stat:first-child{padding-left:0}.connections-page .overview-stat:last-child{border:0}.connections-page .overview-stat strong{font-size:30px;font-variant-numeric:tabular-nums;font-weight:550}.connections-page .overview-stat>div>span{font-size:12px;color:var(--app-muted);margin-top:4px}.connections-page .stat-icon{flex:0 0 42px;color:var(--green);background:var(--app-tint)}.connections-page .attention-stat .stat-icon{color:var(--app-warning);background:var(--app-warning-bg)}.connections-page .panel{border-radius:var(--app-radius);border-color:var(--app-border)}.connections-page .panel-heading{padding:24px;align-items:center;border-color:var(--app-border)}.connections-page .panel-heading h2{font-size:18px}.connections-caption{font-size:12px;color:var(--app-muted);margin:5px 0 0}.connections-update{display:flex;align-items:center;gap:7px;color:var(--app-muted);font-size:11px}.connections-page .count{background:var(--app-tint);color:var(--green)}.connections-page .accounts-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));padding:24px;gap:18px}.connections-page .account-card{border-color:var(--app-border);border-radius:12px;padding:24px;min-width:0;border-top:3px solid var(--app-border)}.connections-page .account-card[data-status=connected]{border-top-color:var(--green)}.connections-page .account-card:is([data-status=relink],[data-status=conflict]){border-top-color:var(--app-warning)}.connections-page .account-top{margin-bottom:24px;flex-wrap:wrap;gap:12px}.connections-page .whatsapp-icon{width:46px;height:46px;color:var(--green);background:var(--app-tint)}.connections-page .account-card h3{font-size:20px;line-height:1.35;overflow-wrap:anywhere}.connections-page .account-card>p{font-size:13px;color:var(--app-muted);font-variant-numeric:tabular-nums;margin-top:7px}.connections-page .status{font-size:11px;padding:5px 9px;color:var(--app-muted);gap:6px}.connections-page .status.connected{color:var(--green);background:var(--app-tint)}.connections-page .status:is(.qr,.connecting,.reconnecting){color:var(--app-warning);background:var(--app-warning-bg)}.connections-page .status:is(.relink,.conflict){color:var(--app-danger);background:var(--app-danger-bg)}.connections-page .account-actions{flex-wrap:wrap;gap:10px;padding-top:14px;margin-top:24px}.connections-page .account-actions>span{font-size:12px;color:var(--green)}.connections-page .account-actions button{min-height:40px;font-size:12px}.connections-page .account-actions .subtle-button{color:var(--app-muted)}.connections-page .connection-error{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--app-danger);padding:12px;background:var(--app-danger-bg);border-radius:8px;overflow-wrap:anywhere}.connections-page .connection-error svg{flex-shrink:0;margin-top:2px}.connections-page .panel>.notice{margin:20px 24px}.connections-page .panel>.notice p{margin:6px 0 12px}.connections-page .empty>p{font-size:14px;color:var(--app-muted)}.connections-page .empty h3{font-size:22px}.connections-page .loading{min-height:200px}.connection-guide{margin-bottom:22px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface)}.connection-guide summary{display:flex;list-style:none;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;cursor:pointer;font-weight:600}.connection-guide summary::-webkit-details-marker{display:none}.connection-guide summary>span{display:flex;gap:10px;align-items:center}.connection-guide summary:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:12px}.connection-guide[open] summary>svg{transform:rotate(90deg)}.connection-guide .getting-started{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 24px 24px;gap:24px;align-items:start}.connection-guide .getting-started>div:first-child{display:none}.connection-guide .step>span{color:var(--green)}.connection-guide .step h3{font-size:14px;margin-top:10px}.connection-guide .step p{font-size:12px;color:var(--app-muted);max-width:none}@media(max-width:1150px)and (min-width:851px){:root{--app-sidebar-width: 218px}.app-sidebar{padding-inline:14px}.app-layout .topbar{padding-inline:24px}.app-layout .main-content{padding:30px 24px}.connections-page>.page-heading{flex-wrap:wrap}.connections-page .overview-stat{padding-inline:14px}.connections-page .stat-icon{display:none}}@media(max-width:850px){.app-sidebar{display:none}.app-layout .main-area{margin-left:0;margin-bottom:calc(80px + env(safe-area-inset-bottom))}.mobile-navigation{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0;z-index:40;gap:4px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:var(--app-surface);border-top:1px solid var(--app-border)}.mobile-navigation button{border:0;border-radius:10px;background:transparent;min-height:56px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;color:var(--app-muted);font-size:11px}.mobile-navigation button:is([aria-current=page],.current-section){background:var(--app-tint);color:var(--dark);font-weight:650}.mobile-navigation button:hover{background:var(--app-tint)}.app-layout .main-content{padding:28px 24px}.app-layout .topbar{padding:14px 24px}.connections-page .page-heading{flex-wrap:wrap}.connections-page .overview-stat{padding-inline:16px}.connections-page .stat-icon{display:none}}@media(max-width:600px){.app-layout .main-content{padding:26px 18px}.app-layout .topbar{padding:12px 18px}.app-layout .topbar-actions{gap:8px}.app-layout .topbar .button{font-size:11px;min-height:42px}.app-layout .page-heading p{font-size:13px}.connections-page>.page-heading{gap:6px;padding-top:2px;padding-bottom:0}.connections-page .page-heading h1{max-width:340px;font-size:34px}.connections-page .page-heading>.button{width:100%;margin-top:16px;min-height:48px}.connections-page .overview-grid{padding:18px 0;margin-bottom:22px}.connections-page .overview-stat{padding-inline:12px}.connections-page .overview-stat strong{font-size:26px}.connections-page .overview-stat>div>span{font-size:11px;line-height:1.5}.connections-page .panel-heading{padding:20px;flex-wrap:wrap;gap:12px}.connections-page .accounts-grid{padding:16px;gap:14px}.connections-page .account-card{padding:18px}.connections-page .account-card h3{font-size:19px}.connections-page .account-actions{gap:6px}.connections-page .account-actions button{min-height:44px}.connection-guide summary{font-size:13px;padding:18px}.connection-guide summary svg{flex-shrink:0}.connection-guide .getting-started{grid-template-columns:1fr;padding:0 18px 20px;gap:20px}.connection-guide .step{display:grid;grid-template-columns:26px 1fr;gap:4px 10px}.connection-guide .step h3{margin:0}.connection-guide .step p{grid-column:2}.app-layout .app-footer{padding:0 18px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){html{scrollbar-color:auto}.app-sidebar nav button[aria-current=page],.mobile-navigation button[aria-current=page],.mobile-navigation .current-section{outline:2px solid Highlight}}