@charset "UTF-8";
:root{--bg:#090f1c;--sidebar:#0b1220;--surface:#101a2b;--surface2:#142037;--surface3:#1b2940;--border:#213048;--text:#eff4fc;--muted:#8999b3;--subtle:#5e708d;--blue:#527dff;--blue-soft:#23335b;--cyan:#63d5cf;--green:#66d7ac;--red:#f58196;--purple:#af9df4;--radius:16px;--shadow:0 18px 50px #0003;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-size:14px}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}input,textarea,select{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px}input::placeholder,textarea::placeholder{color:#667996}input,select{height:42px;padding:0 13px}textarea{padding:12px;resize:vertical}button{border:0;background:none}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650;letter-spacing:-.035em}h1{font-size:29px;margin-bottom:9px;line-height:1.25}h2{font-size:21px}h3{font-size:15px;letter-spacing:-.01em}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}[hidden]{display:none!important}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:700;color:#83a3e1}.soft-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#558bc4;box-shadow:0 0 8px #527dff22}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;background:linear-gradient(145deg,#5b83f7,#3b59ca);border:1px solid #7492f750;border-radius:12px;box-shadow:0 3px 16px #415cdf25;display:grid;place-items:center;color:#e6efff}.brand-mark svg{width:29px;height:29px}.brand strong{font-size:18px;letter-spacing:2.8px;font-weight:760;display:block;line-height:1.2}.brand span{display:block;font-size:9px;color:#7e90ad;letter-spacing:3px;margin-top:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:650;padding:12px 16px;border-radius:9px;border:1px solid transparent;min-height:40px;transition:background .15s,transform .15s;white-space:nowrap}.button svg.icon{width:16px;height:16px}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--blue);box-shadow:0 5px 14px #527dff20;color:#fff}.primary:hover{background:#668dff}.secondary{background:#152135;border-color:#293952;color:#c8d5e9}.secondary:hover{background:#1d2d46}.ghost{background:transparent;color:#a9bcd8;border-color:var(--border)}.danger{background:#f581961a;border-color:#f5819645;color:#ff9faf}.success{background:#66d7ac15;color:var(--green);border-color:#66d7ac35}.small-button{padding:8px 11px;min-height:33px;font-size:11px}.full{width:100%}.icon-button{padding:9px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex:none}.icon-button:hover{color:var(--text);background:#ffffff08}.button-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.boot-screen{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:var(--muted);font-size:12px}.boot-screen .brand-mark{width:60px;height:60px}.boot-screen .brand-mark svg{width:42px;height:42px}.loading-line{height:2px;width:110px;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:pulse 1.5s infinite}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;width:232px;background:var(--sidebar);border-right:1px solid #1a283d;display:flex;flex-direction:column;padding:29px 18px 15px;z-index:30}.sidebar>.brand{margin:0 13px 34px}.workspace-card{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid #23324a;background:#111d30;border-radius:11px;margin-bottom:33px}.workspace-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#24375a;color:#91b6f9;flex:none}.workspace-icon svg{width:17px;height:17px}.workspace-card strong{font-size:11px;display:block;font-weight:600;line-height:1.5}.workspace-card span:not(.workspace-dot){font-size:9px;color:#778ba9}.workspace-dot{height:6px;width:6px;border-radius:50%;background:var(--green);margin-left:auto;flex:none}.nav-caption{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#5e7596;padding:0 14px;margin-bottom:12px}.main-nav{display:grid;gap:6px}.main-nav>a{display:flex;align-items:center;gap:12px;color:#8d9eb8;padding:12px 14px;border-radius:9px;min-height:43px;position:relative;font-size:12px;font-weight:500}.main-nav>a .icon{width:17px;height:17px;color:#7385a3}.main-nav>a:hover{background:#132036;color:#dde9fb}.main-nav>a.active{background:linear-gradient(90deg,#21345c,#1b2b4b);color:#b7cdff;box-shadow:inset 0 0 0 1px #37508735}.main-nav>a.active:before{content:"";position:absolute;height:18px;width:3px;left:0;border-radius:3px;background:var(--blue)}.main-nav>a.active .icon{color:#8eafff}.nav-badge{margin-left:auto;background:#2c426d;color:#bdd1ff;border-radius:5px;font-size:9px;line-height:17px;min-width:19px;text-align:center}.sys-badge{font-size:8px;background:#483864;color:#c9b7ed;padding:3px 5px;border-radius:4px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-note{position:relative;padding:15px 12px 14px;border:1px solid #20324b;border-radius:12px;background:linear-gradient(135deg,#142138,#101a2b);margin:0 2px 20px;overflow:hidden}.sidebar-note>div{position:absolute;right:-4px;bottom:15px;color:#385477;transform:rotate(-10deg);width:66px;height:66px}.sidebar-note p{color:#adbed8;font-size:11px;line-height:1.6;margin:0 0 10px;position:relative}.sidebar-note>span{font-size:6.5px;letter-spacing:1px;color:#627c9f;position:relative}.account-button{display:flex;gap:10px;width:100%;padding:12px 6px;border-top:1px solid #1f2c41;align-items:center;text-align:left}.account-button>span:nth-child(2){min-width:0;flex:1}.account-button strong{display:block;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.account-button>.icon{height:14px;width:14px}.logout-button{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--subtle);padding:5px 8px;margin-left:40px}.logout-button .icon{width:13px;height:13px}.logout-button:hover{color:var(--red)}.avatar{width:36px;height:36px;border-radius:50%;background:#273957;display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;font-size:12px;font-weight:700;color:#bfd2f7;border:1px solid #3c527144}.avatar img{height:100%;width:100%;object-fit:cover}.avatar.small{width:30px;height:30px;font-size:10px}.avatar.large{width:66px;height:66px;font-size:22px}.avatar.xlarge{width:82px;height:82px;font-size:26px}.avatar-stack{display:flex;padding-left:5px}.avatar-stack .avatar{margin-left:-5px;border:2px solid var(--surface);width:28px;height:28px;font-size:8px}.main-shell{margin-left:232px;width:calc(100% - 232px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:72px;padding:0 34px;border-bottom:1px solid #1a283d;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0a1221d9;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.topbar-left{font-size:11px}.breadcrumb-root{color:#657b9c}.breadcrumb-slash{color:#3b506e}.topbar-left strong{font-weight:550;color:#c6d4e9}.topbar-right{gap:12px}.connection-status{display:inline-flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);white-space:nowrap}.connection-status>span{width:6px;height:6px;background:#8c9ab4;border-radius:50%;display:inline-block}.connection-status.online{color:#98cdbd}.connection-status.online>span{background:var(--green);box-shadow:0 0 0 3px #66d7ac12}.connection-status.offline{color:#e9b478}.connection-status.offline>span{background:#e9b478}.topbar-divider{height:22px;width:1px;background:var(--border);margin:0 3px}.demo-badge{font-size:8px;font-weight:700;letter-spacing:1px;padding:5px 7px;background:#3c3345;color:#d5b7f0;border:1px solid #574866;border-radius:5px}.demo-banner{display:flex;align-items:center;gap:10px;font-size:10px;padding:10px 34px;background:#241f37;border-bottom:1px solid #3c3253;color:#baaace}.demo-banner>.icon{width:15px;height:15px;color:#b6a1e3}.demo-banner>span{flex:1}.demo-banner button{display:flex;gap:8px;align-items:center;font-size:10px;color:#dccff7;font-weight:600}.demo-banner button .icon{width:13px;height:13px}.content{padding:32px 34px 25px;flex:1;width:100%;max-width:1700px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:27px;margin:5px 0 8px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.page-heading .eyebrow{font-size:8px;letter-spacing:2px}.date-label{display:flex;align-items:center;gap:8px;color:#8197b6;font-size:11px}.date-label .icon{width:15px;height:15px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric-card{background:linear-gradient(120deg,#131f33,#10192a);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-22px;top:-23px;width:95px;height:95px;filter:blur(32px);border-radius:50%;background:var(--accent,#527dff);opacity:.055;pointer-events:none}.metric-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#a6b6cf;font-size:11px}.metric-icon{display:grid;place-items:center;width:31px;height:31px;background:color-mix(in srgb,var(--accent,#527dff) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent,#527dff) 20%,transparent);color:var(--accent,#7397ff);border-radius:9px}.metric-icon .icon{width:16px;height:16px}.metric-number{font-size:32px;font-weight:680;letter-spacing:-1px;line-height:1.3;margin:9px 0 8px}.metric-number small{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:450;margin-left:5px}.metric-foot{font-size:10px;color:#7388a7;display:flex;align-items:center;gap:6px}.metric-foot .icon{width:12px;height:12px}.metric-foot .dot{width:4px;height:4px;background:var(--accent,#7397ff);border-radius:50%}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;overflow:hidden}.panel-heading{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #203048}.panel-heading h2,.panel-heading h3{margin:0;font-size:14px;font-weight:650;letter-spacing:-.015em}.panel-heading p{font-size:10px;color:var(--muted);margin:5px 0 0}.panel-heading .link-button{font-size:10px}.panel-body{padding:20px 22px}.link-button{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#95b2ff;font-weight:550;padding:0}.link-button .icon{width:13px;height:13px}.link-button:hover{color:#c7d8ff}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:600;line-height:1.3;white-space:nowrap;border:1px solid transparent}.pill.green{background:#143b352e;border-color:#326d5d44;color:#8ddbbc}.pill.blue{background:#29477c40;border-color:#446eaf3b;color:#a4bffd}.pill.purple{background:#493b6f40;border-color:#6b599840;color:#c2b0f4}.pill.orange{background:#63482935;border-color:#a07a4540;color:#edc487}.pill.gray{background:#8293ac10;border-color:#8293ac20;color:#a0b1c9}.pill.red{background:#71344730;border-color:#a74b6740;color:#ed9ab1}.pill .soft-dot{background:currentColor;width:4px;height:4px;box-shadow:none}.channel-section+.channel-section{margin-top:22px}.channel-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:550;color:#a8b9d3;margin-bottom:11px}.channel-title>.icon{color:#76a0e0;width:16px;height:16px}.channel-title small{font-size:9px;color:var(--subtle);font-weight:400;margin-left:auto}.voice-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.voice-person{display:flex;gap:10px;align-items:center;padding:11px;background:#142137;border:1px solid #22344e;border-radius:11px;width:100%;text-align:left;transition:border-color .15s,background .15s}.voice-person:hover{border-color:#46638b;background:#18273e}.voice-person .avatar{width:34px;height:34px}.person-info{min-width:0;flex:1}.person-info strong{font-size:11px;display:block;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5}.person-info small{font-size:9px;color:var(--muted);display:block;margin-top:2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.voice-indicator{display:flex;align-items:center;gap:2px;height:16px;color:var(--green);flex:none}.voice-indicator i{display:block;background:currentColor;border-radius:2px;width:2px;height:6px}.voice-indicator i:nth-child(2){height:11px}.voice-indicator i:nth-child(3){height:16px}.voice-indicator i:nth-child(4){height:9px}.voice-indicator.quiet{color:#75839a}.voice-indicator.quiet i{height:3px}.panel-bottom{padding:13px 22px;border-top:1px solid #203048;color:var(--subtle);font-size:9px;display:flex;align-items:center;gap:6px}.panel-bottom .icon{width:12px;height:12px}.support-callout{display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#172b3b,#152338);border:1px solid #28454f;border-radius:var(--radius);padding:19px 22px;margin-top:22px}.support-callout>div:first-child{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#63d5cf13;color:var(--cyan);flex:none}.support-callout>div:nth-child(2){flex:1}.support-callout h3{font-size:12px;margin:0 0 5px}.support-callout p{font-size:10px;color:#8ba9b9;margin:0}.support-callout .button{font-size:10px;min-height:33px;padding:8px 11px;background:#20384a;border-color:#345262;color:#b5dddf}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;gap:11px;position:relative;padding-bottom:22px}.activity-item:last-child{padding-bottom:0}.activity-item:before{content:"";width:1px;background:#24344e;position:absolute;top:28px;bottom:6px;left:13px}.activity-item:last-child:before{display:none}.activity-symbol{width:28px;height:28px;display:grid;place-items:center;color:#8babf4;background:#213554;border:1px solid #314769;border-radius:50%;flex:none;z-index:1}.activity-symbol .icon{width:13px;height:13px}.activity-copy{padding-top:1px;min-width:0}.activity-copy p{font-size:11px;color:#aebed6;margin:0 0 4px;line-height:1.5}.activity-copy strong{color:#d6e2f4;font-weight:550}.activity-copy small{font-size:9px;color:#60799b}.quick-actions{display:grid;gap:8px}.quick-action{display:flex;align-items:center;gap:11px;padding:12px;background:#132035;border:1px solid #22324a;border-radius:10px;text-align:left}.quick-action>span:first-child{width:30px;height:30px;border-radius:9px;background:#243955;color:#a9c4ef;display:grid;place-items:center;flex:none}.quick-action>span:nth-child(2){flex:1}.quick-action strong{font-size:11px;display:block;font-weight:550}.quick-action small{font-size:9px;color:#6f88aa;display:block;margin-top:4px}.quick-action>.icon{color:#647fa5;width:14px;height:14px}.quick-action:hover{background:#192b43;border-color:#3a5378}.section-space{margin-top:22px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.toolbar-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:9px;min-width:240px;flex:1;max-width:340px;background:#111c2e;border:1px solid var(--border);border-radius:9px;padding:0 12px}.search-input>.icon{width:15px;height:15px;color:#657fa3}.search-input input{height:39px;min-width:0;width:100%;padding:0;border:0;background:transparent;outline:none}.search-input:focus-within{border-color:#527dff}.toolbar select{background:#111c2e;color:#aec0da;font-size:11px;height:40px;max-width:210px}.result-count{font-size:11px;color:var(--muted)}.segmented{display:flex;align-items:center;background:#0a1323;border:1px solid #22314a;border-radius:9px;padding:4px;gap:3px}.segmented button{flex:1;white-space:nowrap;padding:8px 12px;border-radius:6px;font-size:10px;font-weight:550;color:#879fbd}.segmented button[aria-selected="true"],.segmented button.active{background:#213555;color:#c5d8f6;box-shadow:0 1px 4px #0003}.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.voice-grid .voice-people{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{overflow:auto}.staff-table{border-collapse:collapse;width:100%;text-align:left}.staff-table th{font-size:8px;font-weight:600;color:#6982a5;text-transform:uppercase;letter-spacing:1px;padding:15px 20px;background:#0e192a;border-bottom:1px solid #213149;white-space:nowrap}.staff-table td{padding:15px 20px;border-bottom:1px solid #1d2b41;font-size:11px;vertical-align:middle}.staff-table tr:last-child td{border-bottom:0}.staff-table tbody tr:hover{background:#132238}.table-person{display:flex;gap:11px;align-items:center;text-align:left;padding:0}.table-person .avatar{width:33px;height:33px}.table-person .person-info{min-width:120px}.labels-inline{display:flex;gap:5px;flex-wrap:wrap;max-width:250px}.numeric{font-variant-numeric:tabular-nums;color:#c0d0e6;white-space:nowrap}.table-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#9fb0ca}.table-status .soft-dot{background:#647592;box-shadow:none}.table-status.online .soft-dot{background:var(--green)}.table-status.online{color:#9ed8c4}.table-action{color:#8eacd6;display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #213149;color:var(--muted);font-size:10px}.pagination .button{font-size:10px}.empty-state{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;flex-direction:column}.empty-state>.empty-icon{width:46px;height:46px;background:#1d2f4a;color:#7196c9;border:1px solid #2b4262;border-radius:14px;display:grid;place-items:center;margin-bottom:15px}.empty-state h3{font-size:13px;font-weight:600;margin:0 0 7px}.empty-state p{font-size:11px;color:var(--muted);max-width:320px;margin:0}.empty-state .button{margin-top:15px}.conversation-layout{display:grid;grid-template-columns:260px minmax(280px,1fr) 235px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);height:calc(100dvh - 221px);min-height:500px;max-height:1000px}.conversation-list-pane{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:#0e192a}.conversation-list-toolbar{padding:16px 13px;border-bottom:1px solid var(--border)}.conversation-list-toolbar .search-input{min-width:0;max-width:none;background:#111f33;margin-bottom:11px}.conversation-list-toolbar .search-input input{font-size:10px;height:34px}.conversation-list-toolbar .segmented button{padding:6px 7px;font-size:9px}.conversation-list{overflow-y:auto;flex:1;padding:7px}.conversation-item{display:flex;gap:10px;align-items:flex-start;padding:13px 10px;width:100%;text-align:left;border-radius:10px;border:1px solid transparent;margin-bottom:4px}.conversation-item:hover{background:#152339}.conversation-item.active{background:linear-gradient(100deg,#1c3153,#182b48);border-color:#304c74}.conversation-item .avatar{width:35px;height:35px}.conversation-item-main{flex:1;min-width:0}.conversation-item-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.conversation-item-heading strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.conversation-item-heading small{font-size:8px;color:#728bb0;white-space:nowrap}.conversation-item p{font-size:10px;margin:5px 0 7px;color:#8197b6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:155px}.conversation-item .pill{font-size:7px;padding:2px 5px;border-radius:4px}.conversation-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 20%,#14223970,transparent 65%),#0c1627}.conversation-header{height:74px;padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#101c2e;flex:none}.conversation-header-person{display:flex;align-items:center;gap:10px;min-width:0}.conversation-header-person strong{font-size:12px;font-weight:600}.conversation-header-person small{font-size:9px;color:#829cbd;display:block;margin-top:4px}.conversation-header-actions{display:flex;gap:3px}.conversation-header-actions .icon{height:16px;width:16px}.message-list{overflow-y:auto;flex:1;min-height:0;padding:22px 20px;scroll-behavior:smooth;overscroll-behavior:contain}.date-separator{display:flex;align-items:center;justify-content:center;gap:11px;color:#637f9f;font-size:8px;margin:0 0 24px;text-transform:uppercase;letter-spacing:.8px}.date-separator:before,.date-separator:after{content:"";height:1px;background:#1c2c43;flex:1;max-width:80px}.message{display:flex;gap:8px;align-items:flex-end;margin:0 0 21px;max-width:88%}.message>.avatar{width:25px;height:25px;font-size:8px;margin-bottom:22px}.message-inner{min-width:0}.message-author{font-size:8px;color:#7d95b5;margin:0 0 6px 3px}.message-bubble{padding:12px 14px;font-size:11px;line-height:1.7;border:1px solid #293d57;border-radius:13px 13px 13px 3px;background:#192940;color:#d2dff1;overflow-wrap:anywhere;white-space:pre-wrap}.message.outgoing{margin-left:auto;flex-direction:row-reverse}.message.outgoing .message-author{text-align:right;margin-right:3px}.message.outgoing .message-bubble{background:linear-gradient(125deg,#2c4984,#263f70);border-color:#395892;border-radius:13px 13px 3px 13px;color:#e0ebff}.message-meta{display:flex;align-items:center;gap:6px;font-size:8px;color:#5f7b9f;margin-top:6px}.message.outgoing .message-meta{justify-content:flex-end}.message-meta .icon{width:10px;height:10px;color:#7c9ed2}.message-meta.failed{color:var(--red)}.message-meta.failed .icon{color:var(--red)}.message.system{display:block;max-width:none;text-align:center;font-size:9px;color:#748dae;margin:0 0 20px;background:#18253b80;border:1px solid #24365180;border-radius:8px;padding:9px 12px;line-height:1.6}.attachment-link{display:flex;align-items:center;gap:7px;font-size:10px;color:#b1ceff;padding:8px 10px;border:1px solid #587bac55;border-radius:7px;margin-top:8px;white-space:normal}.attachment-link .icon{width:13px;height:13px}.composer{border-top:1px solid var(--border);padding:15px 17px 11px;background:#101b2d;flex:none}.composer-box{display:flex;align-items:flex-end;gap:8px;border:1px solid #2a4162;background:#0c172a;border-radius:11px;padding:10px}.composer-box:focus-within{border-color:#527dff}.composer textarea{min-height:35px;max-height:120px;resize:none;flex:1;width:100%;border:0;background:none;outline:none;padding:7px 3px;font-size:11px;line-height:1.55}.composer textarea:focus-visible{outline:none}.send-button{width:34px;height:34px;background:var(--blue);border-radius:8px;display:grid;place-items:center;flex:none}.send-button .icon{width:17px;height:17px}.composer-note{font-size:8px;color:#5d7698;margin:8px 3px 0;display:flex;justify-content:space-between;gap:8px}.conversation-profile{border-left:1px solid var(--border);overflow-y:auto;background:#0f1a2c;min-height:0;padding:25px 17px}.profile-top{text-align:center}.profile-top .avatar{margin:0 auto 12px}.profile-top h3{margin:0 0 5px;font-size:15px}.profile-top p{font-size:10px;color:#7890af;margin:0 0 10px}.profile-top .button{margin-top:12px;width:100%;font-size:10px;padding:8px;min-height:32px}.profile-section{border-top:1px solid #23334a;margin-top:22px;padding-top:18px}.profile-section h4{font-size:8px;font-weight:650;letter-spacing:1px;color:#7188a8;text-transform:uppercase;margin:0 0 14px}.profile-detail{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:13px}.profile-detail>span{color:#7c94b5}.profile-detail>strong{font-weight:550;color:#c0cfe4;text-align:right}.profile-note{font-size:9px;color:#728aa9;line-height:1.7;background:#142339;padding:11px;border:1px solid #243651;border-radius:8px;margin-top:15px}.mini-bars{height:58px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end}.mini-bar{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.mini-bar>i{width:100%;max-width:21px;background:linear-gradient(#7296f8,#34549e);border-radius:4px 4px 2px 2px;min-height:3px}.mini-bar>span{font-size:7px;color:#5d789b}.conversation-placeholder{height:100%;display:flex;align-items:center;justify-content:center}.conversation-mobile-back{display:none}.labels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.label-card{padding:21px;background:var(--surface);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:16px}.label-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.label-card h3{margin:0;font-size:14px;word-break:break-word}.label-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.label-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.label-icon{height:35px;width:35px;border-radius:10px;background:#213859;color:#99bafa;display:grid;place-items:center}.inline-form{display:flex;align-items:flex-end;gap:12px;padding:20px 22px;margin-bottom:22px}.inline-form>label{display:flex;flex-direction:column;gap:8px;flex:1;font-size:10px;color:var(--muted)}.inline-form input{width:100%;background:#0c1627}.inline-form .button{height:42px}.notice{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;background:#1a2c413f;border:1px solid #2c425b;border-radius:10px;color:#8da7c5;font-size:11px;line-height:1.65;margin-bottom:20px}.notice>.icon{width:16px;height:16px;color:#6c9bc4;flex:none;margin-top:2px}.access-list{display:flex;flex-direction:column}.access-row{display:flex;align-items:center;gap:14px;padding:19px 22px;border-bottom:1px solid var(--border)}.access-row:last-child{border-bottom:0}.access-row>.person-info{flex:1}.access-row .button-group{margin-left:auto}.status-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.status-label .icon{width:13px;height:13px}.drawer-backdrop{position:fixed;inset:0;background:#030711a8;backdrop-filter:blur(3px);z-index:80}.staff-drawer{position:fixed;top:0;right:0;bottom:0;width:430px;max-width:100%;background:#101b2d;border-left:1px solid #33465e;z-index:90;overflow:auto;box-shadow:-20px 0 80px #0005;animation:slideIn .2s ease-out}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#101b2deb;backdrop-filter:blur(8px);z-index:1}.drawer-heading>span{font-size:10px;letter-spacing:1px;color:#92a8c7;font-weight:600}.drawer-body{padding:26px}.drawer-profile{display:flex;gap:17px;align-items:center;margin-bottom:23px}.drawer-profile h2{margin:0 0 7px;font-size:22px;word-break:break-word}.drawer-profile p{font-size:11px;color:var(--muted);margin:0 0 8px}.drawer-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:12px;margin:24px 0;background:#142137}.drawer-stats>div{padding:17px 9px;text-align:center;border-right:1px solid var(--border)}.drawer-stats>div:last-child{border:0}.drawer-stats strong{font-size:18px;display:block;font-weight:650}.drawer-stats span{color:#7992b3;font-size:8px;display:block;margin-top:7px}.drawer-body .mini-bars{height:100px;margin:20px 0}.drawer-body .mini-bar>i{max-width:34px}.drawer-body .mini-bar>span{font-size:8px}.drawer-section{margin:28px 0}.drawer-section>h3{font-size:12px;margin-bottom:14px}.label-toggles{display:flex;gap:7px;flex-wrap:wrap}.label-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #30435e;border-radius:8px;padding:8px 10px;color:#8fa5c3;font-size:10px;background:#142137}.label-toggle[aria-pressed="true"]{background:#273d62;border-color:#5279b5;color:#c1d8fd}.label-toggle .icon{width:12px;height:12px}.label-toggle.pause[aria-pressed="true"]{border-color:#78629d;background:#382f4b;color:#d5bff6}.drawer-notice{border-radius:10px;padding:13px 15px;background:#2c273e;border:1px solid #4d4164;font-size:10px;color:#bcafd5;line-height:1.7}.modal{border:1px solid #3b506e;border-radius:18px;background:#132036;color:var(--text);padding:29px;width:420px;max-width:calc(100vw - 30px);box-shadow:0 25px 100px #0007}.modal::backdrop{background:#040915bd;backdrop-filter:blur(5px)}.modal-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:#a8c0f5;background:#294269;margin-bottom:20px}.modal h2{font-size:20px;margin-bottom:12px}.modal p{font-size:12px;color:#9cb0cf;margin-bottom:24px;white-space:pre-wrap}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.toast-stack{position:fixed;bottom:25px;right:25px;z-index:150;display:flex;flex-direction:column;gap:9px;width:360px;max-width:calc(100vw - 30px);pointer-events:none}.toast{display:flex;gap:11px;align-items:flex-start;border:1px solid #3a596e;border-radius:12px;background:#182b3b;box-shadow:var(--shadow);padding:15px 17px;font-size:11px;line-height:1.65;animation:slideIn .2s ease-out;pointer-events:auto;color:#c4e4e0}.toast>.icon{height:17px;width:17px;color:var(--green);margin-top:1px;flex:none}.toast.error{background:#352536;border-color:#764655;color:#efc9d4}.toast.error>.icon{color:var(--red)}.toast button{margin-left:auto;color:inherit;padding:0}.toast button .icon{width:13px;height:13px}.global-error{background:#442c283b;border-bottom:1px solid #73514355;color:#d8b3a0;padding:11px 34px;font-size:11px}.app-footer{padding:5px 34px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#4d6485;font-size:8px}.app-footer>span:first-child{display:flex;align-items:center;gap:6px}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login-story{position:relative;overflow:hidden;padding:45px 10%;background:radial-gradient(ellipse at 60% 60%,#223a653b,transparent 60%),linear-gradient(130deg,#0d1729,#101d34);border-right:1px solid #213149;display:flex;flex-direction:column;min-height:850px}.login-story:after{content:"";background-image:radial-gradient(#7793bc24 .5px,transparent .5px);background-size:23px 23px;position:absolute;inset:0;mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}.login-story>.brand{z-index:1}.story-copy{position:relative;z-index:1;margin-top:85px;max-width:430px}.story-copy .eyebrow{font-size:9px;letter-spacing:1.2px;color:#7d9bc6;margin-bottom:21px;display:flex;align-items:center;gap:8px}.tiny-star{font-size:14px;color:#78a1e7}.story-copy h1{font-size:53px;letter-spacing:-2.5px;line-height:1.15;font-weight:650}.story-copy h1>span{background:linear-gradient(90deg,#84aafa,#86d3d2);background-clip:text;-webkit-text-fill-color:transparent}.story-copy p{font-size:12px;color:#8299bb;max-width:320px;line-height:1.8;margin:23px 0 0}.story-art{position:relative;width:320px;height:250px;margin:26px auto 8px;z-index:1}.orbit{position:absolute;border:1px solid #3b58874d;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:260px;height:190px}.orbit-two{width:315px;height:125px}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);width:105px;height:105px;border-radius:30px;background:linear-gradient(135deg,#395b98,#213858);border:1px solid #7392c455;color:#b8d1ff;box-shadow:0 0 70px #6c99ff17;display:grid;place-items:center}.orbit-core svg{width:77px;height:77px}.orbit-note{position:absolute;display:flex;align-items:center;gap:7px;background:#172840;border:1px solid #355171;padding:9px 13px;border-radius:9px;font-size:9px;color:#a6bfdc;box-shadow:0 6px 20px #0003}.note-one{left:0;top:47px;transform:rotate(-5deg)}.note-two{right:-12px;top:122px;transform:rotate(4deg)}.note-three{left:24px;bottom:17px;transform:rotate(-3deg)}.note-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan)}.note-dot.purple{background:var(--purple)}.note-dot.blue{background:#829ffa}.star-art{position:absolute;color:#6b8dbc}.star-one{right:44px;top:20px;font-size:21px}.star-two{left:72px;bottom:68px;font-size:15px}.story-footer{color:#5d789e;font-size:9px;display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:20px;z-index:1}.login-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;position:relative;background:radial-gradient(ellipse at 20% 45%,#13253b30,transparent 65%),#0a1120}.login-card{width:355px;max-width:100%}.login-card>.eyebrow{font-size:8px;letter-spacing:1.8px;color:#6587b7}.login-card h2{font-size:29px;margin:14px 0 10px}.login-card>p{font-size:12px;margin-bottom:28px}.login-tabs{margin:0 0 29px}.login-tabs button{padding:10px 8px;font-size:11px}.field-label{font-size:10px;color:#a0b2cd;font-weight:550;display:block;margin:18px 0 9px}.input-wrap{height:45px;display:flex;align-items:center;border:1px solid #293b58;border-radius:9px;background:#0e192b;padding:0 12px;gap:10px}.input-wrap>.icon{height:16px;width:16px;color:#6783aa}.input-wrap input{border:0;background:none;height:100%;outline:0;flex:1;min-width:0;padding:0;font-size:11px}.input-wrap input:focus-visible{outline:none}.input-wrap:focus-within{border-color:var(--blue)}.input-wrap .icon-button{padding:3px}.input-wrap .icon-button .icon{height:15px;width:15px}.login-card form>.button{margin-top:25px;height:45px;font-size:11px;justify-content:space-between;padding:0 16px}.form-error,.form-success{font-size:11px;line-height:1.6;margin:13px 0 0;padding:10px 12px;border-radius:7px}.form-error{color:#f2adc0;background:#552e4338;border:1px solid #6e3f533d}.form-success{color:#92dabf;background:#224f4438;border:1px solid #32695744}.login-divider{position:relative;margin:28px 0 20px;text-align:center;color:#566e91;font-size:9px;display:flex;gap:12px;align-items:center}.login-divider:before,.login-divider:after{content:"";height:1px;background:#23324b;flex:1}.login-footnote{display:flex;gap:8px;align-items:flex-start;font-size:9px!important;color:#536d91;line-height:1.7;margin:20px 0!important}.login-footnote .icon{width:13px;height:13px;flex:none;margin-top:2px}.login-bottom{position:absolute;bottom:29px;font-size:8px;color:#48617f;letter-spacing:.2px}.login-bottom>span{margin:0 8px}.request-explanation{font-size:11px;color:#8ca2c2;line-height:1.7;margin-bottom:20px}.mobile-menu{display:none}.skeleton{position:relative;overflow:hidden;background:#162338;border-radius:7px;height:16px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ffffff04,transparent);animation:shimmer 1.7s infinite}.skeleton-card{height:137px;border-radius:var(--radius)}.skeleton-panel{height:320px;border-radius:var(--radius)}.loading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.error-panel{padding:50px 25px;text-align:center}.error-panel .button{margin-top:20px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#2b3f5c;border-radius:6px}::-webkit-scrollbar-track{background:transparent}@keyframes pulse{50%{opacity:.25;transform:scaleX(.6)}}@keyframes shimmer{100%{transform:translateX(100%)}}@keyframes slideIn{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}
.channel-ranking-period{font-size:9px;color:#7d96b7;margin:-7px 0 16px}.channel-ranking{list-style:none;padding:0;margin:0;display:grid;gap:15px}.channel-ranking li{display:flex;align-items:center;gap:10px}.channel-ranking-number{font-size:10px;font-weight:600;color:#6c8bb6;width:17px;flex:none}.channel-ranking-main{flex:1;min-width:0}.channel-ranking-line{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:10px;margin-bottom:8px}.channel-ranking-line strong{font-weight:550;color:#bed0e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-ranking-line>span{font-variant-numeric:tabular-nums;color:#9dbaf0;white-space:nowrap;font-size:9px}.channel-ranking-track{display:block;height:4px;background:#21324b;border-radius:4px;overflow:hidden}.channel-ranking-track i{display:block;height:100%;background:linear-gradient(90deg,#466fbe,#79b2d2);border-radius:4px}.channel-ranking-note,.channel-ranking-empty{font-size:9px;line-height:1.7;color:#6d87a8;margin:14px 0 0}.channel-ranking-empty{padding:11px 12px;border-radius:8px;border:1px solid #273c58;background:#152339}.profile-section .channel-ranking{gap:12px}.profile-section .channel-ranking-line{font-size:9px}.profile-section .channel-ranking-number{font-size:8px;width:10px}
.profile-identity{display:block;margin:18px 0 22px}.profile-identity>span:first-child{display:block;font-size:8px;letter-spacing:1px;font-weight:600;color:#718aac;margin-bottom:9px}.profile-identity-field{display:flex;gap:8px;align-items:center;padding:6px 7px 6px 12px;background:#111e31;border:1px solid #2b3f5b;border-radius:9px}.profile-identity-field input{min-width:0;flex:1;width:100%;font-size:11px;font-family:ui-monospace,Consolas,monospace;background:none;border:0;height:30px;padding:0;color:#b5c9e5}.profile-identity-field .button{flex:none;font-size:9px;min-height:30px;padding:6px 8px}
.presence-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.4;color:#8da0bb;max-width:100%;vertical-align:middle}.presence-dot{display:block;width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}.presence-label{min-width:0;white-space:normal;overflow-wrap:break-word}.presence-online{color:#8ad1b5}.presence-idle{color:#e4bd75}.presence-idle .presence-dot{border-radius:50%;background:transparent;box-shadow:2px 1px 0 0 currentColor;transform:translate(-1px,-1px)}.presence-dnd{color:#e8a0af}.presence-dnd .presence-dot{position:relative;width:7px;height:7px}.presence-dnd .presence-dot:after{content:"";position:absolute;left:1px;right:1px;top:3px;height:1px;background:#152137}.presence-offline{color:#8797b0}.presence-offline .presence-dot{background:transparent;border:1.5px solid currentColor}.presence-unknown{color:#788ca9}.presence-unknown .presence-dot{background:transparent;border:1px dashed currentColor}.person-info>.presence-badge{display:flex;margin-top:5px;font-size:8px}.voice-person{min-height:73px}.voice-person .person-info{align-self:center}.voice-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}.voice-flag{display:inline-flex;align-items:center;gap:7px;padding:8px;border:1px solid #2b3e57;background:#132239;border-radius:8px;color:#8ea5c3;min-width:0;line-height:1.45;font-size:9px}.voice-flag>.icon{width:14px;height:14px;flex:none}.voice-flag-label{overflow-wrap:break-word;min-width:0}.voice-flag.available{color:#8abcae;border-color:#31564855;background:#1a352d22}.voice-flag.muted{color:#b4a2c8;border-color:#5747655c;background:#37284225}.voice-flag.restricted{color:#e6a0ad;border-color:#71475855;background:#4c273222}.voice-flag.live{color:#a5b9f5;border-color:#4462a255;background:#283d7028}.voice-flag.stage{color:#d5b883;border-color:#79623e55;background:#45331c25}.voice-flag.unknown{color:#7c92af;border-style:dashed}.voice-flags.compact{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;width:54px;flex:none;align-content:center}.voice-flags.compact .voice-flag{width:24px;height:25px;min-width:24px;padding:4px;justify-content:center;border-radius:6px}.voice-flags.compact .voice-flag>.icon{width:14px;height:14px}.voice-flags.compact .voice-flag-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.voice-absent{max-width:47px;text-align:right;font-size:8px;color:#627b9b;line-height:1.5;flex:none}.profile-presence-line{display:flex;align-items:center;gap:7px;margin:0 0 9px}.profile-top .profile-presence-line{justify-content:center;margin-bottom:11px}.profile-presence-line .presence-badge{font-size:10px}.voice-location{display:flex;align-items:center;gap:7px;font-size:10px;color:#9cb4d0;margin:0 0 13px;line-height:1.6}.voice-location>.icon{width:15px;height:15px;flex:none;color:#7499cb}.voice-location>span{overflow-wrap:anywhere}.profile-section.voice-detail .voice-flags{grid-template-columns:1fr;gap:6px}.profile-section.voice-detail .voice-flag{font-size:8px;padding:7px}.profile-section.voice-detail .voice-location{font-size:9px}.drawer-profile .profile-presence-line{margin-top:2px}.drawer-profile .profile-presence-line+.pill{margin-top:1px}
.discord-roles-heading{display:flex;align-items:center;gap:8px;margin-bottom:13px}.discord-roles-heading h3,.discord-roles-heading h4{margin:0!important}.discord-roles-heading h3{font-size:12px}.discord-role-count{font-size:8px;font-weight:600;color:#8fabd3;background:#223654;border:1px solid #344c6d;border-radius:5px;min-width:19px;padding:2px 5px;text-align:center}.discord-role-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px}.discord-role{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #2e425f;border-radius:7px;background:#16253c;color:#c3d1e4;font-size:10px;line-height:1.5;max-width:100%;min-width:0}.discord-role>i{width:7px;height:7px;border-radius:50%;background:var(--role-color);flex:none;box-shadow:0 0 0 2px #ffffff08}.discord-role>span{min-width:0;overflow-wrap:anywhere}.discord-roles-empty{font-size:10px;color:#7c94b4;line-height:1.7;margin:0}.discord-roles-details{border:1px solid #293e5b;border-radius:9px;padding:0 11px;background:#122036}.discord-roles-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;color:#a5bbdb;font-size:10px;font-weight:550;cursor:pointer}.discord-roles-details>summary::-webkit-details-marker{display:none}.discord-roles-details>summary>.icon{width:14px;height:14px;transition:transform .15s}.discord-roles-details[open]>summary>.icon{transform:rotate(180deg)}.discord-roles-details .discord-role-list{max-height:240px;overflow:auto;overscroll-behavior:contain;padding:3px 3px 12px 0}.discord-roles-details summary:focus-visible,.discord-role-list:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.profile-section .discord-role{font-size:8px;padding:4px 7px;gap:5px}.profile-section .discord-role>i{width:5px;height:5px}.profile-section .discord-roles-heading{gap:6px}.profile-section .discord-roles-details{padding:0 8px}.profile-section .discord-roles-details>summary{font-size:8px}.profile-section .discord-roles-empty{font-size:9px}
.conversation-list-pagination{flex:none;background:#101c2f;border-top:1px solid var(--border)}.conversation-list-pagination .pagination{border:0;padding:10px;flex-direction:column;gap:9px;font-size:8px}.conversation-list-pagination .pagination .button{font-size:8px;padding:6px 8px;min-height:28px}.conversation-count{font-size:9px;color:var(--subtle);text-align:center;padding:11px}.conversation-list-pagination .button-group{justify-content:center}
@media(min-width:1550px){.content{padding:38px 46px 30px}.page-heading{margin-bottom:32px}.metric-card{padding:22px 25px}.metric-number{font-size:36px}.conversation-layout{grid-template-columns:290px minmax(300px,1fr) 270px}.conversation-profile{padding:28px 23px}.message-list{padding:27px 30px}.message-bubble{font-size:12px}.topbar{padding:0 46px}.dashboard-grid{gap:26px}.voice-person{padding:14px}}
@media(max-width:1250px){.sidebar{width:212px;padding-left:13px;padding-right:13px}.main-shell{margin-left:212px;width:calc(100% - 212px)}.content{padding:26px 25px}.topbar{padding:0 25px}.metric-card{padding:16px}.metrics-grid{gap:11px}.metric-top{font-size:10px}.metric-number{font-size:29px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr);gap:17px}.voice-people{grid-template-columns:1fr}.voice-grid .voice-people{grid-template-columns:1fr}.conversation-layout{grid-template-columns:235px minmax(250px,1fr)}.conversation-profile{display:none}.staff-table td,.staff-table th{padding-left:15px;padding-right:15px}.labels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-copy h1{font-size:47px}.login-story{padding-left:11%;padding-right:9%}.story-art{width:280px}.orbit-two{width:280px}.note-two{right:-6px}}
@media(max-width:1020px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.sidebar>.brand{margin-left:10px}.brand strong{font-size:15px}.brand-mark{width:34px;height:34px;border-radius:10px}.workspace-card{padding:10px 8px;gap:7px}.workspace-icon{width:27px;height:27px}.workspace-card strong{font-size:10px}.workspace-card span:not(.workspace-dot){font-size:8px}.main-nav>a{font-size:11px;gap:9px;padding:11px 12px}.main-shell{margin-left:190px;width:calc(100% - 190px)}.content{padding:25px 20px}.topbar{padding:0 20px}.dashboard-grid{grid-template-columns:1fr}.voice-people{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.metric-card{padding:18px 20px}.metric-top{font-size:11px}.dashboard-right{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:17px}.dashboard-right .section-space{margin:0}.page-heading h1{font-size:24px}.page-heading .date-label{display:none}.conversation-layout{grid-template-columns:220px minmax(200px,1fr);height:calc(100dvh - 205px)}.conversation-header{padding:13px}.message-list{padding:20px 14px}.message{max-width:95%}.conversation-header-actions .button{padding:7px 9px;font-size:9px}.staff-table .role-column{display:none}.demo-banner{padding:10px 20px}.demo-banner button{font-size:9px}.login-story{padding:35px 9%;min-height:780px}.story-copy{margin-top:75px}.story-copy h1{font-size:43px}.story-art{transform:scale(.9);margin-left:-18px}.login-side{padding:50px 30px}.login-card h2{font-size:26px}.login-card{width:330px}.label-card{padding:17px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px;padding:27px 18px 15px;z-index:70}.sidebar.open{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;z-index:60;background:#030811b3;backdrop-filter:blur(3px)}.main-shell{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 16px;gap:10px}.topbar-left{gap:9px;font-size:10px}.breadcrumb-root,.breadcrumb-slash{display:none}.topbar-right{gap:7px}.topbar-divider{margin:0}.connection-status{font-size:8px}.topbar-right>.icon-button{padding:7px}.content{padding:24px 18px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading .button{font-size:10px;padding:9px 11px;min-height:34px}.page-heading>.button-group{margin-top:17px}.metrics-grid{gap:11px;margin-bottom:19px}.metric-card{padding:15px}.metric-top{font-size:9px}.metric-icon{width:27px;height:27px}.metric-number{font-size:29px}.metric-foot{font-size:8px}.panel-heading{padding:17px 18px}.panel-body{padding:17px 18px}.dashboard-grid{gap:19px}.dashboard-right{gap:19px}.voice-people{gap:8px}.voice-person{padding:9px;gap:8px}.voice-person .avatar{width:29px;height:29px}.person-info strong{font-size:10px}.person-info small{font-size:8px}.support-callout{padding:16px;gap:12px;flex-wrap:wrap}.support-callout>div:first-child{width:35px;height:35px}.support-callout>div:nth-child(2){min-width:210px}.support-callout .button{margin-left:47px}.voice-grid{gap:14px}.toolbar{gap:10px}.search-input{max-width:none;min-width:100%;height:40px}.toolbar-filters{width:100%}.toolbar select{flex:1;max-width:none;font-size:10px;padding-left:9px;width:45%}.toolbar .result-count{margin-left:auto}.staff-table td,.staff-table th{padding:13px 12px}.staff-table .status-column{display:none}.table-person .person-info{min-width:96px}.staff-table .labels-inline{min-width:120px;max-width:170px}.table-person .avatar{width:29px;height:29px}.staff-table .numeric{font-size:10px}.demo-banner{font-size:9px;padding:9px 16px;gap:7px}.demo-banner button{font-size:0;gap:0;padding:4px}.demo-banner button .icon{font-size:initial;width:15px;height:15px}.demo-badge{font-size:7px;padding:4px 5px}.app-footer{padding:0 18px 16px;font-size:7px;gap:8px}.conversation-layout{height:calc(100dvh - 187px);min-height:430px;display:block;position:relative}.conversation-list-pane{height:100%;border:0}.conversation-main{height:100%;display:none}.conversation-layout.has-selection .conversation-list-pane{display:none}.conversation-layout.has-selection .conversation-main{display:flex}.conversation-item p{max-width:calc(100vw - 160px)}.conversation-item-heading small{margin-left:auto}.conversation-mobile-back{display:inline-flex;padding:5px;margin-right:2px}.conversation-header{padding:12px}.conversation-header-person .avatar{width:31px;height:31px}.conversation-header-person strong{font-size:11px}.message-list{padding:22px 16px}.message{max-width:89%}.message-bubble{font-size:11px}.composer{padding:12px}.composer-note{font-size:7px}.labels-grid{gap:12px}.label-card h3{font-size:13px}.label-card-footer{flex-wrap:wrap;gap:8px}.label-card p{font-size:10px}.label-card-footer .button{font-size:9px;padding:7px 9px;min-height:30px}.inline-form{padding:17px;gap:10px}.inline-form>label{min-width:0}.inline-form .button{font-size:10px;padding:9px 12px}.notice{font-size:10px}.access-row{padding:16px;gap:10px;flex-wrap:wrap}.access-row .button-group{width:100%;margin-left:44px}.access-row .status-label{font-size:9px}.login-layout{display:block}.login-story{min-height:0;padding:26px 26px 25px;border-right:0;border-bottom:1px solid #213149}.login-story>.brand{margin-bottom:24px}.story-copy{margin-top:0;max-width:100%}.story-copy .eyebrow{font-size:8px;margin-bottom:12px}.story-copy h1{font-size:34px;letter-spacing:-1.4px;line-height:1.18;max-width:280px;margin-bottom:0}.story-copy h1 br:nth-child(2){display:none}.story-copy h1>span:before{content:" "}.story-copy p{font-size:10px;max-width:300px;margin-top:12px}.story-art{position:absolute;right:-85px;bottom:-6px;transform:scale(.6);margin:0;opacity:.6}.story-footer{display:none}.login-side{padding:32px 26px 72px;min-height:620px}.login-card{width:100%;max-width:380px}.login-card>.eyebrow{font-size:7px}.login-card h2{font-size:26px;margin-top:11px}.login-card>p{font-size:11px;margin-bottom:24px}.login-tabs{margin-bottom:23px}.login-bottom{bottom:25px}.loading-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.content{padding:22px 14px}.topbar{padding:0 11px}.topbar-right{gap:4px}.connection-status{font-size:0;gap:0}.connection-status>span{width:7px;height:7px;margin:0 5px}.topbar-divider{display:none}.dashboard-right{grid-template-columns:1fr}.voice-people{grid-template-columns:1fr}.voice-grid{grid-template-columns:1fr}.voice-grid .voice-people{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:23px}.page-heading>.button-group{max-width:120px}.page-heading>.button-group .button{font-size:9px;white-space:normal;line-height:1.4;text-align:left}.metrics-grid{gap:9px}.metric-card{padding:13px}.metric-top{font-size:9px}.metric-number{font-size:27px}.labels-grid{grid-template-columns:1fr}.label-card{padding:20px}.label-card-footer{flex-wrap:nowrap}.drawer-body{padding:23px 20px}.app-footer>span:last-child{max-width:135px;text-align:right}.story-copy h1{font-size:31px}.story-art{right:-99px;opacity:.45}.inline-form{align-items:stretch;flex-direction:column}.inline-form .button{width:100%}.toast-stack{right:15px;bottom:15px}}
@media(max-width:540px){.voice-grid .voice-people{grid-template-columns:1fr}}

/* Live rooms keep a bounded footprint while every member remains reachable. */
.voice-grid{align-items:start;overflow-anchor:none}
.voice-room{min-width:0}
.voice-room-scroll{max-height:min(420px,60vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#395376 transparent;overflow-anchor:none}
.voice-room-scroll:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}
.voice-room-hint{margin:0;padding:9px 22px 12px;border-top:1px solid #203048;font-size:10px;color:var(--muted)}
.voice-grid .voice-person{min-height:106px}
.voice-grid .voice-flags.compact{align-content:center;min-height:83px}
@media(max-width:760px){.voice-room-hint{padding-left:18px;padding-right:18px}.voice-grid .voice-person{min-height:102px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover:not(:disabled){transform:none}}

/* The Discord bot's full name remains readable in the navigation. */
.brand>.brand-mark{flex:none}
.brand>div:last-child{min-width:0}
.brand strong{font-size:13px;letter-spacing:.035em;line-height:1.4;overflow-wrap:anywhere}
.brand span{font-size:8px;letter-spacing:1.5px}
.login-story .brand strong{font-size:17px}
.login-bottom>[data-brand-name]{color:inherit}