.cockpit-view-container{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;background:#0a0e27}.cockpit-sheet-tabs{display:flex;align-items:flex-end;flex-wrap:nowrap;background:#1a1f3a;border-bottom:2px solid rgba(0,212,255,.3);padding:0 16px;gap:4px;min-height:36px;z-index:10}.cockpit-sheet-tabs-actions{margin-left:auto;align-self:center;padding:4px 0 6px;flex-shrink:0}.cockpit-fullscreen-btn{padding:5px 12px;font-size:12px;font-weight:600;color:#e0f7ff;background:#00d4ff26;border:1px solid rgba(0,212,255,.45);border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .2s ease,box-shadow .2s ease}.cockpit-fullscreen-btn:hover{background:#00d4ff47;box-shadow:0 0 12px #00d4ff59}.cockpit-fullscreen-btn--exit{color:#fff5f5;background:#ef444433;border-color:#f8717199}.cockpit-fullscreen-btn--exit:hover{background:#ef444459;box-shadow:0 0 12px #f8717159}.cockpit-sheet-tab{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#1a1f3acc;border:1px solid rgba(0,212,255,.2);border-bottom:none;border-radius:6px 6px 0 0;color:#e0e0e0;font-size:9px;cursor:pointer;transition:all .2s ease;position:relative;top:2px;min-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cockpit-sheet-tab:hover{background:#00d4ff1a;border-color:#00d4ff66;color:#00d4ff}.cockpit-sheet-tab.active{background:#0a0e27;border-color:#00d4ff99;border-bottom:2px solid #0a0e27;color:#00d4ff;top:0;z-index:1;box-shadow:0 -2px 8px #00d4ff33}.cockpit-sheet-tab.active:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#0a0e27}.cockpit-sheet-tab-icon{font-size:9px;line-height:1}.cockpit-sheet-tab-label{font-weight:500;white-space:nowrap}.cockpit-view-content{flex:1;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column}.cockpit-view-body{flex:1;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.cockpit-view-body>*{flex:1;min-height:0;min-width:0;width:100%;box-sizing:border-box}.cockpit-view-body>.cockpit-custom-view{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh}.cockpit-view-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;color:#666;background:#0a0e27;color:#00d4ff}:root{color-scheme:light;font-family:Inter,PingFang SC,Segoe UI,system-ui,sans-serif;line-height:1.5;background:#f2f5fa;color:#1f2933;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:#f3f4f6;overflow-x:hidden;width:100%;max-width:100vw}.app-shell{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr;width:100%;max-width:100vw;overflow-x:hidden}.app-chrome{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;max-width:100vw;box-sizing:border-box;box-shadow:0 2px 8px #0f172a14}.app-shell--cockpit-fullscreen{grid-template-rows:1fr;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh}.app-content--cockpit-fullscreen{padding:0;overflow:hidden;min-height:0;display:flex;flex-direction:column;flex:1}.app-content--cockpit-fullscreen>*{flex:1;min-height:0;display:flex;flex-direction:column}.app-shell--auth-only{display:block;min-height:100vh;min-height:100dvh}.app-header{padding:.5rem 1.2rem;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;flex-wrap:wrap;gap:.6rem}.app-header h1{margin:0;font-size:26px;line-height:1.2;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.token-area{display:flex;gap:.5rem;align-items:center}.token-area button{border:none;padding:.25rem .75rem;border-radius:999px;cursor:pointer}.app-nav{display:flex;flex-wrap:nowrap;gap:.4rem;padding:.4rem 1.2rem;background:#fff;border-bottom:1px solid #e2e8f0;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-nav a{color:#374151;text-decoration:none;font-weight:500;font-size:13px;padding:.4rem .8rem;border-radius:999px;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-nav a .nav-icon{flex-shrink:0;opacity:.92}.app-nav a.active .nav-icon{opacity:1}.app-nav a.active{background:#1d4ed8;color:#fff}.app-content{padding:.8rem 1.2rem;width:100%;max-width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:auto;box-sizing:border-box}.card,.card-grid article{background:#fff;border-radius:.75rem;padding:1.75rem;box-shadow:0 10px 25px #0f172a0f;margin-bottom:1.75rem;border:1px solid #e5e7f0}.card h1,.card h2{margin-top:0;margin-bottom:.6rem;font-size:1.25rem;font-weight:700;color:#111827}.card h3{margin-top:.8rem;margin-bottom:.5rem;font-size:1rem;font-weight:600;color:#111827}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}.list li button{width:100%;border:1px solid #e2e8f0;background:#f8fafc;padding:.6rem .8rem;text-align:left;border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;gap:.4rem;font-weight:500;font-size:14px}.list li button:hover{background:#e5f0ff;border-color:#bfdbfe}.page-title{margin:0;margin-bottom:.6rem;font-size:1.5rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.project-tree{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.4rem}.project-tree-item{margin-bottom:.25rem}.project-tree-row{display:flex;align-items:center;padding:6px 10px;border-radius:6px;transition:background-color .15s ease,box-shadow .15s ease}.project-tree-row:hover{background-color:#eff6ff}.project-tree-title{font-size:14px;font-weight:600;color:#111827}.project-tree-meta{font-size:13px;color:#6b7280;margin-left:6px}.project-tree-edit{margin-left:auto}.project-tree-edit button{padding:3px 12px;font-size:14px;border-radius:999px;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer;font-weight:400;color:#111827;display:inline-flex;align-items:center;gap:4px}.project-tree-edit button:hover{background:#e5f0ff;border-color:#bfdbfe}.error{color:#b91c1c;font-weight:600}.notice{font-weight:600;color:#0f172a}.form-column{display:flex;flex-direction:column;gap:.75rem}.form-column label{font-size:14px;font-weight:500}.form-column select,.form-column textarea{font-size:14px}.form-column small{font-size:12px}.form-column input{width:100%;padding:.5rem;border-radius:.45rem;border:1px solid #cbd5f5;font-size:14px}.form-inline{display:flex;gap:.75rem;margin-bottom:1rem}.form-inline input{flex:1;padding:.5rem;border-radius:.45rem;border:1px solid #cbd5f5;font-size:14px}.form-inline button,.form-column button{border:none;border-radius:.5rem;padding:.5rem 1rem;background:#2563eb;color:#fff;cursor:pointer;font-weight:600;font-size:14px}.link-btn{margin-top:.5rem;background:none;border:none;color:#2563eb;text-decoration:underline;cursor:pointer;padding:0}.muted{color:#475569;font-size:1rem}.tree{list-style:none;margin:8px 0 8px 20px;padding:0}.tree>li{margin-bottom:8px}.tree-row{display:flex;align-items:flex-start;gap:8px}.tree-toggle{border:1px solid #d0d5dd;background:#f8fafc;color:#1d4ed8;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;padding:0}.tree-toggle:hover{background:#e0edff}.tree-placeholder{width:24px;height:24px}.tree-content{flex:1;display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px dashed #eef2ff}.tree-title{font-size:14px;font-weight:600;color:#111827}.tree-path{font-size:12px;color:#6b7280;word-break:break-all}.tree-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563}.copy-btn{border:1px solid #d0d5dd;background:#f9fafb;border-radius:999px;padding:5px 12px;font-size:14px;cursor:pointer;transition:all .2s ease}.copy-btn:hover{border-color:#2563eb;color:#2563eb}@keyframes nodeHighlight{0%{box-shadow:0 0 #ffeb3b00;transform:scale(1)}50%{box-shadow:0 0 30px #ffeb3b;transform:scale(1.05)}to{box-shadow:0 0 20px #ffeb3bcc;transform:scale(1)}}.performance-cell-status-green{background-color:#d1fae5!important}.performance-cell-status-blue{background-color:#dbeafe!important}.performance-cell-status-yellow{background-color:#fef3c7!important}.performance-cell-status-gray{background-color:#f3f4f6!important}.performance-cell-status-excluded{background-color:#f5f5f5!important}.performance-cell-status-none{background-color:#fff!important}.performance-cell-status-green input,.performance-cell-status-blue input,.performance-cell-status-yellow input,.performance-cell-status-gray input,.performance-cell-status-excluded input,.performance-cell-status-none input{background-color:transparent!important}html{width:100%;max-width:100vw;overflow-x:hidden}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media (max-width: 1200px){:root{font-size:13px}.app-nav{padding:.4rem .9rem;gap:.4rem}.app-nav a{font-size:12px;padding:.35rem .7rem}.app-header{padding:.4rem .9rem}.app-header h1{font-size:22px!important}.app-content{padding:.7rem}}@media (max-width: 768px){:root{font-size:12px}.app-nav{padding:.4rem .7rem;gap:.4rem}.app-nav a{font-size:11px;padding:.3rem .5rem;gap:2px}.app-header{padding:.5rem .7rem;flex-direction:column;align-items:flex-start}.app-header h1{font-size:20px!important}.app-content{padding:.6rem}.project-overview-tabs-scroll,div[style*=overflowX]{-webkit-overflow-scrolling:touch}}@media (max-width: 480px){:root{font-size:12px}.app-nav a{font-size:10px;padding:.25rem .4rem}.app-header h1{font-size:18px!important}.token-area{font-size:12px}.token-area button{padding:.3rem .5rem;font-size:12px}}@supports (-webkit-appearance: none){.app-nav a,.app-header h1{-webkit-font-smoothing:antialiased}}@-moz-document url-prefix(){.app-nav a,.app-header h1{-moz-osx-font-smoothing:grayscale}}