:root{color:#1c2533;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.auth-shell{align-items:center;background:#eef3f7;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-panel{display:grid;gap:16px;max-width:420px;padding:28px;width:100%}.auth-title{font-size:24px;font-weight:700}.auth-subtitle{color:#5f6f82;font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.app-sidebar{background:#172331;color:#f5f7fb;padding:22px 18px}.brand-block{margin-bottom:26px;padding:0 4px}.brand-name{font-size:18px;font-weight:700}.brand-env{color:#b8c5d8;font-size:13px;margin-top:2px}.nav-stack{gap:7px}.nav-group{display:flex;flex-direction:column;gap:7px}.nav-button{color:#d8e2f1;justify-content:flex-start;min-height:40px;padding:8px 12px;text-align:left;text-transform:none}.nav-button:hover,.nav-button.active{background:#25415c;color:#fff}.nav-divider{border-color:#ffffff24;margin:8px 0}.nav-group-heading{color:#8ea1bc;font-size:11px;font-weight:700;letter-spacing:.08em;margin:14px 0 4px 12px;text-transform:uppercase}.app-main{min-width:0;padding:28px}.page-frame{max-width:1360px}.page-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;min-height:44px}.page-toolbar h1{font-size:26px;font-weight:700;line-height:1.15}.summary-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-band{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.summary-card{display:grid;gap:14px;min-height:150px;padding:18px}.summary-card h2{font-size:16px;font-weight:700}.summary-value{color:#506174;font-size:14px}.table-surface{overflow-x:auto}.table-surface table{min-width:960px}.config-form{display:grid;gap:18px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-grid{display:grid;gap:16px;margin-bottom:18px}.setup-section{display:grid;gap:16px;padding:18px}.setup-section h2{font-size:16px;font-weight:700}.setup-alert{margin-top:2px}.json-editor textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5}.form-actions{display:flex;gap:10px;justify-content:flex-end}.detail-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.detail-field{padding:14px}.detail-label{color:#627185;font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.detail-value{color:#1c2533;font-size:15px}.code-panel{background:#101923;color:#edf4ff;overflow-x:auto;padding:18px}.code-panel pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55;margin:0}.code-title{color:#9fb3c8;font-size:12px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.trace-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.trace-summary{display:grid;gap:12px;padding:18px}.trace-summary h2{font-size:16px;font-weight:700}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.app-sidebar{padding:16px}.nav-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-group{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid,.dashboard-band,.trace-grid,.form-grid,.detail-grid{grid-template-columns:1fr}.app-main{padding:18px}}