:root{--background:#f8fafc;--foreground:#0f172a;--border:#e2e8f0;--input:#fff;--primary:#0f172a;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--success:#ecfdf5;--success-foreground:#065f46;--accent:#e0e7ff;--accent-foreground:#3730a3;--destructive:#fef2f2;--destructive-foreground:#991b1b;--warning:#fffbeb;--warning-foreground:#92400e;--card:#fff;--card-foreground:#0f172a;--sidebar:#fff;--sidebar-foreground:#475569;--sidebar-primary:#f1f5f9;--sidebar-primary-foreground:#0f172a;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--font-family-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family-body);background-color:var(--background);color:var(--foreground);font-size:14px;line-height:1.5}a{color:var(--accent-foreground);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.25rem;font-weight:600}h2{margin-bottom:.5rem;font-size:1rem;font-weight:600}button{font:inherit;cursor:pointer;border-radius:var(--radius-md);background:var(--primary);color:var(--primary-foreground);border:none;padding:.5rem .75rem}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}button.ghost{color:var(--foreground);border:1px solid var(--border);background:0 0}button.danger{background:var(--destructive);color:var(--destructive-foreground);border:1px solid #fecaca}input,textarea,select{font:inherit;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input);width:100%;padding:.5rem .65rem}label{color:var(--muted-foreground);margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.field{margin-bottom:.75rem}.stack{flex-direction:column;gap:.5rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.app-layout{width:100%;height:100%;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:1rem 1.25rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.sidebar-nav a{border-radius:var(--radius-md);color:var(--sidebar-foreground);padding:.5rem .75rem;text-decoration:none;display:block}.sidebar-nav a:hover{background:var(--sidebar-primary);text-decoration:none}.sidebar-nav a.active{background:var(--sidebar-primary);color:var(--sidebar-primary-foreground);font-weight:500}.main-content{background:var(--background);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.top-nav{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex}.page-body{flex:1;padding:1.25rem;overflow:auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .75rem}th{background:var(--muted);color:var(--muted-foreground);font-weight:600}tr:hover td{background:#fafafa}.muted{color:var(--muted-foreground);font-size:13px}.error-box{background:var(--destructive);color:var(--destructive-foreground);border-radius:var(--radius-md);margin-bottom:1rem;padding:.75rem}.modal-backdrop{z-index:50;background:#0f172a66;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;padding:1.25rem;overflow:auto;box-shadow:0 10px 40px #0000001f}.modal h2{margin-bottom:1rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.workspace{flex:1;gap:1rem;min-height:0;display:flex}.workspace-detail-stack{flex-direction:column;flex:1;gap:1rem;min-width:0;min-height:0;display:flex}.structure-explorer-title{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.structure-explorer-toolbar{align-items:center}.tree-row-folder .tree-icon,.tree-row-file .tree-icon{text-align:center;flex-shrink:0;width:1.25rem;font-size:14px;line-height:1}.tree-toggle-spacer{flex-shrink:0;width:1.5rem;display:inline-flex}.tree-row-file{cursor:pointer}.tree-row-file .structure-tree-actions{opacity:.85}.structure-tree-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem;display:flex}button.tree-icon-btn{justify-content:center;align-items:center;min-width:1.75rem;min-height:1.75rem;padding:.25rem;line-height:0;display:inline-flex}button.tree-icon-btn svg{flex-shrink:0}.hierarchy-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:340px;min-width:280px;display:flex;overflow:hidden}.hierarchy-panel.structure-explorer-panel{width:min(420px,42vw);min-width:300px}.hierarchy-panel-header{border-bottom:1px solid var(--border);padding:.75rem 1rem;font-weight:600}.hierarchy-body{flex:1;padding:.5rem;overflow:auto}.detail-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.tree-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.25rem;padding:.25rem .35rem;display:flex}button.tree-row{background:var(--card);color:var(--foreground)}.tree-row:hover{background:var(--muted);color:var(--foreground)}.tree-row:focus-visible{outline:2px solid var(--accent-foreground);outline-offset:1px;color:var(--foreground)}.tree-row.selected,.tree-row.selected:hover{background:var(--accent);color:var(--accent-foreground)}.tree-toggle{width:1.5rem;height:1.5rem;color:inherit;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tree-indent{flex-shrink:0;width:.75rem;display:inline-block}.breadcrumb{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:13px;display:flex}.breadcrumb .sep{opacity:.6}.breadcrumb .current{color:var(--foreground);font-weight:500}.pill{background:var(--secondary);color:var(--muted-foreground);border-radius:999px;padding:.15rem .4rem;font-size:11px;display:inline-block}.login-screen{justify-content:center;align-items:center;min-height:100%;padding:1.5rem;display:flex}.login-card{width:100%;max-width:380px}.form-error{color:var(--destructive);margin:.5rem 0;font-size:.8125rem}