:root{color:#1f2933;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.brand{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;font-size:18px;font-weight:700;height:56px;padding:0 20px}.topbar{align-items:center;display:flex;font-size:15px;font-weight:600;height:56px;justify-content:space-between;padding:0 24px}.content{padding:24px}.nav-list{display:grid;gap:4px;padding:12px}.nav-link{border-radius:6px;color:#4b5563;display:block;font-size:14px;padding:10px 12px}.nav-link.router-link-active{background:#e8eef7;color:#1f4d7a;font-weight:600}.page{display:grid;gap:16px}.page-header{display:grid;gap:4px}.page-header h1{font-size:24px;line-height:1.25;margin:0}.page-header p{color:#64748b;margin:0}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.compact-toolbar{margin-bottom:12px}.project-select{min-width:240px}.resource-nav{display:flex;flex-wrap:wrap;gap:8px}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.metric-label{color:#64748b;font-size:13px}.metric-value{font-size:28px;font-weight:700;line-height:1.25;margin-top:4px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.full-width{grid-column:1 / -1}.login-page{align-items:center;background:#f5f7fa;display:grid;min-height:100vh;padding:24px}.login-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:0 auto;max-width:420px;padding:28px;width:100%}.json-preview{background:#0f172a;border-radius:6px;color:#e2e8f0;max-height:320px;overflow:auto;padding:12px;white-space:pre-wrap}.compact-json{max-height:160px;max-width:360px;overflow-wrap:anywhere}.muted-text{color:#64748b;font-size:12px}.error-text{color:#b91c1c;display:block;font-size:12px;max-width:260px;overflow-wrap:anywhere}.detail-summary{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:12px}.detail-summary>div{border:1px solid #e5e7eb;border-radius:6px;display:grid;gap:4px;padding:10px 12px}.settings-list{display:grid;gap:12px}.settings-list>div{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:10px 0}.settings-list>div:last-child{border-bottom:0}.settings-list span{color:#64748b}