@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";
:root{--slate-25:#fafaf9;--slate-50:#f5f5f4;--slate-75:#efefee;--slate-100:#e7e7e6;--slate-150:#d6d6d4;--slate-200:#c2c2c0;--slate-300:#a1a1a0;--slate-400:#78787a;--slate-500:#52525b;--slate-600:#3f3f46;--slate-700:#2a2b31;--slate-800:#18181b;--slate-900:#0b0b0e;--indigo-50:#f4f4f5;--indigo-100:#e4e4e7;--indigo-200:#c8c8cd;--indigo-300:#9a9aa1;--indigo-400:#6b6b73;--indigo-500:#3f3f46;--indigo-600:#1f1f23;--indigo-700:#111114;--indigo-800:#08080a;--indigo-900:#000;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#00d4ff;--cyan-700:#0891b2;--cyan-800:#155e75;--success-50:#ecfdf5;--success-100:#d1fae5;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--info-50:#ecfeff;--info-100:#cffafe;--info-500:#06b6d4;--info-600:#0891b2;--bg-canvas:#f7f7f6;--bg-surface:#fff;--bg-subtle:#f5f5f4;--bg-muted:#ebebe9;--bg-overlay:#0b0b0e8c;--bg-dark:#111114;--bg-dark-2:#1a1a1f;--bg-dark-3:#25252b;--border-subtle:#ededec;--border-default:#dededc;--border-strong:#c8c8c5;--border-focus:var(--slate-700);--text-primary:#0b0b0e;--text-secondary:#3f3f46;--text-tertiary:#6b6b73;--text-muted:#9a9aa1;--text-disabled:#c2c2c0;--text-inverse:#fff;--text-accent:var(--slate-900);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0b0b0e0a;--shadow-sm:0 1px 2px #0b0b0e0a,0 1px 3px #0b0b0e0f;--shadow-md:0 2px 4px #0b0b0e0a,0 4px 12px #0b0b0e0f;--shadow-lg:0 8px 24px #0b0b0e1a,0 2px 6px #0b0b0e0d;--shadow-xl:0 24px 60px #0b0b0e33,0 8px 20px #0b0b0e1a;--shadow-focus:0 0 0 3px #0b0b0e24;--shadow-cyan-focus:0 0 0 3px #00d4ff38;--shadow-danger-focus:0 0 0 3px #dc26262e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-mono:"JetBrains Mono","D2Coding",ui-monospace,"SF Mono",Menlo,monospace;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:20px;--fs-3xl:24px;--fs-4xl:32px;--lh-tight:1.25;--lh-snug:1.4;--lh-normal:1.55;--lh-relaxed:1.7;--sidebar-w:248px;--sidebar-w-collapsed:64px;--header-h:60px;--content-max-w:1320px}.mb-app{grid-template-columns:var(--sidebar-w)1fr;background:var(--bg-canvas);width:100vw;height:100vh;color:var(--text-primary);display:grid;overflow:hidden}.mb-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;height:100%;min-height:0;display:flex}.mb-sidebar__brand{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:18px 20px 16px;display:flex}.mb-sidebar__brand-mark{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#1f1f23 0%,#000 100%);border-radius:7px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0000002e}.mb-sidebar__brand-mark:after{content:"";background:var(--cyan-600);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #00d4ffe6}.mb-sidebar__brand-text{flex-direction:column;line-height:1.1;display:flex}.mb-sidebar__brand-name{letter-spacing:-.4px;color:var(--text-primary);font-size:15px;font-weight:700}.mb-sidebar__brand-sub{color:var(--text-tertiary);letter-spacing:.2px;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:500}.mb-sidebar__nav{flex-direction:column;flex:1;gap:1px;padding:12px 8px;display:flex;overflow-y:auto}.mb-sidebar__foot{border-top:1px solid var(--border-subtle);flex-direction:column;gap:1px;padding:10px 8px 16px;display:flex}.mb-nav-group__label{letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);padding:14px 12px 6px;font-size:11px;font-weight:600}.mb-nav-item{font-size:var(--fs-md);color:var(--text-secondary);cursor:pointer;border-radius:7px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.mb-nav-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.mb-nav-item--active{color:#fff;background:#0b0b0e}.mb-nav-item--active .mb-nav-item__icon{color:var(--cyan-600)}.mb-nav-item--active:before{content:"";background:var(--cyan-600);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:4px;box-shadow:0 0 8px #00d4ff99}.mb-nav-item--active .mb-nav-item__count{color:var(--cyan-600);background:#00d4ff2e}.mb-nav-item__icon{color:currentColor;flex-shrink:0;width:18px;height:18px}.mb-nav-item__label{flex:1}.mb-nav-item__count{font-variant-numeric:tabular-nums;background:var(--bg-muted);color:var(--text-tertiary);text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-size:11px;font-weight:600}.mb-header{height:var(--header-h);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);align-items:center;gap:16px;padding:0 28px;display:flex}.mb-header__crumbs{color:var(--text-tertiary);font-size:var(--fs-md);align-items:center;gap:6px;display:flex}.mb-header__crumb-sep{color:var(--border-strong)}.mb-header__title{font-size:var(--fs-xl);letter-spacing:-.3px;color:var(--text-primary);font-weight:600}.mb-header__spacer{flex:1}.mb-header__icon-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;transition:background .12s,color .12s;display:grid;position:relative}.mb-header__icon-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.mb-header__icon-btn .mb-dot{background:var(--danger-500);border:2px solid var(--bg-surface);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.mb-header__user{cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:4px 10px 4px 4px;transition:background .12s;display:flex}.mb-header__user:hover{background:var(--bg-subtle)}.mb-header__user-name{font-size:var(--fs-md);color:var(--text-primary);font-weight:500}.mb-avatar{background:var(--slate-800);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}.mb-main{background:var(--bg-canvas);flex-direction:column;min-width:0;height:100%;display:flex}.mb-content{flex:1;padding:28px 32px 64px;overflow-y:auto}.mb-page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.mb-page-head__title{font-size:var(--fs-3xl);letter-spacing:-.6px;color:var(--text-primary);margin:0;font-weight:700}.mb-page-head__sub{font-size:var(--fs-md);color:var(--text-tertiary);margin-top:4px}.mb-page-head__actions{align-items:center;gap:8px;display:flex}.mb-btn{height:36px;font-size:var(--fs-md);cursor:pointer;white-space:nowrap;letter-spacing:-.1px;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-weight:600;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.mb-btn--primary{color:#fff;box-shadow:var(--shadow-xs),inset 0 1px 0 #ffffff14;background:#0b0b0e}.mb-btn--primary:hover{background:#1f1f23}.mb-btn--accent{background:var(--cyan-600);color:#001a1f;font-weight:700;box-shadow:0 0 0 1px #00d4ff4d,0 4px 12px #00d4ff40}.mb-btn--accent:hover{background:var(--cyan-500)}.mb-btn--secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.mb-btn--secondary:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.mb-btn--ghost{color:var(--text-secondary);background:0 0}.mb-btn--ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.mb-btn--danger{background:var(--danger-600);color:#fff}.mb-btn--danger:hover{background:var(--danger-700)}.mb-btn--sm{height:30px;font-size:var(--fs-base);border-radius:6px;padding:0 10px}.mb-btn--lg{height:44px;font-size:var(--fs-lg);border-radius:10px;padding:0 18px}.mb-btn--block{width:100%}.mb-btn[disabled]{opacity:.5;cursor:not-allowed}.mb-field{flex-direction:column;gap:6px;display:flex}.mb-label{font-size:var(--fs-base);color:var(--text-secondary);letter-spacing:-.1px;font-weight:600}.mb-label--req:after{content:"*";color:var(--danger-500);margin-left:3px}.mb-help{font-size:var(--fs-sm);color:var(--text-tertiary)}.mb-input,.mb-select,.mb-textarea{border:1px solid var(--border-default);background:var(--bg-surface);height:38px;font-size:var(--fs-md);color:var(--text-primary);border-radius:8px;width:100%;padding:0 12px;font-family:inherit;transition:border-color .12s,box-shadow .12s,background .12s}.mb-input::placeholder,.mb-select::placeholder,.mb-textarea::placeholder{color:var(--text-muted)}.mb-input:focus,.mb-select:focus,.mb-textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);background:var(--bg-surface);outline:none}.mb-input--error,.mb-select--error,.mb-textarea--error{border-color:var(--danger-500)}.mb-input--error:focus,.mb-select--error:focus,.mb-textarea--error:focus{box-shadow:var(--shadow-danger-focus)}.mb-textarea{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}.mb-checkbox{border:1.5px solid var(--border-strong);background:var(--bg-surface);cursor:pointer;border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;transition:background .12s,border-color .12s;display:inline-grid}.mb-checkbox--checked{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.mb-input-group{align-items:center;display:flex;position:relative}.mb-input-group .mb-input{padding-left:36px}.mb-input-group__icon{color:var(--text-muted);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mb-table-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:hidden}.mb-table-toolbar{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:14px 16px;display:flex}.mb-table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.mb-table thead th{font-size:var(--fs-base);color:var(--text-tertiary);text-align:left;background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);letter-spacing:-.1px;white-space:nowrap;padding:11px 16px;font-weight:600}.mb-table tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:14px 16px}.mb-table tbody tr{cursor:pointer;transition:background .1s}.mb-table tbody tr:hover{background:var(--bg-subtle)}.mb-table tbody tr:last-child td{border-bottom:none}.mb-table .mb-num{text-align:right;font-variant-numeric:tabular-nums}.mb-table .mb-actions-cell{text-align:right}.mb-paging{border-top:1px solid var(--border-subtle);background:var(--bg-surface);font-size:var(--fs-base);color:var(--text-tertiary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mb-paging__pages{gap:4px;display:flex}.mb-paging__page{min-width:30px;height:30px;font-size:var(--fs-base);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0 8px;font-family:inherit;font-weight:500;display:grid}.mb-paging__page:hover{background:var(--bg-subtle)}.mb-paging__page--current{color:#fff;background:#0b0b0e;border-color:#0b0b0e}.mb-paging__page:disabled{opacity:.4;cursor:not-allowed}.mb-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.mb-empty__icon{width:96px;height:80px;color:var(--text-muted);background:repeating-linear-gradient(45deg,var(--bg-subtle)0 8px,transparent 8px 16px),var(--bg-surface);border:1px dashed var(--border-strong);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.mb-empty__title{font-size:var(--fs-lg);color:var(--text-primary);font-weight:600}.mb-empty__desc{font-size:var(--fs-md);color:var(--text-tertiary);max-width:320px}.mb-chip{height:22px;font-size:var(--fs-sm);letter-spacing:-.1px;white-space:nowrap;border-radius:11px;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:inline-flex}.mb-chip__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.mb-chip__dot--online{background:var(--success-500);animation:2.4s ease-in-out infinite mb-pulse}.mb-chip__dot--offline{background:var(--text-muted)}.mb-chip__dot--maintenance{background:var(--warning-500)}.mb-chip__dot--locked{background:var(--danger-500)}.mb-chip--online{background:var(--success-50);color:var(--success-700)}.mb-chip--offline{background:var(--bg-muted);color:var(--text-tertiary)}.mb-chip--maintenance{background:var(--warning-50);color:var(--warning-700)}.mb-chip--locked{background:var(--danger-50);color:var(--danger-700)}.mb-chip--active{background:var(--cyan-50);color:var(--cyan-700)}.mb-chip--revoked{background:var(--danger-50);color:var(--danger-700)}.mb-chip--neutral{background:var(--bg-muted);color:var(--text-secondary)}.mb-chip--direct{color:#1e40af;background:#f0f5ff}.mb-chip--tunnel{color:#5b21b6;background:#f3f1ff}.mb-chip--vpn{color:#0e7490;background:#ecfeff}.mb-chip--polling{color:#92400e;background:#fef3c7}@keyframes mb-pulse{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.6;box-shadow:0 0 0 4px #10b98100}}.mb-overlay{background:var(--bg-overlay);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;display:grid;position:fixed;inset:0}.mb-dialog{background:var(--bg-surface);box-shadow:var(--shadow-xl);border-radius:14px;width:460px;max-width:calc(100vw - 48px);overflow:hidden}.mb-dialog__head{padding:22px 24px 8px}.mb-dialog__title{font-size:var(--fs-xl);letter-spacing:-.3px;color:var(--text-primary);font-weight:700}.mb-dialog__body{font-size:var(--fs-md);color:var(--text-secondary);line-height:var(--lh-normal);padding:6px 24px 18px}.mb-dialog__foot{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.mb-sheet{background:var(--bg-surface);z-index:50;flex-direction:column;width:480px;max-width:calc(100vw - 48px);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #0f172a1f}.mb-sheet__head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.mb-sheet__title{font-size:var(--fs-xl);letter-spacing:-.3px;font-weight:700}.mb-sheet__body{flex-direction:column;flex:1;gap:16px;padding:22px;display:flex;overflow-y:auto}.mb-sheet__foot{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.mb-radio-group{flex-wrap:wrap;gap:8px;display:flex}.mb-radio{border:1px solid var(--border-default);background:var(--bg-surface);font-size:var(--fs-md);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 14px;font-weight:500;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.mb-radio--selected{border-color:var(--text-primary);background:var(--bg-subtle);color:var(--text-primary);box-shadow:var(--shadow-focus)}.mb-radio__dot{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:16px;height:16px;position:relative}.mb-radio--selected .mb-radio__dot{border-color:var(--text-primary)}.mb-radio--selected .mb-radio__dot:after{content:"";background:var(--text-primary);border-radius:50%;position:absolute;inset:2px}.mb-keybox{color:var(--cyan-300);font-family:var(--font-mono);letter-spacing:-.2px;word-break:break-all;background:#0b0b0e;border:1px solid #1f1f23;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.mb-keybox--light{background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}.mb-keybox__copy{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.mb-keybox--light .mb-keybox__copy{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default)}.mb-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.mb-card__head{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.mb-card__title{font-size:var(--fs-lg);letter-spacing:-.2px;color:var(--text-primary);font-weight:600}.mb-card__sub{font-size:var(--fs-base);color:var(--text-tertiary)}.mb-card__body{padding:4px 20px 20px}.mb-card__divider{border:none;border-top:1px solid var(--border-subtle);margin:0}.mb-kpi{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);flex-direction:column;gap:10px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex}.mb-kpi__label{font-size:var(--fs-base);color:var(--text-tertiary);align-items:center;gap:8px;font-weight:500;display:flex}.mb-kpi__value{letter-spacing:-1px;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.mb-kpi__delta{font-size:var(--fs-sm);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.mb-kpi__delta--up{color:var(--success-700)}.mb-kpi__delta--down{color:var(--danger-700)}.mb-activity{flex-direction:column;display:flex}.mb-activity__row{border-bottom:1px solid var(--border-subtle);gap:12px;padding:12px 0;display:flex}.mb-activity__row:last-child{border-bottom:none}.mb-activity__icon{background:var(--bg-muted);width:28px;height:28px;color:var(--text-primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mb-activity__icon--success{background:var(--success-50);color:var(--success-600)}.mb-activity__icon--warning{background:var(--warning-50);color:var(--warning-600)}.mb-activity__icon--danger{background:var(--danger-50);color:var(--danger-600)}.mb-activity__body{flex:1;min-width:0}.mb-activity__title{font-size:var(--fs-md);color:var(--text-primary);line-height:1.4}.mb-activity__title strong{font-weight:600}.mb-activity__time{font-size:var(--fs-sm);color:var(--text-tertiary);margin-top:2px}.mb-status-grid{gap:8px;display:grid}.mb-status-grid__cell{aspect-ratio:1.4;cursor:pointer;color:inherit;border:1px solid #0000;border-radius:7px;flex-direction:column;justify-content:space-between;padding:10px 12px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.mb-status-grid__cell:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mb-status-grid__cell--online{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#a7f3d0}.mb-status-grid__cell--offline{background:var(--bg-muted);border-color:var(--border-default)}.mb-status-grid__cell--maintenance{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fde68a}.mb-status-grid__name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.mb-status-grid__code{color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono)}.mb-token{background:var(--indigo-50);color:var(--indigo-700);border-radius:6px;align-items:center;gap:6px;padding:4px 8px 4px 10px;font-size:12px;font-weight:500;display:inline-flex}.mb-token button{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.mb-token button:hover{opacity:1}.mb-tabs{border-bottom:1px solid var(--border-subtle);gap:4px;margin-bottom:20px;display:flex}.mb-tab{font-size:var(--fs-md);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-family:inherit;font-weight:500;transition:color .12s,border-color .12s}.mb-tab:hover{color:var(--text-primary)}.mb-tab--active{color:var(--text-primary);border-bottom-color:var(--cyan-600);font-weight:600}.mb-badge-role--owner{background:var(--success-100);color:var(--success-700)}.mb-badge-role--manager{background:var(--cyan-100);color:var(--cyan-700)}.mb-badge-role--viewer{background:var(--bg-muted);color:var(--text-secondary)}.mb-btn--danger-ghost{color:var(--danger-600);background:0 0;border-color:#0000}.mb-btn--danger-ghost:hover{background:var(--danger-50)}.mb-btn--icon{width:36px;padding:0}.mb-badge-role{letter-spacing:.4px;text-transform:uppercase;border-radius:4px;align-items:center;height:20px;padding:0 7px;font-size:10.5px;font-weight:700;display:inline-flex}.mb-badge-role--super,.mb-badge-role--SUPER_ADMIN{color:#fff;background:#0b0b0e}.mb-badge-role--site,.mb-badge-role--SITE_ADMIN{background:var(--bg-muted);color:var(--text-primary)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss06","ss03";margin:0}button{font-family:inherit}button,input,select,textarea{font-size:inherit;color:inherit}:focus-visible{outline:none}a{color:inherit;text-decoration:none}.mb-mono{font-family:var(--font-mono);font-feature-settings:"zero","ss01"}.mb-tabular{font-variant-numeric:tabular-nums}.mb-scroll::-webkit-scrollbar{width:8px;height:8px}.mb-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.mb-scroll::-webkit-scrollbar-track{background:0 0}