.db-container{background-color:var(--void);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.db-main{background-color:var(--obsidian);flex-direction:column;height:100vh;display:flex;overflow-y:auto}.sidebar-panel{min-height:100vh}.sidebar{background-color:var(--void);padding:var(--space-6) var(--space-4);border-right:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;display:flex}.sidebar-nav{gap:var(--space-2);flex-direction:column;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);border-radius:var(--r-md);color:var(--silver);transition:all var(--t-fast);padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--arctic);background:#ffffff08}.sidebar-link.active{background:var(--teal-dim);color:var(--teal);border:1px solid var(--teal-border)}.db-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:70px;padding:0 var(--space-6);background-color:#0a0e1a66;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.db-grid{gap:var(--space-6);padding:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.db-content{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.log-terminal{font-family:var(--mono);border-radius:var(--r-md);padding:var(--space-4);gap:var(--space-2);background:#0a0e1acc;border:1px solid #ffffff0f;flex-direction:column;height:400px;display:flex;overflow-y:auto}.log-entry{gap:var(--space-3);transition:background-color var(--t-fast);border-radius:4px;padding:4px 8px;font-size:.85rem;line-height:1.4;display:flex}.log-entry:hover{background:#ffffff08}.log-time{color:var(--silver);flex-shrink:0;width:80px}.log-badge{flex-shrink:0}.log-message{color:var(--arctic);word-break:break-all}.form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{color:var(--silver);font-size:.875rem;font-weight:500}.form-input{color:var(--arctic);border-radius:var(--r-md);font-family:var(--font);transition:all var(--t-fast);background:#1a223680;border:1px solid #ffffff1a;padding:10px 14px;font-size:.95rem}.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-dim);outline:none}.form-input:disabled,.form-input[readonly]{cursor:not-allowed;opacity:.65}.db-table{border-collapse:collapse;text-align:left;width:100%}.db-table th{color:var(--silver);border-bottom:1px solid #ffffff0d;padding:14px 16px;font-size:.85rem;font-weight:600}.db-table td{border-bottom:1px solid #ffffff08;padding:16px;font-size:.9rem}.db-table tr:hover td{background:#ffffff03}.tag-container{gap:var(--space-2);border-radius:var(--r-md);background:#1a223680;border:1px solid #ffffff1a;flex-wrap:wrap;padding:6px;display:flex}.tag-item{font-size:.8rem;font-family:var(--mono);background:#ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.tag-close{cursor:pointer;color:var(--silver);transition:color var(--t-fast)}.tag-close:hover{color:var(--red)}.switch-root{background-color:var(--muted);cursor:pointer;border:none;border-radius:9999px;width:42px;height:24px;transition:background-color .2s;position:relative}.switch-root:disabled{cursor:not-allowed;opacity:.55}.switch-root[data-state=checked]{background-color:var(--teal)}.switch-thumb{background-color:#fff;border-radius:9999px;width:18px;height:18px;transition:transform .2s;display:block;transform:translate(3px)}.switch-root[data-state=checked] .switch-thumb{transform:translate(21px)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot-active{background-color:var(--green);box-shadow:0 0 8px var(--green);animation:2s infinite pulse}.status-dot-paused{background-color:var(--amber);box-shadow:0 0 8px var(--amber)}.status-dot-broken{background-color:var(--red);box-shadow:0 0 8px var(--red);animation:1s infinite pulse}.db-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-lg);padding:var(--space-6);gap:var(--space-4);transition:all var(--t-base);background:#11182773;border:1px solid #ffffff0d;flex-direction:column;display:flex}.db-card:hover{border-color:var(--teal-border);box-shadow:var(--shadow-glow-teal)}.db-card-warning{background:#f59e0b0d;border-color:#f59e0b40}.db-card-warning:hover{border-color:#f59e0b66;box-shadow:0 0 24px #f59e0b1f}.db-card-critical{background:#ef44440d;border-color:#ef444440}.db-card-critical:hover{border-color:#ef444466;box-shadow:0 0 24px #ef44441f}.db-tab-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r-md);background:#0a0e1a66;border:1px solid #ffffff0d;gap:8px;padding:6px;display:flex}.db-tab-btn{color:var(--silver);border-radius:var(--r-sm);font-family:var(--font);cursor:pointer;transition:all var(--t-base);background:0 0;border:1px solid #0000;flex:1;justify-content:center;padding:8px 16px;font-size:.85rem;font-weight:500}.db-tab-btn:hover{color:var(--arctic);background:#ffffff05}.db-tab-btn-active{background:var(--teal-dim)!important;color:var(--teal)!important;border:1px solid var(--teal-border)!important}.btn-secondary{background:var(--violet-dim);color:var(--arctic);border:1px solid #6c5ce740}.btn-secondary:hover{background:var(--violet);color:var(--void);box-shadow:var(--shadow-glow-violet);transform:translateY(-1px)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid #ef444459}.btn-danger:hover{background:var(--red);color:var(--void);transform:translateY(-1px);box-shadow:0 4px 16px #ef444440}.btn-success{background:var(--green-dim);color:var(--green);border:1px solid #10b98159}.btn-success:hover{background:var(--green);color:var(--void);transform:translateY(-1px);box-shadow:0 4px 16px #10b98140}.db-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#05070dd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.db-modal-content{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);gap:var(--space-6);border-radius:var(--r-lg);background:#111827f2;border:1px solid #ffffff14;flex-direction:column;width:100%;max-width:480px;padding:32px;display:flex;box-shadow:0 20px 40px #00000080}.mobile-sidebar-toggle{z-index:1000;border-radius:var(--r-md);width:40px;height:40px;color:var(--arctic);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e1ae6;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:none;position:fixed;top:16px;left:16px}.sidebar-overlay{display:none}@media (max-width:1024px){.db-container{grid-template-columns:1fr}.sidebar-panel{z-index:999;width:260px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0006}.sidebar-panel.open{transform:translate(0)}.sidebar-panel .sidebar{width:100%;height:100%;min-height:100%}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;background:#05070db3;transition:opacity .3s;display:block;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.mobile-sidebar-toggle{display:flex}.db-header{padding-left:56px}.db-content{padding:var(--space-4)}.db-grid{gap:var(--space-4);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.db-header{flex-wrap:wrap;gap:8px;height:auto;min-height:60px;padding:12px 16px 12px 52px}.db-header h1{font-size:1.1rem}.db-content{gap:var(--space-4);padding:12px}.db-grid{gap:var(--space-3);grid-template-columns:1fr;padding:0}.db-card{padding:16px}.log-terminal{height:320px;font-size:.78rem}.log-entry{gap:6px;font-size:.75rem}.log-entry .log-time{min-width:55px;font-size:.65rem}.db-modal-content{max-width:100%;margin:16px;padding:24px 20px}[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:1fr!important}.db-card[style*="flex-direction: row"]{gap:12px;flex-direction:column!important;align-items:flex-start!important}.db-card .text-xl{font-size:1.15rem!important}.sidebar-panel{width:100%;max-width:300px}}@media (max-width:480px){.db-header{padding:10px 12px 10px 48px}.db-header h1{font-size:1rem}.db-content{gap:12px;padding:8px}.db-card{padding:12px}.log-terminal{height:260px;padding:8px;font-size:.72rem}.log-entry{gap:4px;font-size:.7rem}.log-entry .log-time{display:none}.log-entry .log-badge{min-width:60px;padding:1px 4px;font-size:.6rem}.sidebar-link{padding:10px 12px;font-size:.85rem}.sidebar-link svg{width:18px;height:18px}.db-tab-bar{gap:4px}.db-tab-btn{padding:6px 12px;font-size:.75rem}.db-header .badge-teal:first-of-type{display:none}.db-table{font-size:.7rem}.db-table th,.db-table td{padding:8px 10px}}