.sidebar{overflow:hidden}
.app-brand{flex:0 0 auto;gap:7px;min-width:0;white-space:nowrap}
.app-brand>span:nth-child(2){min-width:0;flex:0 1 auto;overflow:visible;text-overflow:clip;white-space:nowrap}
.app-brand small{flex:0 0 auto;margin-left:0}
.side-nav{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:transparent transparent}
.side-nav:hover{scrollbar-color:#4a4265 transparent}
.side-nav::-webkit-scrollbar{width:3px}
.side-nav::-webkit-scrollbar-track{background:transparent}
.side-nav::-webkit-scrollbar-thumb{border-radius:99px;background:transparent}
.side-nav:hover::-webkit-scrollbar-thumb{background:#4a4265}
.sidebar-foot{flex:0 0 auto;margin-top:12px;background:linear-gradient(180deg,transparent,#211d38 14%)}
.profile-wrap{position:relative}
.profile-dropdown{position:absolute;z-index:500;top:48px;right:0;width:245px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 22px 55px rgba(28,22,61,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}
.profile-wrap.open .profile-dropdown{opacity:1;visibility:visible;transform:none}
.profile-summary{padding:10px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line)}
.profile-summary>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#5e508f,#957be9);font-size:11px;font-weight:800}
.profile-summary p,.profile-summary b,.profile-summary small,.profile-clock p,.profile-clock b,.profile-clock small{display:block;margin:0}
.profile-summary b{font-size:10px}.profile-summary small{margin-top:3px;color:var(--muted);font-size:7px}
.profile-clock{margin:7px 0;padding:9px 10px;display:flex;align-items:center;gap:9px;border-radius:10px;color:#665d8b;background:#f5f2ff}
.profile-clock svg{width:17px}.profile-clock b{font-size:8px}.profile-clock small{margin-top:2px;font-size:7px}
.profile-dropdown>a,.profile-dropdown>button{width:100%;padding:9px 10px;display:flex;align-items:center;gap:9px;border:0;border-radius:9px;color:#5f5a70;background:none;font-size:9px;font-weight:700;text-align:left}
.profile-dropdown>a:hover,.profile-dropdown>button:hover{color:var(--primary);background:#f5f2ff}
.profile-dropdown svg{width:15px}.profile-dropdown .logout-link{color:#bd4f64}.hidden-form{display:none}
.impersonation-bar{margin-bottom:18px;padding:10px 13px;display:flex;align-items:center;gap:9px;border:1px solid #e3d6a5;border-radius:12px;color:#76601b;background:#fff9df;font-size:9px}
.impersonation-bar svg{width:17px}.impersonation-bar form{margin-left:auto}.impersonation-bar button{padding:7px 10px;border:0;border-radius:8px;color:#fff;background:#8a6b16;font-size:8px;font-weight:800}
.app-content>.alert{margin-bottom:18px}.success-alert{color:#257d68;background:#e5f8f2}
.user-cell{display:flex;align-items:center;gap:9px}.user-cell>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--primary);background:#eeeaff;font-size:9px;font-weight:800}.user-cell p{margin:0}
.plan-chip{padding:5px 8px;border-radius:7px;color:#6554b6;background:#eeeaff;font-size:7px;font-weight:800}
.table-wrap .btn-sm{padding:7px 9px;font-size:8px}.table-wrap .btn-sm svg{width:13px}
.feature-icon.warning{color:#a57122;background:#fff2d6}.confirm-card>p b{color:var(--ink)}
.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.confirm-actions .btn{width:100%}

/* Readable dashboard typography */
.side-nav{gap:4px}.side-nav a{height:44px;font-size:12px}.side-nav a svg{width:18px;height:18px}.nav-label{margin:18px 10px 8px;font-size:8px}
.app-brand{font-size:17px}.app-brand small{font-size:6px}.help-card b{font-size:12px}.help-card p,.help-card a{font-size:9px}.collapse-btn{font-size:10px}
.app-topbar h1{font-size:18px}.workspace-pill{font-size:10px}.profile-btn p,.profile-btn b{font-size:10px}.profile-btn small{font-size:8px}
.welcome h2{font-size:27px}.welcome p{font-size:12px}.eyebrow{font-size:10px}
.panel-head h3{font-size:14px}.panel-head p{font-size:10px}.stat-card span{font-size:11px}.stat-card small{font-size:9px}
.activity-list p,.activity-list b,.activity-list span{font-size:10px}.activity-list span,.activity-list small{font-size:9px}
.module-hero p,.connection-card p,.connection-card small,.checklist label{font-size:11px}
.table-tools{padding:14px 16px}.table-tools .search-box input{font-size:12px}.table-wrap{overflow-x:auto;overflow-y:visible}
th,td{padding:16px 18px;font-size:11px}th{font-size:9px}td small{font-size:9px;line-height:1.4}.table-foot{font-size:10px}
.user-cell{gap:11px}.user-cell>span{width:36px;height:36px;font-size:11px}.plan-chip,.status-chip{font-size:9px;padding:6px 9px}
.table-wrap .btn-sm{padding:9px 11px;font-size:10px}
.status-chip.danger{color:#b44d60;background:#fff0f3}

/* User management actions */
.user-actions{position:relative;display:flex;align-items:center;gap:7px}.action-toggle{width:35px!important;height:35px!important}
.action-menu{position:absolute;z-index:50;right:0;top:42px;width:180px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(28,22,61,.16);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s}
.action-menu.open{opacity:1;visibility:visible;transform:none}.action-menu button{width:100%;padding:9px 10px;display:flex;align-items:center;gap:8px;border:0;border-radius:8px;color:#5d586c;background:none;font-size:10px;font-weight:700;text-align:left}.action-menu button:hover{color:var(--primary);background:#f4f1ff}.action-menu svg{width:14px}.action-menu form{display:block}
.users-tools{display:grid;grid-template-columns:minmax(260px,1fr) 170px auto;gap:10px;align-items:center}.users-tools .search-box input{width:100%}.users-tools select{height:42px;font-size:11px}.result-count{justify-self:end;color:var(--muted);font-size:10px}.users-panel tr[hidden]{display:none}
.generic-filter-panel .table-tools{display:grid;grid-template-columns:minmax(240px,1fr) 170px;gap:10px}.generic-filter-panel .search-box input{width:100%}.generic-filter-panel .table-tools select{height:42px;font-size:11px}.generic-filter-panel tr[hidden]{display:none}
.record-cell{display:flex;align-items:center;gap:11px}.record-cell>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:#eeeaff}.record-cell>i svg{width:16px}.record-cell p{margin:0}.record-actions{display:flex;align-items:center;gap:7px}.record-actions form{display:block}.record-actions .icon-btn{width:35px;height:35px}.danger-button{color:#bd4f64!important}
@media(min-width:761px){.users-panel .table-wrap{overflow:visible}}
.secret-reveal{margin-bottom:18px;padding:16px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;border:1px solid #bfe9dc;border-radius:15px;background:#effbf7}.secret-reveal>div{display:flex;align-items:center;gap:9px}.secret-reveal>div>svg{color:#298d74}.secret-reveal p,.secret-reveal b,.secret-reveal span{display:block;margin:0}.secret-reveal b{font-size:12px}.secret-reveal span{margin-top:3px;color:var(--muted);font-size:9px}.secret-reveal code{padding:9px;border-radius:8px;background:#fff;font-size:10px}.integration-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.console-body{padding:18px;display:flex;flex-direction:column;gap:14px}.console-body pre{max-height:260px;border-radius:13px;font-size:10px}.integration-panel code,td code{font-size:10px;color:#5b4cad}.docs-content h2{margin-top:36px}.docs-content h2:first-child{margin-top:0}
.settings-form{display:flex;flex-direction:column;gap:15px}.settings-section{overflow:hidden}.settings-grid{padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.settings-save{align-self:flex-end}
.checkout-ready{margin-bottom:15px;padding:16px;display:flex;align-items:center;justify-content:space-between}.checkout-ready h3,.checkout-ready p{margin:0}.checkout-ready p{margin-top:4px;color:var(--muted);font-size:10px}
.facebook-btn{background:#1877f2;box-shadow:0 9px 20px rgba(24,119,242,.24)}.facebook-btn:hover{box-shadow:0 13px 28px rgba(24,119,242,.32)}
.connection-hero{margin-bottom:22px;padding:32px;display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:center;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 90% 0,#e8f1ff,transparent 40%),#fff}.connection-copy h2{margin:10px 0 8px;font-size:28px;letter-spacing:-1.2px}.connection-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.connection-copy ul{padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:10px;list-style:none}.connection-copy li{padding:8px 10px;display:flex;align-items:center;gap:6px;border-radius:9px;color:#58526c;background:#f6f4fb;font-size:9px;font-weight:700}.connection-copy li svg{width:14px;color:var(--primary)}.connect-action-card{padding:24px;text-align:center;border:1px solid #dce8fa;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 18px 40px rgba(44,80,140,.08)}.facebook-mark{width:48px;height:48px;margin:auto;display:grid;place-items:center;border-radius:15px;color:#fff;background:#1877f2}.facebook-mark svg{width:23px}.connect-action-card h3{margin:14px 0 5px;font-size:16px}.connect-action-card p{margin:0 0 17px;color:var(--muted);font-size:10px;line-height:1.6}.connect-action-card .btn{width:100%}.disabled-btn{color:#8f8a9e;background:#ebe9f0;box-shadow:none;cursor:not-allowed}.empty-connection{align-items:center}.empty-connection>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:#eeeaff}.empty-connection h3,.empty-connection p{margin:0}.empty-connection p{margin-top:5px;color:var(--muted);font-size:10px}
.meta-setup-guide{margin-bottom:18px;padding:24px;border:1px solid #d8e6fb;border-radius:20px;background:linear-gradient(135deg,#fff,#f3f7ff)}.meta-setup-guide>div:first-child{display:flex;align-items:center;gap:13px}.meta-setup-guide h3,.meta-setup-guide p{margin:0}.meta-setup-guide h3{font-size:17px}.meta-setup-guide p{margin-top:4px;color:var(--muted);font-size:10px}.meta-setup-guide ol{margin:20px 0;padding-left:22px;display:grid;gap:10px;color:#5c576b;font-size:11px}.meta-setup-guide code{display:block;width:max-content;max-width:100%;margin-top:5px;padding:7px 9px;overflow:auto;border-radius:7px;color:#5947ad;background:#ebe7ff}.guide-actions{display:flex;gap:9px}.guide-actions form{display:block}
.oauth-uri-card{margin:0 0 15px;padding:14px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border:1px solid #d8d1fb;border-radius:15px;background:#f7f5ff}.oauth-uri-card b,.oauth-uri-card span{display:block}.oauth-uri-card b{font-size:11px}.oauth-uri-card span{margin-top:4px;color:var(--muted);font-size:9px}.oauth-uri-card code{padding:9px;border-radius:8px;color:#5947ad;background:#fff;font-size:10px}.setup-warning{margin:0 0 15px;padding:13px;display:flex;align-items:center;gap:10px;border:1px solid #f0d99f;border-radius:14px;background:#fff8e6}.setup-warning>svg{flex:0 0 18px;color:#a87913}.setup-warning p,.setup-warning b,.setup-warning span{display:block;margin:0}.setup-warning b{font-size:11px}.setup-warning span{margin-top:3px;color:#796b4d;font-size:9px}

/* Unified search */
.search-box{position:relative;min-height:42px;display:flex;align-items:center;border-radius:12px}
.search-box>svg{position:absolute!important;z-index:2;left:13px!important;top:50%!important;width:17px!important;height:17px!important;transform:translateY(-50%);color:#8d88a0!important;pointer-events:none}
.search-box input{height:42px;padding:0 66px 0 42px!important;border:1px solid #e1deea!important;border-radius:12px!important;background:#f9f8fc!important;font-size:11px!important;line-height:42px;transition:border-color .2s,box-shadow .2s,background .2s}
.search-box input::placeholder{color:#9b96aa}.search-box input:focus{border-color:#a99bec!important;background:#fff!important;box-shadow:0 0 0 4px rgba(109,85,232,.1)!important}
.search-box kbd{right:10px!important;top:50%;transform:translateY(-50%);padding:3px 6px!important;font-size:7px!important}.search-box.has-value kbd{display:none}
.search-clear{position:absolute;z-index:3;right:10px;width:24px;height:24px;padding:0;display:none;place-items:center;border:0;border-radius:7px;color:#898397;background:#ece9f3;font-size:16px;line-height:1}.search-box.has-value .search-clear{display:grid}.search-clear:hover{color:var(--primary);background:#e4dffd}
.search-suggestions{position:absolute;z-index:700;top:48px;right:0;width:300px;padding:7px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 50px rgba(28,22,61,.17);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s}.search-open .search-suggestions{opacity:1;visibility:visible;transform:none}.search-suggestions a{padding:10px 11px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;color:#4d485c;font-size:10px;font-weight:700}.search-suggestions a:hover{color:var(--primary);background:#f4f1ff}.search-suggestions small{color:#aaa5b6;font-size:8px;font-weight:500}.search-no-match{padding:13px;color:var(--muted);font-size:10px;text-align:center}
.table-tools .search-box{width:100%}.table-tools .search-box input{width:100%!important}.table-tools .search-clear{right:9px}.generic-filter-panel .table-tools{grid-template-columns:minmax(240px,1fr) 170px auto}.table-panel.search-empty .table-wrap:after{content:"No matching results found";padding:34px;display:block;color:var(--muted);font-size:11px;text-align:center}.table-panel.search-empty table{display:none}

/* Modal layout */
.modal{padding:24px}.modal-card{width:min(520px,100%);padding:34px;border-radius:24px}.modal-card.compact-modal,.modal-card.confirm-card{width:min(460px,100%)}
.modal-card .modal-close{position:absolute!important;top:18px!important;right:18px!important;width:38px!important;height:38px!important;padding:0!important}
.modal-card h2{margin:24px 0 9px;font-size:23px}.modal-card>p{margin-bottom:22px;font-size:11px;line-height:1.7}.modal-card label{font-size:11px}.modal-card input,.modal-card select{padding:13px;font-size:12px}
.confirm-card{text-align:center}.confirm-card .feature-icon{margin:0 auto}.confirm-card>p{max-width:350px;margin-left:auto;margin-right:auto}.confirm-actions{margin-top:8px;gap:10px}.confirm-actions .modal-dismiss{position:static!important;width:100%!important;height:auto!important}

@media(max-width:760px){.profile-dropdown{position:fixed;top:62px;right:12px;left:12px;width:auto}.sidebar-foot{margin-top:8px}.confirm-actions{grid-template-columns:1fr}.app-topbar h1{font-size:15px}.welcome h2{font-size:23px}.side-nav a{font-size:12px}.modal{padding:14px}.modal-card{padding:27px 20px}.action-menu{position:fixed;right:14px;left:14px;top:auto;bottom:14px;width:auto}.users-tools,.generic-filter-panel .table-tools{grid-template-columns:1fr}.users-tools select,.generic-filter-panel .table-tools select{width:100%}.result-count{justify-self:start}.record-actions{min-width:190px}.integration-grid,.settings-grid,.connection-hero,.oauth-uri-card{grid-template-columns:1fr}.connection-hero{padding:22px}.connection-copy ul,.guide-actions{flex-direction:column}.guide-actions .btn,.oauth-uri-card .btn{width:100%}.secret-reveal{grid-template-columns:1fr}.secret-reveal .btn,.settings-save{width:100%}.search-suggestions{position:fixed;top:66px;right:12px;left:12px;width:auto}}