:root{--bg:#0b0d0c;--surface:#111411;--surface-2:#171b17;--line:#292e29;--text:#f4f2e8;--muted:#969d96;--accent:#d7ff3f;--danger:#ff625e;--warning:#ffbd4a;--success:#75e68e;--border:var(--line);--border-soft:var(--line);--bg-card:var(--surface);--primary:var(--accent);--text-muted:var(--muted);color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#343a34;border-radius:10px}.page-shell{display:grid;gap:22px;animation:page-in .35s ease both}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-title{margin:0;font-size:24px;letter-spacing:-.03em}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--text);font-weight:600}.btn:hover{border-color:#505850}.btn-primary{background:var(--accent);border-color:var(--accent);color:#10130d}.btn-danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted);margin-right:7px}.status-dot.live{background:var(--success);box-shadow:0 0 0 5px rgba(117,230,142,.1);animation:pulse 1.8s infinite}.status-dot.error{background:var(--danger)}.data-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line)}.data-band>div{padding:15px 18px;border-right:1px solid var(--line)}.data-band>div:last-child{border-right:0}.data-value{display:block;font-size:25px;font-weight:700;letter-spacing:-.04em}.data-label{display:block;margin-top:5px;color:var(--muted);font-size:11px}.section-card,.surface-card{background:transparent;border:1px solid var(--line);border-radius:9px;overflow:hidden}.section-header,.surface-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.section-title,.surface-title{font-weight:700}.section-body,.surface-body{padding:16px}.table-wrap{overflow:auto}.table,.data-table{width:100%;border-collapse:collapse}.table th,.data-table th{padding:10px 14px;text-align:left;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}.table td,.data-table td{padding:13px 14px;border-bottom:1px solid var(--line)}.table tbody tr:hover td,.data-table tbody tr:hover td{background:#121612}.row-title{font-weight:600}.row-meta,.muted{margin-top:3px;color:var(--muted);font-size:11px}.status-chip,.badge{display:inline-flex;padding:4px 8px;border:1px solid var(--line);border-radius:99px;font-size:10px}.chip-green,.badge.done{color:var(--success)}.chip-blue,.badge.processing{color:#8cc8ff}.chip-yellow,.badge.pending{color:var(--warning)}.chip-red,.badge.failed{color:var(--danger)}.field-control,.search-input,.select-control,.textarea-control{width:100%;min-height:38px;padding:0 11px;background:#0e110e;border:1px solid var(--line);border-radius:7px;color:var(--text)}.textarea-control{padding:10px;min-height:90px}.field-control:focus,.select-control:focus,.textarea-control:focus{outline:none;border-color:var(--accent)}.form-grid{display:grid;gap:12px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px}.error-banner{padding:10px 13px;border-left:2px solid var(--danger);background:#1d1212;color:#ffaaa7}.empty-state{padding:34px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--text);margin-bottom:5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.75)}.modal-card{width:min(620px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid #353b35;border-radius:11px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.modal-body{padding:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 16px;border-top:1px solid var(--line)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(117,230,142,0)}}@media(max-width:760px){.page-header{align-items:flex-start;flex-direction:column}.data-band{grid-template-columns:1fr 1fr}.data-band>div:nth-child(2){border-right:0}.form-row-2{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}