:root{--bg: #f4f6f7;--panel: #ffffff;--text: #1f2937;--muted: #667085;--border: #dfe3e8;--accent: #0f766e;--accent-soft: #d7ece8}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;background:var(--bg);color:var(--text)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:var(--panel);border-bottom:1px solid var(--border);display:flex;height:56px;justify-content:space-between;padding:0 24px}.brand{color:var(--accent);font-weight:700}.app-nav{display:flex;gap:16px}.app-nav a{border-radius:6px;color:var(--text);padding:6px 10px;text-decoration:none}.app-nav a.router-link-active{background:var(--accent-soft);color:var(--accent)}.app-main{flex:1;margin:0 auto;max-width:1080px;padding:24px;width:100%}.page h1{font-size:24px;margin:0 0 8px}.page p{color:var(--muted)}.page-head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.page-head h1,.panel h2{margin:0 0 8px}.page-head p,.hint{color:var(--muted);font-size:14px;margin:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-bottom:18px;padding:18px}.head-actions,.actions,.pagination{align-items:center;display:flex;gap:10px;justify-content:flex-end}.actions{justify-content:flex-end}button{background:var(--accent);border:0;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;min-height:36px;padding:0 14px}button:disabled{cursor:not-allowed;opacity:.55}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.danger{color:#b42318}.field{margin-bottom:16px}.field label,.filter-row label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.field input,.field select,.filter-row input,.filter-row select{background:#fff;border:1px solid var(--border);border-radius:6px;font-size:14px;min-height:38px;padding:0 10px;width:100%}.field-inline{margin-top:12px}.form-panel,.filter-row{align-items:end;display:grid;gap:14px}.form-panel{grid-template-columns:1fr}.filter-row{align-items:end;grid-template-columns:minmax(220px,1fr) repeat(3,160px) auto}.segmented{display:flex;gap:6px;margin-bottom:16px}.segmented button{background:#edf1f4;color:var(--text)}.segmented button.active{background:var(--accent);color:#fff}.create-layout{display:grid;gap:18px}.dimension-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dimension-item{align-items:center;border:1px solid var(--border);border-radius:6px;display:flex;gap:8px;min-height:40px;padding:0 10px}.progress-layout{display:grid;gap:18px}.progress-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.progress-track{background:#e6eaee;border-radius:999px;height:8px;overflow:hidden}.progress-bar{background:var(--accent);height:100%;min-width:0;transition:width .3s ease}.meta-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:16px 0}.meta-grid dt{color:var(--muted);font-size:13px}.meta-grid dd{font-weight:600;margin:4px 0 0}.agent-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.agent-card{border:1px solid var(--border);border-radius:8px;padding:12px}.agent-card p{color:var(--muted);font-size:13px;margin:8px 0 0}.agent-title{align-items:center;display:flex;gap:8px;justify-content:space-between}.badge{background:#edf1f4;border-radius:999px;color:var(--muted);font-size:12px;padding:2px 8px}.badge.pending,.badge.cancelling{color:#b54708}.badge.running{background:#d7ece8;color:var(--accent)}.badge.success,.badge.pass{background:#d1fadf;color:#027a48}.badge.failed,.badge.fatal,.badge.critical{background:#fee4e2;color:#b42318}.badge.cancelled,.badge.skipped{color:var(--muted)}.badge.major{background:#fef0c7;color:#b54708}.log-list{max-height:260px;overflow:auto}.log-list p{border-bottom:1px solid var(--border);font-family:Consolas,monospace;font-size:13px;margin:0;padding:8px 0}.auth-page{align-items:center;display:grid;min-height:calc(100vh - 104px)}.auth-card{margin:auto;max-width:380px;width:100%}.auth-card h1{margin-top:0}.auth-card button{margin-top:10px;width:100%}.auth-card button.ghost{border:0;color:var(--accent)}.error{color:#b42318}.error.panel{margin-bottom:18px}.report-overview{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:18px}.metric-card span{color:var(--muted);display:block;font-size:13px}.metric-card strong{font-size:24px}.tab-panel.nested{margin-top:16px}.filter-row{margin-bottom:18px}@media (max-width: 960px){.filter-row{grid-template-columns:repeat(2,minmax(200px,1fr))}}.list-item,.issue-card{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:10px}.list-item p,.issue-card p{color:var(--muted);margin:6px 0 0}.issue-head{align-items:center;display:flex;gap:10px}.location,.suggestion{font-size:13px}.suggestion{color:var(--accent)}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);font-size:14px;padding:10px 8px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:13px}.pagination{justify-content:center}@media (max-width: 680px){.app-header,.page-head{align-items:flex-start;flex-direction:column;height:auto;padding:12px 16px}.app-header{gap:10px}.app-main{padding:16px}.filter-row{grid-template-columns:1fr}.head-actions,.actions,.pagination{justify-content:flex-start}table{display:block;overflow-x:auto}}