:root{--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--cds-bg-body:#121212;--cds-bg-surface-0:#161616;--cds-bg-surface-1:#212121;--cds-bg-surface-2:#282828;--cds-bg-surface-3:#333;--cds-bg-hover:#393939;--cds-bg-active:#4c4c4c;--cds-border-subtle:#2d2d2d;--cds-border-strong:#404040;--cds-border-interactive:#0f62fe;--cds-text-primary:#f4f4f4;--cds-text-secondary:#c6c6c6;--cds-text-muted:#8d8d8d;--cds-text-inverse:#161616;--cds-blue:#0f62fe;--cds-blue-hover:#0353e9;--cds-blue-light:#4589ff;--cds-cyan:#1192e8;--cds-teal:#009d9a;--cds-green:#24a148;--cds-green-light:#42be65;--cds-red:#da1e28;--cds-red-light:#fa4d56;--cds-amber:#f1c21b;--cds-purple:#8a3ffc;--cds-magenta:#ee5396;--cds-radius-xs:2px;--cds-radius-sm:4px;--cds-radius-md:6px;--cds-shadow-sm:0 2px 4px #0006;--cds-shadow-md:0 4px 12px #00000080;--cds-shadow-lg:0 8px 24px #000000a6;--cds-glow-blue:0 0 16px #0f62fe59;--cds-transition:all .2s cubic-bezier(.2, 0, .38, .9)}[data-theme=light]{--cds-bg-body:#f4f4f4;--cds-bg-surface-0:#fff;--cds-bg-surface-1:#f8f9fa;--cds-bg-surface-2:#e0e0e0;--cds-bg-surface-3:#d1d5db;--cds-bg-hover:#e5e7eb;--cds-bg-active:#d1d5db;--cds-border-subtle:#e0e0e0;--cds-border-strong:#8d8d8d;--cds-border-interactive:#0f62fe;--cds-text-primary:#161616;--cds-text-secondary:#525252;--cds-text-muted:#6f6f6f;--cds-text-inverse:#fff;--cds-shadow-sm:0 2px 4px #00000014;--cds-shadow-md:0 4px 12px #0000001f;--cds-shadow-lg:0 8px 24px #00000029;--cds-glow-blue:0 0 16px #0f62fe33}[data-theme=cyber]{--cds-bg-body:#050508;--cds-bg-surface-0:#0a0e17;--cds-bg-surface-1:#101626;--cds-bg-surface-2:#162035;--cds-bg-surface-3:#1f2d4a;--cds-bg-hover:#26385c;--cds-bg-active:#314875;--cds-border-subtle:#1e3a8a;--cds-border-strong:#00f0ff;--cds-border-interactive:#00f0ff;--cds-text-primary:#e0f2fe;--cds-text-secondary:#93c5fd;--cds-text-muted:#60a5fa;--cds-text-inverse:#050508;--cds-blue:#00f0ff;--cds-blue-hover:#00c8d7;--cds-cyan:#38bdf8;--cds-green:#0f6;--cds-green-light:#39ff14;--cds-glow-blue:0 0 20px #00f0ff80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--cds-bg-body);color:var(--cds-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;line-height:1.5;overflow-x:hidden}.mono{font-family:var(--font-mono);letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--cds-bg-surface-0)}::-webkit-scrollbar-thumb{background:var(--cds-border-strong);border-radius:var(--cds-radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--cds-blue)}.app-container{background-color:var(--cds-bg-body);flex-direction:column;min-height:100vh;display:flex}.ibm-header{background-color:var(--cds-bg-surface-0);border-bottom:1px solid var(--cds-border-subtle);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.ibm-brand{align-items:center;gap:12px;display:flex}.ibm-bars-icon{flex-shrink:0;width:28px;height:28px}.ibm-title-group{flex-direction:column;display:flex}.ibm-title{letter-spacing:.04em;color:var(--cds-text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.ibm-edition-badge{font-size:10px;font-family:var(--font-mono);color:var(--cds-blue-light);border-radius:var(--cds-radius-xs);background:#0f62fe26;border:1px solid #0f62fe66;padding:1px 6px}.ibm-subtitle{color:var(--cds-text-muted);font-size:11px}.ibm-header-telemetry{align-items:center;gap:12px;display:flex}.telemetry-chip{background-color:var(--cds-bg-surface-1);border:1px solid var(--cds-border-subtle);font-size:11px;font-family:var(--font-mono);color:var(--cds-text-secondary);border-radius:var(--cds-radius-xs);align-items:center;gap:6px;padding:4px 10px;display:flex}.status-dot-green{background-color:var(--cds-green-light);width:8px;height:8px;box-shadow:0 0 6px var(--cds-green-light);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.read-only-shield{color:var(--cds-teal);border-radius:var(--cds-radius-xs);background:#009d9a26;border:1px solid #009d9a80;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.select-control{background-color:var(--cds-bg-surface-1);color:var(--cds-text-primary);border:1px solid var(--cds-border-subtle);font-size:12px;font-family:var(--font-sans);border-radius:var(--cds-radius-xs);cursor:pointer;transition:var(--cds-transition);outline:none;padding:6px 10px}.select-control:focus{border-color:var(--cds-blue);box-shadow:0 0 0 1px var(--cds-blue)}.btn-icon{background-color:var(--cds-bg-surface-1);border:1px solid var(--cds-border-subtle);color:var(--cds-text-secondary);border-radius:var(--cds-radius-xs);cursor:pointer;width:34px;height:34px;transition:var(--cds-transition);justify-content:center;align-items:center;display:flex}.btn-icon:hover{background-color:var(--cds-bg-hover);color:var(--cds-text-primary);border-color:var(--cds-border-strong)}.btn-icon.active{background-color:var(--cds-blue);color:#fff;border-color:var(--cds-blue)}.workspace-layout{flex:1;min-height:calc(100vh - 56px);display:flex}.ibm-sidebar{background-color:var(--cds-bg-surface-0);border-right:1px solid var(--cds-border-subtle);flex-direction:column;flex-shrink:0;justify-content:space-between;width:260px;padding:16px 0;display:flex}.sidebar-nav-list{flex-direction:column;gap:2px;list-style:none;display:flex}.nav-item-btn{width:100%;color:var(--cds-text-secondary);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:var(--cds-transition);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-size:13px;display:flex}.nav-item-btn:hover{background-color:var(--cds-bg-hover);color:var(--cds-text-primary)}.nav-item-btn.active{background-color:var(--cds-bg-surface-1);color:var(--cds-text-primary);border-left-color:var(--cds-blue);font-weight:600}.nav-icon{width:18px;height:18px;color:var(--cds-blue-light);flex-shrink:0}.nav-text-col{flex-direction:column;display:flex}.nav-desc{color:var(--cds-text-muted);font-size:10px;font-weight:400}.sidebar-footer{border-top:1px solid var(--cds-border-subtle);color:var(--cds-text-muted);flex-direction:column;gap:6px;padding:16px 20px;font-size:11px;display:flex}.sidebar-footer-stat{font-family:var(--font-mono);justify-content:space-between;display:flex}.main-view-container{background-color:var(--cds-bg-body);flex:1;padding:24px;overflow-y:auto}.card-panel{background-color:var(--cds-bg-surface-0);border:1px solid var(--cds-border-subtle);border-radius:var(--cds-radius-xs);box-shadow:var(--cds-shadow-sm);transition:var(--cds-transition);margin-bottom:20px;padding:20px}.card-panel:hover{border-color:var(--cds-border-strong)}.card-panel-header{border-bottom:1px solid var(--cds-border-subtle);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.card-title{color:var(--cds-text-primary);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.card-subtitle{color:var(--cds-text-muted);margin-top:2px;font-size:12px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card{background-color:var(--cds-bg-surface-0);border:1px solid var(--cds-border-subtle);border-top:3px solid var(--cds-blue);border-radius:var(--cds-radius-xs);flex-direction:column;gap:4px;padding:16px;display:flex}.kpi-card.green{border-top-color:var(--cds-green-light)}.kpi-card.teal{border-top-color:var(--cds-teal)}.kpi-card.magenta{border-top-color:var(--cds-magenta)}.kpi-card.amber{border-top-color:var(--cds-amber)}.kpi-label{text-transform:uppercase;color:var(--cds-text-muted);letter-spacing:.05em;font-size:11px;font-weight:600}.kpi-value{font-size:24px;font-family:var(--font-mono);color:var(--cds-text-primary);font-weight:700}.kpi-subtext{color:var(--cds-text-secondary);font-size:11px}.ibm-btn{font-family:var(--font-sans);border-radius:var(--cds-radius-xs);cursor:pointer;transition:var(--cds-transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.ibm-btn-primary{background-color:var(--cds-blue);color:#fff}.ibm-btn-primary:hover{background-color:var(--cds-blue-hover);box-shadow:var(--cds-glow-blue)}.ibm-btn-secondary{background-color:var(--cds-bg-surface-1);color:var(--cds-text-primary);border-color:var(--cds-border-strong)}.ibm-btn-secondary:hover{background-color:var(--cds-bg-hover)}.ibm-btn-danger{background-color:var(--cds-red);color:#fff}.ibm-btn-danger:hover{background-color:#ba1b23}.ibm-btn-sm{padding:4px 10px;font-size:12px}.ibm-badge{font-size:11px;font-family:var(--font-mono);border-radius:var(--cds-radius-xs);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.ibm-badge-blue{color:var(--cds-blue-light);background:#0f62fe26;border:1px solid #0f62fe59}.ibm-badge-green{color:var(--cds-green-light);background:#24a14826;border:1px solid #24a14859}.ibm-badge-red{color:var(--cds-red-light);background:#da1e2826;border:1px solid #da1e2859}.ibm-badge-amber{color:var(--cds-amber);background:#f1c21b26;border:1px solid #f1c21b59}.table-container{border:1px solid var(--cds-border-subtle);border-radius:var(--cds-radius-xs);width:100%;overflow-x:auto}.ibm-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.ibm-data-table th{background-color:var(--cds-bg-surface-1);color:var(--cds-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--cds-border-strong);white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:600}.ibm-data-table td{border-bottom:1px solid var(--cds-border-subtle);color:var(--cds-text-primary);white-space:nowrap;padding:10px 14px}.ibm-data-table tbody tr:hover{background-color:var(--cds-bg-surface-1)}.pii-masked-chip{color:var(--cds-amber);font-family:var(--font-mono);border-radius:var(--cds-radius-xs);background:#f1c21b1f;border:1px dashed #f1c21b80;padding:1px 6px;font-size:11px}.sql-editor-container{border:1px solid var(--cds-border-strong);border-radius:var(--cds-radius-xs);background-color:#0d0d0d;margin:12px 0;position:relative}.sql-editor-header{font-family:var(--font-mono);color:#a8a8a8;background-color:#1a1a1a;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:8px 14px;font-size:11px;display:flex}.sql-textarea{color:#56d364;width:100%;height:140px;font-family:var(--font-mono);resize:vertical;background-color:#0000;border:none;outline:none;padding:14px;font-size:13px;line-height:1.6}.ai-assistant-box{border-radius:var(--cds-radius-xs);background:linear-gradient(135deg,#0f62fe14 0%,#1192e80a 100%);border:1px solid #0f62fe4d;margin-bottom:20px;padding:16px}.ai-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ai-badge{background:var(--cds-blue);color:#fff;border-radius:var(--cds-radius-xs);font-size:10px;font-weight:700;font-family:var(--font-mono);padding:2px 6px}.ai-input-row{gap:8px;display:flex}.ai-input{background-color:var(--cds-bg-surface-0);border:1px solid var(--cds-border-strong);color:var(--cds-text-primary);border-radius:var(--cds-radius-xs);outline:none;flex:1;padding:10px 14px;font-size:13px}.ai-input:focus{border-color:var(--cds-blue)}.simulator-wrapper{flex-direction:column;align-items:center;padding:20px;display:flex}.device-frame-iphone{background-color:#000;border:12px solid #282828;border-radius:54px;flex-direction:column;width:390px;height:820px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000c,0 0 0 2px #444}.dynamic-island{z-index:999;background-color:#000;border-radius:20px;justify-content:space-between;align-items:center;width:120px;height:30px;padding:0 12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.dynamic-island-cam{background:#0a0a1a;border:1px solid #1a1a2e;border-radius:50%;width:10px;height:10px}.dynamic-island-sensor{background:#080811;border-radius:50%;width:8px;height:8px}.device-frame-android{background-color:#050505;border:10px solid #1e222a;border-radius:36px;flex-direction:column;width:390px;height:820px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000c,0 0 0 2px #333946}.android-punch-hole{z-index:999;background-color:#000;border:1px solid #222;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.device-screen-inner{background-color:var(--cds-bg-body);flex-direction:column;flex:1;padding-top:44px;display:flex;position:relative;overflow-y:auto}.mobile-tab-bar{display:none}@media (width<=768px){.ibm-sidebar{display:none}.main-view-container{padding:12px 12px 80px}.mobile-tab-bar{background-color:var(--cds-bg-surface-0);border-top:1px solid var(--cds-border-subtle);z-index:990;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab-btn{color:var(--cds-text-muted);font-size:10px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;display:flex}.mobile-tab-btn.active{color:var(--cds-blue-light)}}.device-screen-inner .mobile-tab-bar{background-color:var(--cds-bg-surface-0);border-top:1px solid var(--cds-border-subtle);z-index:990;height:60px;display:flex;position:sticky;bottom:0;left:0;right:0}@media (width<=768px){.ibm-header{gap:8px;padding-left:12px;padding-right:12px}.ibm-subtitle,.ibm-edition-badge,.ibm-header-telemetry,.header-user-chip,.header-simulator-btn{display:none!important}.ibm-title-group{min-width:0}.header-actions{flex-shrink:0;gap:4px}.header-actions .select-control{max-width:96px}}