@charset "UTF-8";:root{--mb-bg: #f4f6f8;--mb-bg-hover: #eef0f4;--mb-surface: #ffffff;--mb-surface-raised: #ffffff;--mb-border: #e2e5ea;--mb-border-light: #eef0f4;--mb-divider: #f0f2f5;--mb-text: #1a1d23;--mb-text-secondary: #5a6170;--mb-text-muted: #8590a2;--mb-text-faint: #a8b1bf;--mb-text-inverse: #ffffff;--mb-primary: #2563eb;--mb-primary-hover: #1d4ed8;--mb-primary-active: #1e40af;--mb-primary-soft: #eff4ff;--mb-primary-soft-hover: #dbeafe;--mb-primary-muted: #93bbfd;--mb-sidebar: #0f1117;--mb-sidebar-surface: #181b24;--mb-sidebar-hover: #1e2230;--mb-sidebar-active: rgba(37, 99, 235, .15);--mb-sidebar-text: #9ca3b4;--mb-sidebar-text-hover: #d1d5e0;--mb-sidebar-accent: #60a5fa;--mb-sidebar-border: rgba(255, 255, 255, .06);--mb-success: #16a34a;--mb-success-bg: #ecfdf3;--mb-success-text: #15803d;--mb-success-border: #bbf7d0;--mb-danger: #dc2626;--mb-danger-hover: #b91c1c;--mb-danger-bg: #fef2f2;--mb-danger-text: #991b1b;--mb-danger-border: #fecaca;--mb-warning: #d97706;--mb-warning-bg: #fffbeb;--mb-warning-text: #92400e;--mb-warning-border: #fde68a;--mb-info-bg: #eff4ff;--mb-info-text: #1d4ed8;--mb-info-border: #bfdbfe;--mb-neutral-bg: #f0f2f5;--mb-neutral-text: #5a6170;--mb-space-1: .25rem;--mb-space-2: .5rem;--mb-space-3: .75rem;--mb-space-4: 1rem;--mb-space-5: 1.25rem;--mb-space-6: 1.5rem;--mb-space-8: 2rem;--mb-space-10: 2.5rem;--mb-radius-xs: 4px;--mb-radius-sm: 6px;--mb-radius: 8px;--mb-radius-md: 10px;--mb-radius-lg: 12px;--mb-radius-xl: 16px;--mb-radius-full: 999px;--mb-shadow-xs: 0 1px 2px rgb(0 0 0 / .04);--mb-shadow-sm: 0 1px 3px rgb(0 0 0 / .06), 0 1px 2px rgb(0 0 0 / .04);--mb-shadow: 0 2px 8px rgb(0 0 0 / .06), 0 1px 2px rgb(0 0 0 / .04);--mb-shadow-md: 0 4px 16px rgb(0 0 0 / .08), 0 2px 4px rgb(0 0 0 / .04);--mb-shadow-lg: 0 8px 32px rgb(0 0 0 / .1), 0 4px 8px rgb(0 0 0 / .04);--mb-shadow-focus: 0 0 0 3px rgba(37, 99, 235, .15);--mb-transition-fast: .1s ease;--mb-transition: .15s ease;--mb-transition-slow: .25s ease;--mb-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mb-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--mb-text-xs: .75rem;--mb-text-sm: .8125rem;--mb-text-base: .875rem;--mb-text-md: .9375rem;--mb-text-lg: 1.0625rem;--mb-text-xl: 1.25rem;--mb-text-2xl: 1.5rem;--mb-leading-tight: 1.25;--mb-leading-normal: 1.5;--mb-leading-relaxed: 1.625;--mb-z-dropdown: 100;--mb-z-sticky: 200;--mb-z-overlay: 300;--mb-z-modal: 400;--mb-z-toast: 500}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--mb-font);background:var(--mb-bg);color:var(--mb-text);font-size:var(--mb-text-base);line-height:var(--mb-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--mb-primary);outline-offset:2px}::selection{background:var(--mb-primary-soft-hover);color:var(--mb-text)}.page{padding:var(--mb-space-6) var(--mb-space-8)}.page>h1{margin:0 0 var(--mb-space-4);font-size:var(--mb-text-xl);font-weight:600;letter-spacing:-.01em}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--mb-space-4);flex-wrap:wrap;margin-bottom:var(--mb-space-6)}.page-header h1{margin:0;font-size:var(--mb-text-xl);font-weight:600;letter-spacing:-.01em}.card,.empty-state{background:var(--mb-surface);border:1px solid var(--mb-border);border-radius:var(--mb-radius-lg);box-shadow:var(--mb-shadow-xs);padding:var(--mb-space-5) var(--mb-space-6)}.empty-state{text-align:center;padding:var(--mb-space-10) var(--mb-space-6);color:var(--mb-text-secondary);border-style:dashed}.empty-state .empty-icon{display:block;font-size:2.5rem;margin-bottom:var(--mb-space-3);opacity:.6}.empty-state p{margin:0 0 var(--mb-space-1);font-weight:600;color:var(--mb-text);font-size:var(--mb-text-md)}.empty-state span{font-size:var(--mb-text-sm);color:var(--mb-text-muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--mb-space-2);padding:.5rem 1rem;border:none;border-radius:var(--mb-radius);background:var(--mb-primary);color:var(--mb-text-inverse);font-weight:500;font-size:var(--mb-text-base);font-family:inherit;cursor:pointer;transition:all var(--mb-transition);white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--mb-primary-hover);box-shadow:var(--mb-shadow-sm);transform:translateY(-.5px)}.btn-primary:active:not(:disabled){background:var(--mb-primary-active);transform:translateY(0);box-shadow:none}.btn-primary:focus-visible{box-shadow:var(--mb-shadow-focus)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--mb-space-2);padding:.4375rem .875rem;border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:var(--mb-surface);color:var(--mb-text);font-weight:500;font-size:var(--mb-text-sm);font-family:inherit;cursor:pointer;transition:all var(--mb-transition);white-space:nowrap}.btn-secondary:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:var(--mb-bg);border-color:var(--mb-text-faint)}.btn-secondary:active:not(:disabled),.btn-danger:active:not(:disabled){background:var(--mb-bg-hover)}.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger:hover:not(:disabled){background:var(--mb-danger-bg);border-color:var(--mb-danger-border);color:var(--mb-danger-text)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--mb-space-2);padding:.375rem .625rem;border:none;border-radius:var(--mb-radius);background:transparent;color:var(--mb-text-secondary);font-size:var(--mb-text-sm);font-family:inherit;cursor:pointer;transition:all var(--mb-transition)}.btn-ghost:hover:not(:disabled){background:var(--mb-bg);color:var(--mb-text)}.btn-sm{padding:.3rem .6rem;font-size:var(--mb-text-xs);border-radius:var(--mb-radius-sm)}.btn-icon{width:2rem;height:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:var(--mb-surface);color:var(--mb-text-secondary);cursor:pointer;transition:all var(--mb-transition)}.btn-icon:hover:not(:disabled){background:var(--mb-bg);color:var(--mb-text);border-color:var(--mb-text-faint)}.btn-icon svg{width:1rem;height:1rem}.form-field{display:block;margin-bottom:var(--mb-space-4)}.form-field>span{display:block;margin-bottom:var(--mb-space-1);font-size:var(--mb-text-sm);font-weight:500;color:var(--mb-text-secondary)}.form-field input:not([type=checkbox]):not([type=radio]):not([type=color]),.form-field textarea,.form-field select{width:100%;padding:.5rem .75rem;border:1px solid var(--mb-border);border-radius:var(--mb-radius);font-size:var(--mb-text-base);font-family:inherit;color:var(--mb-text);background:var(--mb-surface);transition:border-color var(--mb-transition),box-shadow var(--mb-transition)}.form-field input:not([type=checkbox]):not([type=radio]):not([type=color])::placeholder,.form-field textarea::placeholder,.form-field select::placeholder{color:var(--mb-text-faint)}.form-field input:not([type=checkbox]):not([type=radio]):not([type=color]):hover:not(:disabled),.form-field textarea:hover:not(:disabled),.form-field select:hover:not(:disabled){border-color:var(--mb-text-faint)}.form-field input:not([type=checkbox]):not([type=radio]):not([type=color]):focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--mb-primary);box-shadow:var(--mb-shadow-focus)}.form-field input:not([type=checkbox]):not([type=radio]):not([type=color]):disabled,.form-field textarea:disabled,.form-field select:disabled{background:var(--mb-bg);color:var(--mb-text-muted);cursor:not-allowed}.form-field textarea{resize:vertical;min-height:4rem}.form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238590a2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-error{padding:.5rem .75rem;border-radius:var(--mb-radius);background:var(--mb-danger-bg);color:var(--mb-danger-text);font-size:var(--mb-text-sm);border:1px solid var(--mb-danger-border);margin-bottom:var(--mb-space-4)}.form-card{max-width:520px;margin-bottom:var(--mb-space-5)}.form-card h2{margin:0 0 var(--mb-space-4);font-size:var(--mb-text-lg);font-weight:600}.form-card .form-actions{display:flex;gap:var(--mb-space-3);margin-top:var(--mb-space-4);padding-top:var(--mb-space-4);border-top:1px solid var(--mb-divider)}.table-scroll{overflow-x:auto;border-radius:var(--mb-radius-lg)}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--mb-surface);border:1px solid var(--mb-border);border-radius:var(--mb-radius-lg);overflow:hidden;box-shadow:var(--mb-shadow-xs)}.data-table th,.data-table td{padding:.625rem 1rem;text-align:left;font-size:var(--mb-text-sm)}.data-table thead th{background:var(--mb-bg);color:var(--mb-text-muted);font-size:var(--mb-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--mb-border);position:sticky;top:0;z-index:1}.data-table tbody tr{border-top:1px solid var(--mb-border-light);transition:background var(--mb-transition-fast)}.data-table tbody tr:first-child{border-top:none}.data-table tbody tr:hover{background:var(--mb-bg)}.data-table .row-actions{display:flex;gap:var(--mb-space-2);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--mb-radius-full);font-size:var(--mb-text-xs);font-weight:600;background:var(--mb-neutral-bg);color:var(--mb-neutral-text);white-space:nowrap;line-height:1.5}.badge.badge-admin{background:var(--mb-primary-soft);color:var(--mb-primary-hover)}.badge.badge-active{background:var(--mb-success-bg);color:var(--mb-success-text)}.badge.badge-passive{background:var(--mb-danger-bg);color:var(--mb-danger-text)}.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--mb-radius-full);background:var(--mb-neutral-bg);font-size:var(--mb-text-xs);font-weight:500;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mb-text-faint)}.status-pill.online{background:var(--mb-success-bg);color:var(--mb-success-text)}.status-pill.online:before{background:var(--mb-success);box-shadow:0 0 0 2px #16a34a33}.status-pill.offline{background:var(--mb-danger-bg);color:var(--mb-danger-text)}.status-pill.offline:before{background:var(--mb-danger)}.tabs{display:flex;gap:0;padding:0 var(--mb-space-8);background:var(--mb-surface);border-bottom:1px solid var(--mb-border);overflow-x:auto}.tabs button{position:relative;padding:.75rem 1rem;border:none;background:none;color:var(--mb-text-muted);font-size:var(--mb-text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:color var(--mb-transition);white-space:nowrap}.tabs button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;border-radius:2px 2px 0 0;transition:background var(--mb-transition)}.tabs button:hover{color:var(--mb-text)}.tabs button.active{color:var(--mb-primary);font-weight:600}.tabs button.active:after{background:var(--mb-primary)}.success-banner{display:flex;align-items:center;gap:var(--mb-space-2);padding:.5rem .75rem;border-radius:var(--mb-radius);background:var(--mb-success-bg);color:var(--mb-success-text);font-size:var(--mb-text-sm);border:1px solid var(--mb-success-border);margin-bottom:var(--mb-space-4)}.success-banner:before{content:"\2713";font-weight:700;font-size:var(--mb-text-base)}.secret-banner{display:flex;align-items:center;gap:var(--mb-space-3);flex-wrap:wrap;margin-bottom:var(--mb-space-4);padding:.75rem 1rem;border:1px solid var(--mb-warning-border);border-radius:var(--mb-radius);background:var(--mb-warning-bg);color:var(--mb-warning-text);font-size:var(--mb-text-sm)}.secret-banner code{padding:.125rem .375rem;border-radius:var(--mb-radius-xs);background:var(--mb-surface);color:var(--mb-text);font-family:var(--mb-font-mono);font-size:var(--mb-text-sm);-webkit-user-select:all;user-select:all}.search-box{position:relative;max-width:360px;margin-bottom:var(--mb-space-4)}.search-box:before{content:"";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238590a2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none}.search-box input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--mb-border);border-radius:var(--mb-radius);font-size:var(--mb-text-base);font-family:inherit;color:var(--mb-text);transition:border-color var(--mb-transition),box-shadow var(--mb-transition)}.search-box input::placeholder{color:var(--mb-text-faint)}.search-box input:hover{border-color:var(--mb-text-faint)}.search-box input:focus{outline:none;border-color:var(--mb-primary);box-shadow:var(--mb-shadow-focus)}.skeleton{background:linear-gradient(90deg,var(--mb-bg) 25%,var(--mb-bg-hover) 50%,var(--mb-bg) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--mb-radius)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-card{text-align:center;padding:var(--mb-space-10);color:var(--mb-text-muted);font-size:var(--mb-text-sm)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--mb-space-3)}.section-hint{margin:0 0 var(--mb-space-3);color:var(--mb-text-muted);font-size:var(--mb-text-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mb-text-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mb-text-muted)}