:root{--db-black:#09090b;--db-white:#f4f4f5;--db-orange:#ff5722;--db-orange2:#ff7a2f;--db-amber:#ffb347;--db-steel:#ffffff0a;--db-panel:#ffffff08;--db-muted:#71717a;--db-muted2:#a1a1aa;--db-border:#ffffff14;--db-border2:#ffffff1f;--db-success:#4ade80;--db-warn:#ffb347;--db-danger:#f87171;--db-radius:16px;--db-radius-sm:12px}.bento-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--db-radius);background:#ffffff0a;border:1px solid #ffffff14;transition:border-color .3s,box-shadow .3s,transform .3s}.bento-card:hover{border-color:#ffffff24;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0f}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--db-border);border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--db-muted)}.db-shell{height:100vh;color:var(--db-white);font-family:var(--font-ibm-sans),"IBM Plex Sans",sans-serif;background-color:#09090b;display:flex;overflow:hidden}.db-sidebar{-webkit-backdrop-filter:blur(20px);z-index:30;background:#09090bd9;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;height:100%;transition:width .15s;display:flex;position:relative}.db-sidebar.expanded{width:256px}.db-sidebar.collapsed{width:64px}.db-sidebar-header{border-bottom:1px solid var(--db-border);flex-shrink:0;align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.db-sidebar-mark{background:var(--db-orange);width:32px;height:32px;font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;color:#000;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.db-sidebar-mark:after{content:"";background:var(--db-amber);width:6px;height:6px;position:absolute;bottom:-2px;right:-2px}.db-sidebar-name{font-family:var(--font-ibm-condensed),"IBM Plex Sans Condensed",sans-serif;color:var(--db-white);letter-spacing:-.02em;white-space:nowrap;font-size:16px;font-weight:800}.db-sidebar-name span{color:var(--db-orange)}.db-sidebar-toggle{background:var(--db-panel);border:1px solid var(--db-border);border-left:none;border-bottom:2px solid var(--db-border);cursor:pointer;z-index:40;width:24px;height:32px;color:var(--db-muted);border-radius:0 4px 4px 0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:16px;right:-12px}.db-sidebar-toggle:hover{color:var(--db-white);border-color:var(--db-orange);border-bottom-color:var(--db-orange)}.db-sidebar-toggle:active{border-bottom-width:1px}.db-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex;overflow-y:auto}.db-nav-item{color:var(--db-muted);font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;border-left:2px solid #0000;align-items:center;gap:12px;padding:10px 16px;font-size:10px;text-decoration:none;transition:all .15s;display:flex;position:relative}.db-nav-item:hover{color:var(--db-white);background:#ffffff08}.db-nav-item:active{transform:translateY(1px)}.db-nav-item.active{color:var(--db-orange);border-left-color:var(--db-orange);background:#e85d040f}.db-nav-item .db-nav-icon{flex-shrink:0;width:16px;height:16px}.db-nav-item .db-nav-label{white-space:nowrap;display:block;overflow:hidden}.db-sidebar.collapsed .db-nav-label{display:none}.db-nav-item--dispatch{font-weight:700}.db-nav-item--history{color:var(--db-muted2)}.db-nav-item--history:hover{color:var(--db-white)}.db-sidebar-user{border-top:1px solid var(--db-border);flex-shrink:0;padding:16px 12px}.db-user-row{align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:flex}.db-user-avatar{background:var(--db-orange);color:#000;width:32px;height:32px;font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.db-user-name{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;color:var(--db-white);letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.db-user-email{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;color:var(--db-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.db-signout-btn{border:1px solid var(--db-border);border-bottom:2px solid var(--db-border);width:100%;color:var(--db-muted);font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:9px;transition:all .15s;display:flex}.db-signout-btn:hover{color:var(--db-danger);border-color:#f8717166 #f8717166 #f87171cc}.db-signout-btn:active{border-bottom-width:1px;transform:translateY(1px)}.db-header{z-index:20;-webkit-backdrop-filter:blur(20px);background:#09090bcc;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.db-header-left{align-items:center;gap:16px;display:flex}.db-header-right{align-items:center;gap:12px;display:flex}.db-plan-badge{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--db-border);color:var(--db-muted);border-radius:var(--db-radius,4px);align-items:center;gap:8px;padding:5px 12px;font-size:9px;display:flex}.db-plan-badge.pro{color:var(--db-orange);background:#ff572214;border-color:#ff572266;border-bottom-style:solid;border-bottom-width:2px}.db-plan-badge .db-badge-dot{background:var(--db-success);border-radius:50%;width:6px;height:6px;animation:2s infinite dbPulse}@keyframes dbPulse{0%,to{opacity:1}50%{opacity:.4}}.db-header-avatar{background:var(--db-orange);color:#000;width:32px;height:32px;font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;cursor:pointer;border:1px solid #0003;border-bottom:2px solid #00000080;border-radius:2px;outline:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .15s;display:flex}.db-header-avatar:hover{background:var(--db-orange2)}.db-header-avatar:active,.db-header-avatar[aria-expanded=true]{border-bottom-width:1px;transform:translateY(1px)}.db-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.db-main{flex:1 1 0;height:100%;min-height:0;padding:32px;position:relative;overflow-y:auto}.db-section-label{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--db-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:9px;display:flex}.db-section-label:before{content:"";background:var(--db-orange);width:16px;height:1px}.db-page-title{font-family:var(--font-ibm-condensed),"IBM Plex Sans Condensed",sans-serif;color:var(--db-white);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.1}.db-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--db-radius-sm);background:#ffffff0a;border:1px solid #ffffff14;padding:24px;transition:border-color .15s,box-shadow .15s}.db-card:hover{border-color:#ffffff24;box-shadow:0 4px 24px #0003}.db-card.highlight{border-color:#ff57224d;border-left:2px solid var(--db-orange)}.db-card-label{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--db-muted);margin-bottom:8px;font-size:9px}.db-card-value{font-family:var(--font-ibm-condensed),"IBM Plex Sans Condensed",sans-serif;letter-spacing:-.04em;color:var(--db-white);margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.db-card-desc{font-family:var(--font-ibm-sans),"IBM Plex Sans",sans-serif;color:var(--db-muted2);font-size:12px}.db-action-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--db-radius);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-bottom:2px solid #ffffff26;padding:32px;transition:border-color .15s ease-out,background .15s ease-out,transform .15s ease-out;position:relative;overflow:hidden}.db-action-card:hover{border-color:#ff572280;border-bottom-color:var(--db-orange);background:#ff572205}.db-action-card:active{border-bottom-width:1px;transform:translateY(1px)}.db-action-icon{width:44px;height:44px;color:var(--db-orange);background:#e85d041a;border:1px solid #e85d044d;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.db-action-title{font-family:var(--font-ibm-condensed),"IBM Plex Sans Condensed",sans-serif;color:var(--db-white);letter-spacing:-.02em;margin-bottom:8px;font-size:20px;font-weight:800;transition:color .15s}.db-action-card:hover .db-action-title{color:var(--db-orange)}.db-action-desc{font-family:var(--font-ibm-sans),"IBM Plex Sans",sans-serif;color:var(--db-muted2);max-width:400px;margin-bottom:24px;font-size:13px;line-height:1.6}.db-action-cta{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--db-orange);align-items:center;gap:8px;font-size:10px;transition:gap .15s;display:flex}.db-action-card:hover .db-action-cta{gap:12px}.db-sec-action{-webkit-backdrop-filter:blur(12px);border-radius:var(--db-radius-sm);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-bottom:2px solid #ffffff1a;align-items:center;gap:16px;padding:20px;transition:border-color .15s ease-out,background .15s ease-out,transform .15s ease-out;display:flex;position:relative;overflow:hidden}.db-sec-action:hover{background:#ffffff0f;border-color:#ff572259 #ff572259 #ff572280}.db-sec-action:active{border-bottom-width:1px;transform:translateY(1px)}.db-sec-action-icon{background:var(--db-steel);border:1px solid var(--db-border);width:36px;height:36px;color:var(--db-muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.db-sec-action:hover .db-sec-action-icon{color:var(--db-white)}.db-sec-action h3{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--db-white);margin-bottom:2px;font-size:10px}.db-sec-action p{font-family:var(--font-ibm-sans),"IBM Plex Sans",sans-serif;color:var(--db-muted);font-size:11px}.db-empty-state{border-radius:var(--db-radius);text-align:center;background:#0a0a0a;border:1px solid #ffffff0a;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.db-empty-label{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.2em;color:var(--db-muted);text-transform:uppercase;font-size:9px}.db-btn{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:10px;transition:background .1s,border-color .1s,transform 50ms;display:inline-flex}.db-btn:active{transform:translateY(1px)}.db-btn-primary{background:var(--db-orange);color:#000;border-bottom:2px solid #cc451b;font-weight:700}.db-btn-primary:active{border-bottom-width:0;margin-top:2px}.db-btn-primary:hover{background:var(--db-orange2)}.db-btn-ghost{color:var(--db-muted);border:1px solid var(--db-border);border-bottom:2px solid var(--db-border);background:0 0}.db-btn-ghost:active{border-bottom-width:1px;margin-top:1px}.db-btn-ghost:hover{color:var(--db-white);border-color:#fff3}.db-exec-shell{background-color:var(--db-black);min-height:100vh;color:var(--db-white)}.db-exec-header{border-bottom:1px solid var(--db-border);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808f2;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.db-exec-title{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--db-white);align-items:center;gap:10px;font-size:10px;display:flex}.db-exec-title:before{content:"";background:var(--db-orange);width:8px;height:8px;animation:2s infinite dbPulse}.db-exec-badge{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.15em;color:var(--db-orange);text-transform:uppercase;border:1px solid #e85d0466;padding:4px 10px;font-size:9px}.db-phase-track{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:0;font-size:8px;display:flex}.db-phase{border:1px solid var(--db-border);color:var(--db-muted);padding:4px 14px;position:relative}.db-phase+.db-phase{border-left:none}.db-phase.active{color:var(--db-orange);background:#e85d040f;border-color:#e85d0466}.db-phase.done{color:var(--db-success);border-color:#4ade804d}.db-agent-log{background:var(--db-steel);border:1px solid var(--db-border);font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;font-size:11px}.db-log-header{border-bottom:1px solid var(--db-border);letter-spacing:.2em;color:var(--db-muted);text-transform:uppercase;background:#0000004d;align-items:center;gap:8px;padding:10px 16px;font-size:9px;display:flex}.db-log-dot{background:var(--db-orange);border-radius:50%;width:6px;height:6px;animation:1.5s infinite dbPulse}.db-log-body{flex-direction:column;flex:1;gap:6px;min-height:0;padding:16px;display:flex;overflow-y:auto}.db-log-entry{align-items:flex-start;gap:10px;display:flex}.db-log-time{color:var(--db-muted);flex-shrink:0;padding-top:1px;font-size:9px}.db-log-text-lead{color:var(--db-orange)}.db-log-text-writer{color:var(--db-white)}.db-log-text-reviewer{color:var(--db-amber)}.db-log-text-system{color:var(--db-muted)}.db-tabs{display:flex}.db-tab{white-space:nowrap;font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--db-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 20px;font-size:9px;transition:all .15s;display:flex}.db-tab:hover{color:var(--db-white)}.db-tab.active{color:var(--db-orange);border-bottom-color:var(--db-orange)}.db-input{background:var(--db-steel);border:1px solid var(--db-border);width:100%;color:var(--db-white);font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;box-sizing:border-box;outline:none;padding:10px 14px;font-size:11px;transition:border-color .15s}.db-input::placeholder{color:var(--db-muted)}.db-input:focus{border-color:var(--db-orange)}.db-textarea{background:var(--db-steel);border:1px solid var(--db-border);width:100%;color:var(--db-white);font-family:var(--font-ibm-sans),"IBM Plex Sans",sans-serif;resize:vertical;box-sizing:border-box;outline:none;min-height:120px;padding:12px 14px;font-size:13px;line-height:1.6;transition:border-color .15s}.db-textarea::placeholder{color:var(--db-muted)}.db-textarea:focus{border-color:var(--db-orange)}.db-main::-webkit-scrollbar{width:4px}.db-nav::-webkit-scrollbar{width:4px}.db-log-body::-webkit-scrollbar{width:4px}.db-main::-webkit-scrollbar-track{background:0 0}.db-nav::-webkit-scrollbar-track{background:0 0}.db-log-body::-webkit-scrollbar-track{background:0 0}.db-main::-webkit-scrollbar-thumb{background:var(--db-border);border-radius:2px}.db-nav::-webkit-scrollbar-thumb{background:var(--db-border);border-radius:2px}.db-log-body::-webkit-scrollbar-thumb{background:var(--db-border);border-radius:2px}@media (max-width:768px){.db-sidebar,.db-sidebar.expanded,.db-sidebar.collapsed{border-right:none;border-top:1px solid var(--db-border);z-index:100;flex-direction:row;height:64px;position:fixed;bottom:0;left:0;width:100%!important}.db-sidebar-header,.db-sidebar-toggle,.db-sidebar-user{display:none!important}.db-nav{flex-direction:row;justify-content:space-around;align-items:center;gap:0;padding:0;overflow:auto hidden}.db-nav-item{text-align:center;border-bottom:2px solid #0000;border-left:none;flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:60px;padding:8px 0;font-size:8px}.db-nav-item.active{border-left-color:#0000!important;border-bottom-color:var(--db-orange)!important;background:linear-gradient(#0000,#e85d041a)!important}.db-nav-icon{margin-bottom:2px}.db-nav-label{white-space:nowrap;font-size:8px;overflow:visible;display:block!important}.db-shell{flex-direction:column}.db-main{padding:16px 16px 80px}.db-header{flex-wrap:wrap;height:auto;padding:12px 16px}.db-page-title{font-size:24px}.db-exec-shell{padding-bottom:72px}.db-exec-header{flex-wrap:wrap;padding:12px 16px}.db-exec-header .db-btn{padding:6px 10px;font-size:9px}.db-split-panels{gap:16px;flex-direction:column!important;grid-template-columns:1fr!important;height:auto!important;display:flex!important}.db-card,.db-log-panel{min-height:auto}.db-table-wrapper{overflow-x:auto}}.db-input-tactical{border:1px solid var(--db-border)!important;font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace!important;color:var(--db-white)!important;background:#0e0e0ecc!important;border-radius:0!important;font-size:11px!important;transition:all .2s!important;box-shadow:inset 0 2px 10px #00000080!important}.db-input-tactical:focus{border-color:#e85d0480!important;outline:none!important;box-shadow:inset 0 2px 10px #00000080,0 0 10px #e85d041a!important}.db-input-tactical::placeholder{color:var(--db-border2)!important}.db-label-tactical{font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.25em;text-transform:uppercase;color:var(--db-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:9px;display:flex}.db-label-tactical:before{content:"";background:var(--db-orange);width:4px;height:4px}.db-terminal-container{background:var(--db-black);border:1px solid var(--db-border2);border-top:3px solid var(--db-border2);position:relative}.db-terminal-container:after{content:"";pointer-events:none;opacity:.3;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#0003 2px 4px);position:absolute;inset:0}.db-ribbon-tab{color:var(--db-muted);font-family:var(--font-ibm-mono),"IBM Plex Mono",monospace;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 24px;font-size:10px;transition:all .2s}.db-ribbon-tab.active{color:var(--db-white);border-bottom:2px solid var(--db-orange);background:#e85d040d}.db-ribbon-tab:hover:not(.active){color:var(--db-muted2);background:#ffffff05}.db-terminal-entry{border-left:2px solid #0000;padding-left:10px;position:relative}.db-terminal-entry:hover{background:#ffffff05}@keyframes terminal-blink{0%,to{opacity:1}50%{opacity:0}}
