@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap);.layout{display:flex;height:100vh;overflow:hidden}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);flex-shrink:0;justify-content:space-between;overflow-y:auto;width:220px}.sidebar,.sidebar-top{display:flex;flex-direction:column}.sidebar-top{gap:4px;padding:16px 12px}.app-brand{border-bottom:1px solid var(--border);gap:10px;margin-bottom:8px;padding:4px 4px 16px}.app-brand,.app-logo{align-items:center;display:flex}.app-logo{background:var(--accent);border-radius:8px;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.app-name{font-size:13px;font-weight:600;line-height:1.2}.app-sub{color:var(--text-3);font-size:10px}.brand-switcher{margin-bottom:8px;position:relative}.brand-btn{align-items:center;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;font-family:var(--font);font-size:12px;font-weight:500;gap:8px;padding:8px 10px;transition:all .15s;width:100%}.brand-btn:hover{border-color:var(--brand-color,var(--accent))}.brand-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.brand-name{flex:1 1;text-align:left}.brand-chevron{color:var(--text-3);transition:transform .2s}.brand-chevron.open{transform:rotate(180deg)}.brand-dropdown{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.brand-option{align-items:center;background:none;border:none;color:var(--text-2);cursor:pointer;display:flex;font-family:var(--font);font-size:12px;gap:8px;padding:9px 10px;text-align:left;transition:all .1s;width:100%}.brand-option:hover{background:var(--bg-4);color:var(--text)}.brand-option.active{background:var(--accent-bg);color:var(--text)}.view-as-toggle{align-items:center;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text-3);cursor:pointer;display:flex;font-size:11px;gap:8px;margin-bottom:8px;padding:7px 10px;position:relative;transition:all .15s;-webkit-user-select:none;user-select:none}.view-as-toggle:hover{border-color:var(--accent);color:var(--text-2)}.view-as-toggle.on{background:color-mix(in srgb,var(--warning) 8%,#0000);border-color:var(--warning);color:var(--warning)}.view-as-label{flex:1 1}.view-as-switch{background:var(--bg-4);border-radius:999px;flex-shrink:0;height:12px;position:relative;transition:background .15s;width:22px}.view-as-toggle.on .view-as-switch{background:var(--warning)}.view-as-knob{background:#fff;border-radius:50%;height:10px;left:1px;position:absolute;top:1px;transition:transform .15s;width:10px}.view-as-toggle.on .view-as-knob{transform:translateX(10px)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{align-items:center;border-radius:var(--radius);color:var(--text-2);display:flex;font-size:13px;font-weight:400;gap:9px;padding:8px 10px;text-decoration:none;transition:all .1s}.nav-item:hover{background:var(--bg-3);color:var(--text)}.nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:500}.sidebar-bottom{border-top:1px solid var(--border);justify-content:space-between;padding:12px}.sidebar-bottom,.user-info{align-items:center;display:flex}.user-info{gap:8px;min-width:0}.user-avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:28px;justify-content:center;text-transform:uppercase;width:28px}.user-details{min-width:0}.user-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--text-3);font-size:10px;text-transform:capitalize}.main-content{background:var(--bg);flex:1 1;overflow-y:auto}.content-inner{padding:28px 32px}.admin-tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:4px}.admin-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-3);cursor:pointer;font-family:var(--font);font-size:13px;font-weight:500;margin-bottom:-1px;padding:8px 16px;transition:all .15s}.admin-tab:hover{color:var(--text)}.admin-tab.active{border-bottom-color:var(--accent);color:var(--accent)}.schema-table{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.schema-table-header{align-items:center;background:none;border:none;color:var(--text-2);cursor:pointer;display:flex;gap:8px;padding:14px 16px;text-align:left;transition:background .1s;width:100%}.schema-table-header:hover{background:var(--bg-3)}:root{--bg:#0f1117;--bg-2:#161920;--bg-3:#1e2129;--bg-4:#252830;--border:#2a2d38;--border-2:#363944;--text:#e8eaf0;--text-2:#9ba3b8;--text-3:#626880;--accent:#6c8ef7;--accent-2:#8ba3f9;--accent-bg:#6c8ef714;--success:#4caf7d;--success-bg:#4caf7d1a;--warning:#f0a050;--warning-bg:#f0a0501a;--danger:#e05c6a;--danger-bg:#e05c6a1a;--info:#5bc4d8;--info-bg:#5bc4d81a;--radius:8px;--radius-lg:12px;--shadow:0 2px 8px #0000004d;--font:"DM Sans",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#e8eaf0;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;line-height:1.5}.loading-screen,body{background:#0f1117;background:var(--bg)}.loading-screen{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{animation:spin .7s linear infinite;border:2px solid #363944;border-top-color:#6c8ef7;border:2px solid var(--border-2);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:6px;padding:7px 14px;text-decoration:none;transition:all .15s;white-space:nowrap}.btn-primary{background:#6c8ef7;background:var(--accent);border-color:#6c8ef7;border-color:var(--accent);color:#fff}.btn-primary:hover{background:#8ba3f9;background:var(--accent-2);border-color:#8ba3f9;border-color:var(--accent-2)}.btn-secondary{background:#252830;background:var(--bg-4);color:#e8eaf0;color:var(--text)}.btn-secondary,.btn-secondary:hover{border-color:#363944;border-color:var(--border-2)}.btn-secondary:hover{background:#1e2129;background:var(--bg-3)}.btn-ghost{background:#0000;border-color:#0000;color:#9ba3b8;color:var(--text-2)}.btn-ghost:hover{background:#1e2129;background:var(--bg-3);color:#e8eaf0;color:var(--text)}.btn-danger{background:#e05c6a1a;background:var(--danger-bg);border-color:#e05c6a;border-color:var(--danger);color:#e05c6a;color:var(--danger)}.btn-danger:hover{background:#e05c6a;background:var(--danger);color:#fff}.btn-sm{font-size:12px;padding:4px 10px}.btn-lg{font-size:15px;padding:10px 20px}.btn:disabled{cursor:not-allowed;opacity:.5}.input,.select,.textarea{background:#1e2129;background:var(--bg-3);border:1px solid #2a2d38;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#e8eaf0;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#6c8ef7;border-color:var(--accent);box-shadow:0 0 0 3px #6c8ef714;box-shadow:0 0 0 3px var(--accent-bg)}.input::placeholder{color:#626880;color:var(--text-3)}.select{cursor:pointer}option{background:#1e2129;background:var(--bg-3)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#9ba3b8;color:var(--text-2);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.card{background:#161920;background:var(--bg-2);border:1px solid #2a2d38;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#626880;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{border-bottom:1px solid #2a2d38;border-bottom:1px solid var(--border)}td{color:#e8eaf0;color:var(--text);font-size:13px;padding:12px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:#1e2129;background:var(--bg-3)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 8px;white-space:nowrap}.badge-success{background:#4caf7d1a;background:var(--success-bg);color:#4caf7d;color:var(--success)}.badge-warning{background:#f0a0501a;background:var(--warning-bg);color:#f0a050;color:var(--warning)}.badge-danger{background:#e05c6a1a;background:var(--danger-bg);color:#e05c6a;color:var(--danger)}.badge-info{background:#5bc4d81a;background:var(--info-bg);color:#5bc4d8;color:var(--info)}.badge-neutral{background:#252830;background:var(--bg-4);color:#9ba3b8;color:var(--text-2)}.badge-accent{background:#6c8ef714;background:var(--accent-bg);color:#6c8ef7;color:var(--accent)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal{background:#161920;background:var(--bg-2);border:1px solid #363944;border:1px solid var(--border-2);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-lg{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #2a2d38;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{font-size:16px;font-weight:600}.modal-body{display:flex;flex-direction:column;gap:16px;padding:24px}.modal-footer{border-top:1px solid #2a2d38;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.page{display:flex;flex-direction:column;gap:24px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.page-header h1{font-size:22px;font-weight:600}.page-header-actions,.search-bar{align-items:center;display:flex;gap:8px}.search-input-wrap{position:relative}.search-input-wrap svg{color:#626880;color:var(--text-3);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrap .input{padding-left:34px;width:260px}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#161920;background:var(--bg-2);border:1px solid #2a2d38;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:20px}.stat-label{color:#626880;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#e8eaf0;color:var(--text);font-size:28px;font-weight:600;line-height:1}.stat-sub{font-size:12px;margin-top:4px}.empty-state,.stat-sub{color:#626880;color:var(--text-3)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.empty-state svg{opacity:.4}.empty-state p{font-size:14px}.mono{font-family:DM Mono,monospace;font-family:var(--mono);font-size:12px}.alert{align-items:flex-start;border-radius:8px;border-radius:var(--radius);display:flex;font-size:13px;gap:10px;padding:12px 16px}.alert-warning{background:#f0a0501a;background:var(--warning-bg);border:1px solid #f0a05033;color:#f0a050;color:var(--warning)}.alert-danger{background:#e05c6a1a;background:var(--danger-bg);border:1px solid #e05c6a33;color:#e05c6a;color:var(--danger)}.divider{background:#2a2d38;background:var(--border);height:1px;margin:4px 0}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#363944;background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#626880;background:var(--text-3)}
/*# sourceMappingURL=main.82c9d575.css.map*/