@import "https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@400;500;600;700&family=Geist:wght@400;500;600;700&display=swap";:root{color:#0d0a18;font-synthesis:none;--bg:#f5f4ff;--surface:#fff;--text:#0d0a18;--muted:#6a677e;--border:#d7d5e2;--border-soft:#e8e6f0;--primary:#802ef1;--primary-soft:#f1eafe;--cyan:#35cbe6;--pink:#ef289c;--green:#059669;--amber:#d97706;--danger:#c71c80;--shadow:0 2px 8px #0d0a180e;--sidebar:282px;background:#f5f4ff;font-family:Geist,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{stroke-width:1.9px;width:18px;height:18px}.dark{--bg:#0d0a18;--surface:#141121;--text:#f5f4ff;--muted:#a9a6b8;--border:#38354a;--border-soft:#262436;--primary:#9c6df5;--primary-soft:#802ef129;--shadow:0 2px 10px #0000004d}.app-shell{background:var(--bg);min-height:100vh;color:var(--text)}.desktop-sidebar{z-index:30;position:fixed;inset:0 auto 0 0}.sidebar{width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border-soft);flex-direction:column;height:100vh;padding:24px 16px 16px;transition:width .2s;display:flex}.sidebar-collapsed{width:82px}.brand-row{white-space:nowrap;align-items:center;gap:8px;height:48px;padding:0 10px 18px;font-family:Host Grotesk;font-size:21px;font-weight:600;display:flex}.brand-row img{width:34px;height:34px}.brand-row strong{font-weight:700}.collapse-button{margin-left:auto}.icon-button{color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover{background:var(--primary-soft);color:var(--primary)}.bordered{border:1px solid var(--border)}.main-nav{flex-direction:column;gap:5px;margin-top:12px;display:flex}.nav-item{height:48px;color:var(--muted);border-radius:13px;align-items:center;gap:14px;padding:0 15px;font-weight:520;text-decoration:none;display:flex}.nav-item svg{width:20px;height:20px}.nav-item:hover{background:color-mix(in srgb,var(--primary-soft) 45%,transparent);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:650}.sidebar-spacer{flex:1}.find-user{border:1px solid var(--border);background:var(--surface);height:48px;color:var(--text);border-radius:15px;align-items:center;gap:12px;padding:0 16px;display:flex;box-shadow:0 0 24px #802ef114}.find-user:after{content:"";position:absolute}.find-user kbd{background:var(--bg);border:1px solid var(--border-soft);border-radius:6px;margin-left:auto;padding:2px 6px;font-size:11px}.admin-profile{border-top:1px solid var(--border-soft);flex-wrap:nowrap;align-items:center;gap:11px;min-height:80px;margin:16px -16px -16px;padding:18px 22px;display:flex;overflow:hidden}.admin-profile .admin-theme-toggle{flex:0 0 36px;margin-left:auto}.admin-profile .avatar{flex:0 0 38px}.admin-profile strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-copy{flex-direction:column;flex:1;min-width:0;display:flex}.admin-copy span{color:var(--muted);margin-top:3px;font-size:12px}.sidebar-collapsed .brand-row span,.sidebar-collapsed .nav-item span,.sidebar-collapsed .find-user span,.sidebar-collapsed .find-user kbd,.sidebar-collapsed .admin-copy,.sidebar-collapsed .collapse-button{display:none}.sidebar-collapsed .nav-item,.sidebar-collapsed .find-user{justify-content:center;padding:0}.sidebar-collapsed .admin-profile{padding-inline:20px}.app-body{margin-left:var(--sidebar);min-height:100vh;transition:margin .2s}.desktop-sidebar:has(.sidebar-collapsed)+.app-body{margin-left:82px}.main-content{max-width:1680px;margin:auto;padding:32px 38px 52px}.page{animation:.28s fadeUp}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.page-header h1,.identity-main h1{letter-spacing:-.035em;margin:0;font:700 34px/1.1 Host Grotesk}.page-header p{color:var(--muted);margin:7px 0 0;font-size:15px}.header-actions{align-items:center;gap:10px;display:flex}.round-action,.date-control{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;display:flex}.round-action{width:44px}.notification{position:relative}.notification:after{content:"";background:var(--pink);border:2px solid var(--surface);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.date-control{gap:9px;padding:0 16px}.panel,.user-table-panel{background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow);border-radius:17px}.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.button svg{width:17px}.button-primary{background:var(--primary);color:#fff}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 70%,white);background:#fff}.button-ghost{background:var(--primary-soft);color:var(--primary)}.button:disabled{opacity:.55;cursor:not-allowed}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{align-items:flex-start;gap:14px;padding:20px;display:flex}.metric-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.tone-violet{color:var(--primary);background:#f2eaff}.tone-green{color:var(--green);background:#ddf8ed}.tone-cyan{color:#20a9c2;background:#dcf8fc}.tone-pink{color:var(--pink);background:#fde7f4}.metric-card>div{flex-direction:column;display:flex}.metric-label{color:var(--muted);font-size:13px;font-weight:550}.metric-card strong{margin:5px 0;font:700 28px Host Grotesk}.metric-trend{font-size:13px;font-weight:600}.trend-violet,.trend-green,.trend-cyan{color:var(--green)}.trend-pink{color:var(--pink)}.metric-trend small{color:var(--muted);margin-top:3px;font-weight:400;display:block}.overview-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.85fr);gap:14px;margin-top:14px;display:grid}.overview-bottom-grid{grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px;display:grid}.chart-panel,.attention-panel,.overview-bottom-grid>.panel{padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.panel-heading h2{align-items:center;gap:8px;margin:0;font:650 18px Host Grotesk;display:flex}.panel-heading h2 svg{color:var(--primary)}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:13px}.panel-heading button{color:var(--primary);background:0 0;border:0;align-items:center;gap:4px;display:flex}.legend{color:var(--muted);gap:16px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.violet{background:var(--primary)}.dot.cyan{background:var(--cyan)}.growth-chart{width:100%;height:205px;overflow:visible}.grid-lines line{stroke:var(--border-soft);stroke-width:1px}.chart-current,.chart-previous{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-current{stroke:var(--primary)}.chart-previous{stroke:var(--cyan)}.growth-chart circle{cursor:pointer}.growth-chart circle:focus{stroke:var(--pink);outline:none}.chart-tooltip rect{fill:var(--text);filter:drop-shadow(0 3px 8px #0d0a1833)}.chart-tooltip text{fill:var(--surface);font:600 10px Geist,Arial,sans-serif}.growth-chart circle{fill:var(--surface);stroke:var(--primary);stroke-width:3px}.chart-axis{color:var(--muted);justify-content:space-between;padding:0 4px;font-size:11px;display:flex}.attention-list{flex-direction:column;gap:8px;display:flex}.attention-row{text-align:left;border:1px solid var(--border-soft);background:var(--surface);color:var(--text);border-radius:12px;grid-template-columns:38px 1fr auto 18px;align-items:center;gap:10px;padding:11px;display:grid}.attention-row>span:nth-child(2){flex-direction:column;display:flex}.attention-row small{color:var(--muted);margin-top:3px}.attention-icon{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.attention-icon.danger{color:#e34d60;background:#fff0f2}.attention-icon.warning{color:var(--amber);background:#fff7e8}.compact-table{flex-direction:column;display:flex}.compact-row{border-top:1px solid var(--border-soft);grid-template-columns:1fr 130px 95px;align-items:center;padding:10px 0;font-size:13px;display:grid}.compact-row:first-child{border-top:0}.compact-row.admin-row{grid-template-columns:1fr 110px}.user-cell{align-items:center;gap:10px;min-width:0;display:flex}.user-cell>span{flex-direction:column;min-width:0;display:flex}.user-cell small{color:var(--muted);margin-top:2px;font-size:11px}.outcome{align-items:center;gap:6px;display:flex}.outcome i,.event-dot{background:var(--primary);border-radius:50%;width:8px;height:8px}.outcome-success{color:var(--green)}.outcome-success i,.event-dot.outcome-success{background:var(--green)}.outcome-pending{color:#4d79ee}.outcome-pending i,.event-dot.outcome-pending{background:#4d79ee}.outcome-failed{color:#dc4b58}.outcome-failed i,.event-dot.outcome-failed{background:#dc4b58}.avatar{object-fit:cover;background:var(--primary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar-sm{width:30px;height:30px}.avatar-md{width:38px;height:38px}.avatar-lg{width:78px;height:78px}.avatar-fallback{font-weight:700}.filter-stack{margin-bottom:14px}.search-field{background:var(--surface);border:1px solid var(--border);height:48px;color:var(--muted);border-radius:13px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-field input{color:var(--text);background:0 0;border:0;outline:0;flex:1}.filters{align-items:center;gap:9px;margin-top:10px;display:flex}.filters>button,.filters select,.table-toolbar button,.log-filters>button{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text);border-radius:11px;padding:0 14px}.filters .clear-filter{color:var(--primary);border:0}.user-table-panel{overflow:hidden}.table-toolbar{justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.table-toolbar h2{font:650 18px Host Grotesk}.table-toolbar>div{gap:8px;display:flex}.table-scroll{overflow:auto}.users-table{border-collapse:collapse;width:100%;font-size:12.5px}.users-table th{text-align:left;background:color-mix(in srgb,var(--bg) 58%,var(--surface));color:var(--muted);white-space:nowrap;height:42px;padding:0 10px;font-weight:550}.users-table td{border-top:1px solid var(--border-soft);white-space:nowrap;padding:11px 10px}.users-table tbody tr{cursor:pointer}.users-table tbody tr:hover,.selected-row{background:color-mix(in srgb,var(--primary-soft) 48%,transparent)}.platform-list{gap:5px;display:flex}.platform{color:#fff;border-radius:7px;justify-content:center;align-items:center;width:28px;height:24px;font-size:9px;font-weight:700;display:inline-flex}.platform-youtube{background:#ff1236}.platform-instagram{background:linear-gradient(140deg,#7048e8,#ef289c,#ff9f33)}.platform-tiktok{background:#111}.badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#087b56;background:#dff8ec}.badge-warning{color:#a95b00;background:#fff1d8}.badge-danger{color:#c81773;background:#fde5f2}.badge-violet{background:var(--primary-soft);color:var(--primary)}.badge-neutral{background:color-mix(in srgb,var(--border-soft) 65%,var(--surface));color:var(--muted)}.badge-cyan{color:#158ba0;background:#daf6fb}.table-footer{border-top:1px solid var(--border-soft);height:58px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;display:flex}.pagination{gap:5px;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text);border-radius:9px}.pagination button.current{background:var(--primary);color:#fff;border-color:var(--primary)}.drawer-scrim{z-index:50;background:#0d0a182e;position:fixed;inset:0}.quick-drawer{z-index:51;background:var(--surface);width:360px;padding:28px;animation:.25s slideIn;position:fixed;inset:0 0 0 auto;box-shadow:-20px 0 48px #0d0a181f}.drawer-close{position:absolute;top:20px;right:20px}.quick-drawer h2{margin:0;font:700 24px Host Grotesk}.quick-drawer>p{color:var(--muted);font-size:13px}.drawer-identity{border-bottom:1px solid var(--border-soft);align-items:center;gap:14px;margin:30px 0 20px;padding-bottom:22px;display:flex}.drawer-identity>div{flex-direction:column;gap:5px;display:flex}.drawer-identity span{color:var(--muted)}.quick-drawer dl{margin:0}.quick-drawer dt{color:var(--muted);margin-top:20px;font-size:12px}.quick-drawer dd{flex-direction:column;margin:5px 0 0;display:flex}.quick-drawer dd small{color:var(--muted);margin-top:4px;line-height:1.5}.drawer-actions{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:24px;left:28px;right:28px}.breadcrumbs{color:var(--muted);gap:8px;margin-bottom:16px;font-size:13px;display:flex}.breadcrumbs a{color:var(--muted);text-decoration:none}.identity-panel{align-items:center;gap:18px;padding:20px 24px;display:flex}.identity-main{flex:1}.identity-main h1{font-size:30px}.identity-meta,.identity-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:7px;font-size:13px;display:flex}.identity-meta svg{width:13px}.identity-status i{background:var(--muted);border-radius:50%;width:3px;height:3px}.identity-actions{gap:9px;display:flex}.tab-list{border-bottom:1px solid var(--border);gap:8px;margin:16px 0;display:flex}.tab-list button{color:var(--muted);background:0 0;border:0;padding:14px 16px;font-weight:550;position:relative}.tab-list button.active{color:var(--primary)}.tab-list button.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.detail-grid{grid-template-columns:1.4fr .8fr;gap:14px;display:grid}.detail-grid>.panel{padding:20px}.channels-panel,.events-preview{grid-column:1/-1}.definition-grid{grid-template-columns:1fr 1.1fr;gap:28px;display:grid}.definition-grid>div{grid-template-columns:1fr;gap:4px;display:grid}.definition-grid span{color:var(--muted);margin-top:8px;font-size:12px}.definition-grid strong{font-size:13px}.success-copy{color:var(--green);align-items:center;gap:4px;display:flex}.health-callout{border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.health-callout.good{color:#087b56;background:#ddf8ed}.health-callout.warn{color:#a95b00;background:#fff1d8}.health-callout span{flex-direction:column;display:flex}.health-callout small{margin-top:3px;font-weight:400}.health-list{flex-direction:column;margin-top:10px;display:flex}.health-list span{border-top:1px solid var(--border-soft);color:var(--muted);grid-template-columns:22px 1fr auto;align-items:center;padding:10px 0;font-size:12px;display:grid}.health-list strong{color:var(--text)}.channel-row{border-top:1px solid var(--border-soft);grid-template-columns:34px 1fr 100px 1.2fr auto;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:grid}.channel-row>div,.channel-row>span:nth-child(4){flex-direction:column;display:flex}.channel-row small{color:var(--muted);margin-top:2px;display:block}.channel-access{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.note{background:var(--bg);border-radius:12px;gap:10px;padding:12px;display:flex}.note p{flex-direction:column;margin:0;font-size:12px;line-height:1.45;display:flex}.note small{color:var(--muted);margin:2px 0 6px}.events-list>div{border-top:1px solid var(--border-soft);grid-template-columns:16px 1fr 2fr 1fr 110px;align-items:center;gap:8px;padding:11px 0;font-size:12px;display:grid}.events-list>div>span{color:var(--muted)}.two-column{grid-template-columns:1fr 1fr;gap:14px;display:grid}.two-column>.panel{padding:20px}.settings-rows{flex-direction:column;display:flex}.settings-rows>span{border-top:1px solid var(--border-soft);color:var(--muted);justify-content:space-between;padding:14px 0;display:flex}.settings-rows strong{color:var(--text)}.session-list>div,.channel-detail-list>div{border-top:1px solid var(--border-soft);align-items:center;gap:12px;padding:13px 0;display:flex}.session-list>div>span,.channel-detail-list>div>span{flex-direction:column;display:flex}.session-list small,.channel-detail-list small{color:var(--muted);margin-top:3px}.session-list .button,.channel-detail-list>div>span:nth-child(3),.channel-detail-list>div>span:nth-child(4){margin-left:auto}.muted-block{color:var(--muted);background:var(--bg);border-radius:12px;padding:18px}.inline-actions{gap:10px;display:flex}.audit-timeline>div{border-top:1px solid var(--border-soft);gap:12px;padding:14px 0;display:flex}.audit-timeline i{background:var(--primary);border-radius:50%;width:10px;height:10px;margin-top:4px}.audit-timeline span{flex-direction:column;display:flex}.audit-timeline small{color:var(--muted);margin-top:4px}.modal-backdrop{z-index:80;background:#0d0a187a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:20px;width:min(480px,100%);padding:26px;position:relative;box-shadow:0 24px 70px #00000040}.modal-close{position:absolute;top:16px;right:16px}.modal h2{margin:0;font:700 24px Host Grotesk}.modal-description{color:var(--muted);line-height:1.5}.modal-user{background:var(--bg);border-radius:12px;align-items:center;gap:10px;margin:18px 0;padding:12px;display:flex}.modal-user span{flex-direction:column;display:flex}.modal-user small{color:var(--muted)}.field-label{flex-direction:column;gap:7px;font-weight:600;display:flex}.field-label input,.field-label textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:0 13px}.field-label input{height:46px}.field-label textarea{resize:vertical;min-height:90px;padding:12px}.field-label input::placeholder,.field-label textarea::placeholder{color:var(--muted)}.field-label input:focus,.field-label textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent);outline:none}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.toast{z-index:100;color:#fff;background:#171321;border-radius:12px;align-items:center;gap:18px;padding:13px 16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #0000004d}.toast button{color:#fff;background:0 0;border:0}.empty-state{min-height:260px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.spin{animation:1s linear infinite spin}.log-filters{border-bottom:1px solid var(--border-soft);gap:9px;padding:16px;display:flex}.log-filters .search-field{flex:1}.log-table{font-size:12.5px}.log-head,.log-row{grid-template-columns:1.1fr .8fr 1.2fr 1.5fr .7fr .7fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.log-head{color:var(--muted);background:color-mix(in srgb,var(--bg) 58%,var(--surface));text-transform:uppercase;font-size:11px;font-weight:600}.log-row{border-top:1px solid var(--border-soft)}.log-row>span:not(.badge),.log-row time{color:var(--muted)}.audit-notice{color:#5e22b5;background:#eee7ff;border:1px solid #d9c9fa;border-radius:13px;align-items:center;gap:10px;margin-bottom:14px;padding:13px 16px;display:flex}.admin-team-list>div{border-top:1px solid var(--border-soft);grid-template-columns:1.5fr .8fr .6fr .7fr .7fr 40px;align-items:center;gap:16px;padding:14px 18px;display:grid}.admin-team-list>div:first-child{border-top:0}.admin-team-list>div>span:not(.badge){flex-direction:column;display:flex}.admin-team-list small{color:var(--muted);margin-top:3px}.role-matrix{overflow:auto}.role-row{border-top:1px solid var(--border-soft);grid-template-columns:1.5fr repeat(4,1fr);align-items:center;min-width:760px;padding:12px;display:grid}.role-head{background:var(--bg);border:0}.role-row>span:not(:first-child),.role-row>strong:not(:first-child){text-align:center}.role-row .allowed{color:var(--green)}.settings-layout{grid-template-columns:230px minmax(0,820px);gap:28px;display:grid}.settings-nav{flex-direction:column;gap:6px;display:flex}.settings-nav button{height:48px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;padding:0 15px;display:flex}.settings-nav button.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.settings-card{padding:28px}.settings-card>h2{margin:0;font:700 22px Host Grotesk}.settings-card>p{color:var(--muted);margin:6px 0 24px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.form-grid input,.form-grid select,.setting-row select{border:1px solid var(--border);background:var(--bg);height:44px;color:var(--text);border-radius:11px;padding:0 12px}.build-info{border-top:1px solid var(--border-soft);flex-direction:column;margin-top:24px;display:flex}.build-info>span{border-bottom:1px solid var(--border-soft);color:var(--muted);justify-content:space-between;padding:14px 0;display:flex}.setting-row{border-top:1px solid var(--border-soft);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:15px 0;display:grid}.setting-icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:11px;justify-content:center;align-items:center;display:flex}.setting-row>span:nth-child(2){flex-direction:column;display:flex}.setting-row small{color:var(--muted);margin-top:3px}.toggle{background:var(--border);border:0;border-radius:99px;width:43px;height:25px;padding:3px}.toggle i{background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .2s;display:block}.toggle.on{background:var(--primary)}.toggle.on i{transform:translate(18px)}.health-text.ok{color:var(--green)}.health-text.warn{color:var(--amber)}.appearance-options{gap:12px;margin-bottom:20px;display:flex}.appearance-options button{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;width:130px;padding:8px;display:flex}.appearance-options button.selected{border-color:var(--primary);color:var(--primary)}.theme-preview{border:1px solid var(--border-soft);background:linear-gradient(90deg,#fff 26%,#f5f4ff 26%);border-radius:8px;height:70px}.dark-preview{background:linear-gradient(90deg,#141121 26%,#0d0a18 26%)}.system{background:linear-gradient(90deg,#fff 13%,#f5f4ff 13% 50%,#141121 50% 63%,#0d0a18 63%)}.settings-save{border-top:1px solid var(--border-soft);justify-content:flex-end;margin-top:26px;padding-top:18px;display:flex}.login-page{color:#fff;background:radial-gradient(90% 120% at 85% 10%,#7227cf 0,#351363 47%,#160b2c 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-decor{background:#ffffff0b;border-radius:50%;position:absolute}.login-decor.one{width:580px;height:580px;top:-230px;right:-230px}.login-decor.two{width:500px;height:500px;bottom:-300px;left:-260px}.login-card{color:#0d0a18;background:#fff;border-radius:24px;width:min(430px,100% - 32px);padding:34px;position:relative;box-shadow:0 32px 80px #00000052}.login-brand{align-items:center;gap:10px;font:600 21px Host Grotesk;display:flex}.login-brand img{width:38px}.login-card h1{letter-spacing:-.03em;margin:28px 0 4px;font:700 34px Host Grotesk}.login-card>p{color:#6a677e;margin:0 0 24px}.login-card>label,.login-card form>label{flex-direction:column;gap:7px;margin-top:15px;font-size:13px;font-weight:600;display:flex}.login-card form{flex-direction:column;gap:0;display:flex}.invite-form{flex-direction:column;gap:22px;margin-top:20px;display:flex}.invite-form>label{gap:10px!important;margin:0 0 4px!important}.invite-form .login-error{margin:0}.invite-form .full-button{margin-top:14px}.input-with-icon{color:#6a677e;background:#f7f6fa;border:1px solid #c9c7d4;border-radius:12px;align-items:center;gap:10px;height:48px;padding:0 13px;display:flex}.input-with-icon input{color:#0d0a18;background:0 0;border:0;outline:0;flex:1}.input-with-icon button{color:#6a677e;background:0 0;border:0}.login-options{justify-content:space-between;align-items:center;margin:16px 0;font-size:12px;display:flex}.login-options label{gap:6px;display:flex}.login-options button{color:#6a1fcc;background:0 0;border:0}.login-error{color:#b3261e;background:#fdecea;border-radius:10px;margin:4px 0 8px;padding:10px 12px;font-size:13px}.auth-loading{color:#6a677e;justify-content:center;align-items:center;min-height:100vh;display:flex}.full-button{width:100%}.login-card>small{text-align:center;color:#88859b;margin-top:14px;display:block}.mobile-bar,.mobile-sidebar,.mobile-overlay,.mobile-close{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){:root{--sidebar:82px}.sidebar{width:82px}.brand-row span,.nav-item span,.find-user span,.find-user kbd,.admin-copy,.collapse-button{display:none}.nav-item,.find-user{justify-content:center;padding:0}.admin-profile{padding-inline:20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-main-grid,.overview-bottom-grid,.detail-grid{grid-template-columns:1fr}.notes-panel{grid-column:1/-1}.identity-panel{flex-wrap:wrap;align-items:flex-start}.identity-actions{justify-content:flex-end;width:100%}.settings-layout{grid-template-columns:190px 1fr}.users-table{min-width:960px}}@media (width<=760px){.desktop-sidebar{display:none}.app-body{margin:0}.main-content{padding:22px 16px 40px}.mobile-bar{background:var(--surface);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;height:58px;padding:0 12px;display:flex}.mobile-brand{align-items:center;gap:7px;font-weight:700;display:flex}.mobile-brand img{width:29px}.mobile-sidebar{z-index:70;transition:transform .2s;display:block;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.mobile-sidebar.show{transform:none}.mobile-sidebar .sidebar{width:282px}.mobile-sidebar .brand-row span,.mobile-sidebar .nav-item span,.mobile-sidebar .find-user span,.mobile-sidebar .find-user kbd,.mobile-sidebar .admin-copy,.mobile-sidebar .mobile-close{display:flex}.mobile-sidebar .collapse-button{display:none}.mobile-overlay{z-index:69;opacity:0;pointer-events:none;background:#0d0a187a;transition:opacity .2s;display:block;position:fixed;inset:0}.mobile-overlay.show{opacity:1;pointer-events:auto}.page-header{flex-direction:column}.header-actions{width:100%;overflow:auto}.page-header h1{font-size:29px}.metric-grid{grid-template-columns:1fr}.metric-card{padding:16px}.filters{padding-bottom:4px;overflow:auto}.filters>svg{display:none}.filters button,.filters select{white-space:nowrap}.quick-drawer{width:min(360px,100%)}.identity-panel{padding:16px}.identity-panel>.avatar{width:60px;height:60px}.identity-main h1{font-size:24px}.identity-actions{justify-content:flex-start;overflow:auto}.identity-actions .button{white-space:nowrap}.tab-list{overflow:auto}.tab-list button{white-space:nowrap}.definition-grid,.two-column,.form-grid{grid-template-columns:1fr}.channel-row{grid-template-columns:34px 1fr auto}.channel-row>span:nth-child(4){display:none}.events-list>div{grid-template-columns:14px 1fr auto}.events-list>div>span:nth-child(3),.events-list>div>span:nth-child(4){display:none}.log-table{overflow:auto}.log-head,.log-row{min-width:920px}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow:auto}.settings-nav button{white-space:nowrap}.settings-card{padding:20px}.appearance-options,.admin-team-list{overflow:auto}.admin-team-list>div{min-width:850px}.overview-page .header-actions .round-action{display:none}.panel-heading{align-items:center}.legend{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand-row img,.login-brand img{transform-origin:50%;margin-right:4px;transform:scale(1.72)}.mobile-brand img{transform-origin:50%;margin-right:3px;transform:scale(1.65)}.user-detail-page{max-width:1420px;margin:0 auto}.user-detail-page .breadcrumbs{margin-bottom:14px}.control-identity{border-radius:14px;padding:20px 26px}.control-identity .avatar-lg{width:96px;height:96px}.control-identity .identity-main h1{font-size:32px}.control-identity .identity-actions{align-self:flex-start;margin-top:10px}.control-tabs{gap:4px;margin:10px 0 16px}.control-tabs button{padding:13px 20px}.control-overview-grid{grid-template-columns:minmax(0,1.85fr) minmax(340px,1fr);gap:14px;display:grid}.control-card{border-radius:14px;padding:18px 22px}.control-card .panel-heading{margin-bottom:12px}.control-card .panel-heading h2{font-size:17px}.control-card .panel-heading h2 svg{color:var(--primary)}.control-card .button{height:36px;padding:0 13px}.account-columns{grid-template-columns:1fr 1.15fr;gap:34px;display:grid}.account-columns>div+div{border-left:1px solid var(--border-soft);padding-left:34px}.data-point{flex-direction:column;gap:4px;margin-bottom:15px;display:flex}.data-point:last-child{margin-bottom:0}.data-point>span{color:var(--muted);font-size:12px}.data-point>strong{font-size:13.5px;font-weight:550}.data-point .success-copy svg{width:17px;height:17px}.health-check{color:#fff;background:#08a877;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.compact-health{margin-top:8px}.compact-health span{grid-template-columns:24px 1fr auto 16px;padding:9px 2px}.compact-health em{color:var(--muted);font-style:normal}.compact-health svg:last-child{width:14px;color:var(--muted)}.compact-health .danger-row>svg:first-child{color:#ef3556}.health-success{color:var(--green)!important}.channel-table{flex-direction:column;display:flex}.channel-table .channel-row{grid-template-columns:34px 1fr 130px minmax(160px,1fr) auto;padding:9px 0}.channel-row .platform{width:30px;height:27px;font-size:11px}.connection-state{color:var(--muted);align-items:center;gap:7px;flex-direction:row!important;display:flex!important}.connection-state i{background:#9290a5;border-radius:50%;width:8px;height:8px}.connection-state.connected{color:var(--green)}.connection-state.connected i{background:var(--green)}.connection-state.error{color:var(--danger)}.connection-state.error i{background:var(--danger)}.channel-actions{align-items:center;gap:7px;display:flex}.channel-actions .icon-button{width:36px;height:36px}.notes-panel .note{background:0 0;padding:2px 0}.notes-panel .note p{flex:1}.notes-panel .note p span{background:var(--bg);border-radius:9px;margin-top:4px;padding:10px}.notes-panel .note>svg{color:var(--muted);width:16px}.billing-summary{grid-column:1/-1}.billing-summary-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.billing-summary-grid .data-point{border-right:1px solid var(--border-soft);margin:0}.billing-summary-grid .data-point:last-child{border:0}.events-preview{grid-column:1/-1}.dense-events .event-head,.dense-events>div{grid-template-columns:1.05fr 1.15fr 2.2fr .85fr;display:grid}.dense-events .event-head{color:var(--muted);text-transform:uppercase;border:0;padding:0 8px 7px;font-size:10px;font-weight:650}.dense-events>div:not(.event-head){border-top:1px solid var(--border-soft);padding:8px}.dense-events strong{align-items:center;gap:8px;display:flex}.tab-panel{padding:22px}.billing-layout{flex-direction:column;gap:14px;display:flex}.plan-hero{grid-template-columns:1fr auto auto;align-items:center;gap:30px;padding:24px;display:grid}.plan-hero>div{align-items:center;gap:14px;display:flex}.plan-hero>div:nth-child(2){flex-direction:column;align-items:flex-end;gap:2px}.plan-icon{background:var(--primary-soft);width:46px;height:46px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;display:flex}.plan-hero h2{margin:2px 0;font:700 23px Host Grotesk}.plan-hero p,.plan-hero small{color:var(--muted);margin:0}.plan-hero>div:nth-child(2)>strong{font:700 28px Host Grotesk}.billing-layout .two-column>.panel,.tab-panel{padding:22px}@media (width<=1180px){.control-overview-grid{grid-template-columns:1fr}.billing-summary,.events-preview{grid-column:auto}.control-identity .identity-actions{width:100%;margin-top:0}.billing-summary-grid{grid-template-columns:repeat(2,1fr)}.billing-summary-grid .data-point:nth-child(2){border:0}.channel-table .channel-row{grid-template-columns:34px 1fr 120px auto}.channel-table .channel-row>span:nth-child(4){display:none}}@media (width<=760px){.control-identity .avatar-lg{width:64px;height:64px}.control-identity .identity-actions{flex-wrap:wrap}.control-tabs button{padding:12px}.account-columns{grid-template-columns:1fr;gap:0}.account-columns>div+div{border-left:0;border-top:1px solid var(--border-soft);padding:14px 0 0}.channel-table .channel-row{grid-template-columns:32px 1fr auto}.channel-table .connection-state{display:none!important}.channel-actions .icon-button{display:none}.billing-summary-grid{grid-template-columns:1fr}.billing-summary-grid .data-point{border-right:0;border-bottom:1px solid var(--border-soft);padding-bottom:12px}.plan-hero{grid-template-columns:1fr}.plan-hero>div:nth-child(2){align-items:flex-start}.dense-events .event-head,.dense-events>div{grid-template-columns:1fr 1.2fr}.dense-events .event-head span:nth-child(3),.dense-events .event-head span:nth-child(4),.dense-events>div>span{display:none}}.control-overview-grid>.channels-panel{grid-column:1}.control-overview-grid>.notes-panel{grid-column:2}.control-overview-grid>.billing-summary,.control-overview-grid>.events-preview{grid-column:1/-1}@media (width<=1180px){.control-overview-grid>.channels-panel,.control-overview-grid>.notes-panel,.control-overview-grid>.billing-summary,.control-overview-grid>.events-preview{grid-column:auto}}.creator-directory-table{min-width:1120px}.table-subcopy{color:var(--muted);margin-top:3px;font-size:10px;display:block}.platform-muted{filter:grayscale();opacity:.24}.channel-block{border-top:1px solid var(--border-soft)}.channel-block:first-child{border-top:0}.channel-block .channel-row{border-top:0;grid-template-columns:34px 1fr 135px minmax(180px,1fr)}.channel-metrics{grid-template-columns:repeat(6,minmax(95px,1fr));gap:8px;padding:0 0 13px 46px;display:grid}.channel-metrics>span{background:var(--bg);border:1px solid var(--border-soft);border-radius:10px;flex-direction:column;gap:3px;min-height:64px;padding:9px 10px;display:flex}.channel-metrics small{color:var(--muted);font-size:10px}.channel-metrics strong{font:700 17px Host Grotesk}.channel-metrics em{color:var(--green);font-size:9px;font-style:normal}.sign-out-button{height:42px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;margin-top:8px;padding:0 14px;display:flex}.sign-out-button:hover{color:var(--danger);background:#fdeaf3}.sign-out-button svg{width:18px}.sidebar-collapsed .sign-out-button{justify-content:center;padding:0}.sidebar-collapsed .sign-out-button span{display:none}.mobile-sidebar .sign-out-button span{display:inline}.integration-control{align-items:center;gap:12px;display:flex}.integration-control>span{font-size:12px}.enabled-copy{color:var(--green)}.disabled-copy{color:var(--muted)}.package-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.package-card{flex-direction:column;padding:22px;display:flex}.package-disabled{opacity:.68}.package-card-head{grid-template-columns:42px 1fr auto;align-items:start;gap:12px;display:grid}.package-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.package-card h2{margin:0;font:700 21px Host Grotesk}.package-card p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.package-price{align-items:baseline;gap:4px;margin:24px 0;display:flex}.package-price strong{font:700 34px Host Grotesk}.package-price span,.package-price small{color:var(--muted)}.package-price small{margin-left:auto}.package-stats{border-block:1px solid var(--border-soft);grid-template-columns:repeat(3,1fr);padding:14px 0;display:grid}.package-stats span{flex-direction:column;gap:5px;display:flex}.package-stats small{color:var(--muted);font-size:10px}.package-features{flex-direction:column;gap:10px;min-height:130px;padding:18px 0;display:flex}.package-features span{align-items:center;gap:8px;font-size:12px;display:flex}.package-features svg{color:var(--green);width:15px}.package-actions{border-top:1px solid var(--border-soft);align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.package-actions>span{color:var(--muted);font-size:11px}.package-form{flex-direction:column;gap:14px;display:flex}.package-form>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.package-form label{flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.package-form input{border:1px solid var(--border);background:var(--bg);height:42px;color:var(--text);border-radius:10px;padding:0 11px}@media (width<=1180px){.channel-metrics{grid-template-columns:repeat(3,1fr)}.package-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.channel-metrics{grid-template-columns:repeat(2,1fr);padding-left:0}.channel-block .channel-row{grid-template-columns:32px 1fr auto}.channel-block .channel-row>span:nth-child(4){display:none}.integration-control{gap:7px}.integration-control .health-text{display:none}.package-grid,.package-form>div{grid-template-columns:1fr}.package-card-head{grid-template-columns:42px 1fr}.package-card-head>.badge{grid-column:2}.package-price small{display:none}}.package-grid{grid-template-columns:1fr}.notification-wrap,.notification-wrap .round-action{position:relative}.notification-wrap .round-action>b{background:var(--pink);color:#fff;border:2px solid var(--surface);border-radius:99px;min-width:17px;height:17px;padding:0 4px;font-size:9px;line-height:13px;position:absolute;top:-3px;right:-2px}.notification-popover{z-index:40;background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:15px;width:340px;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 18px 50px #0d0a1829}.notification-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.notification-head>div{flex-direction:column;gap:3px;display:flex}.notification-head small{color:var(--muted);font-size:11px}.notification-head button{color:var(--primary);background:0 0;border:0;font-size:11px;font-weight:600}.notification-head button:disabled{color:var(--muted);cursor:default}.notification-list{flex-direction:column;display:flex}.notification-row{border:0;border-bottom:1px solid var(--border-soft);text-align:left;width:100%;color:var(--text);background:0 0;grid-template-columns:32px 1fr 15px;align-items:center;gap:10px;padding:13px 16px;display:grid}.notification-row:last-child{border-bottom:0}.notification-row:hover{background:var(--bg)}.notification-row>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.notification-row strong{font-size:12px}.notification-row small{color:var(--muted);font-size:11px}.notification-row>svg{color:var(--muted);width:15px}.notification-icon{border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.notification-icon svg{width:15px}.notification-icon.danger{color:var(--danger);background:#fde9ee}.notification-icon.warning{color:var(--amber);background:#fff2dd}.notification-icon.success{color:var(--green);background:#ddf8ed}.credit-notification-icon{color:var(--amber);background:#fff2dd;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.search-popover{z-index:40;background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:15px;width:370px;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 18px 50px #0d0a1829}.global-search-field{border:1px solid var(--border);background:var(--bg);height:42px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;margin:12px;padding:0 11px;display:flex}.global-search-field input{color:var(--text);background:0 0;border:0;outline:0;width:100%;font-size:13px}.search-results{flex-direction:column;display:flex}.search-results>p{color:var(--muted);margin:0;padding:2px 16px 15px;font-size:12px;line-height:1.5}.search-results>button{border:0;border-top:1px solid var(--border-soft);color:var(--text);text-align:left;background:0 0;align-items:center;gap:10px;padding:10px 14px;display:flex}.search-results>button:hover{background:var(--bg)}.search-results>button>span{flex-direction:column;flex:1;gap:3px;display:flex}.search-results>button small{color:var(--muted);font-size:10px}.search-results>button>svg{width:15px;color:var(--muted)}@media (width<=760px){.notification-popover{width:min(340px,100vw - 24px);position:fixed;top:70px;right:12px}}.channel-groups{flex-direction:column;gap:20px;display:flex}.platform-group-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.platform-badge{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.platform-group-head strong{font-size:14px}.platform-group-count{color:var(--muted);margin-left:auto;font-size:12px}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.channel-card{border:1px solid var(--border-soft);background:var(--surface);border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.channel-card:hover{box-shadow:var(--shadow)}.channel-card-connected{border-color:color-mix(in srgb,var(--green) 35%,var(--border-soft))}.channel-card-error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border-soft))}.channel-card-empty{opacity:.7;border-style:dashed}.channel-card-empty-label{color:var(--muted);font-size:13px}.channel-card-head{align-items:center;gap:12px;min-width:0;display:flex}.channel-avatar{object-fit:cover;background:var(--border-soft);border-radius:12px;flex-shrink:0;width:42px;height:42px}.channel-avatar-fallback{color:#fff;justify-content:center;align-items:center;font-size:16px;display:flex}.channel-card-identity{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.channel-card-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.channel-card .channel-access{color:var(--muted);border-top:1px solid var(--border-soft);flex-direction:column;gap:3px;min-width:0;padding-top:10px;font-size:11px;display:flex}.channel-access-scopes{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.channel-card .channel-metrics{border-top:1px solid var(--border-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px;display:grid}.channel-card .channel-metrics span{flex-direction:column;gap:2px;min-width:0;display:flex}.channel-card .channel-metrics small{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.channel-card .channel-metrics strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.channel-card .channel-metrics em{color:var(--green);font-size:10px;font-style:normal}@media (width<=480px){.channel-card .channel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.skeleton-page{flex-direction:column;gap:18px;padding-top:2px;display:flex}.skeleton{background:var(--border-soft);border-radius:12px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 55%,transparent),transparent);animation:1.6s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-title{border-radius:8px;width:240px;height:26px}.skeleton-subtitle{border-radius:6px;width:340px;height:14px}.skeleton-stat-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.skeleton-stat{height:96px}.skeleton-panel{height:220px}.skeleton-panel-row{grid-template-columns:2fr 1fr;gap:16px;display:grid}.skeleton-panel-half{height:220px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (width<=760px){.skeleton-panel-row{grid-template-columns:1fr}}.notes-list{flex-direction:column;gap:10px;display:flex}.note-composer{flex-direction:column;gap:8px;display:flex}.note-composer textarea{border:1px solid var(--border);font:inherit;resize:vertical;background:var(--bg);color:var(--text);border-radius:10px;padding:10px}.note-composer button{align-self:flex-end}.note-row{background:var(--bg);border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.note-row strong{font-size:12px}.note-row span{font-size:13px}.note-row small{color:var(--muted);font-size:11px}.notification-row-unread{background:color-mix(in srgb,var(--primary-soft) 55%,transparent)}.admin-row-menu{justify-self:end;position:relative}.admin-menu-popover{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:190px;position:absolute;top:38px;right:0;overflow:hidden;box-shadow:0 18px 50px #0d0a1829}.admin-menu-popover button{text-align:left;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;display:flex}.admin-menu-popover button:hover:not(:disabled){background:var(--bg)}.admin-menu-popover button:disabled{color:var(--muted);cursor:default}.admin-menu-popover svg{width:15px}.admin-team-list>div.invite-row{background:color-mix(in srgb,var(--primary-soft) 30%,transparent);grid-template-columns:1.5fr .8fr .6fr .7fr .7fr 110px}.invite-actions{justify-self:end;gap:6px;display:flex}.role-permissions-panel{padding:28px 30px 30px}.role-permissions-panel .panel-heading{margin-bottom:24px}.role-permissions-panel .panel-heading h2{font-size:21px}.role-permissions-panel .panel-heading p{margin-top:8px;line-height:1.5}.role-reality{flex-direction:column;gap:16px;display:flex}.role-reality-row{border:1px solid var(--border-soft);border-radius:12px;align-items:flex-start;gap:16px;padding:18px;display:flex}.role-reality-row strong{margin-bottom:4px;font-size:13px;display:block}.role-reality-row p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.role-reality-badge{background:var(--primary-soft);color:var(--primary);text-transform:uppercase;border-radius:99px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.role-reality-badge-muted{background:var(--border-soft);color:var(--muted)}.role-reality-note{background:var(--bg);color:var(--muted);border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:12px 14px;font-size:12px;display:flex}.role-reality-note svg{flex-shrink:0;width:16px}.role-reality-note code{background:var(--border-soft);border-radius:5px;padding:1px 5px;font-size:11px}.sidebar-collapsed .collapse-button{flex:0 0 36px;margin-left:auto;display:inline-flex!important}.account-details>.data-point{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:16px}