:root{--primary:#1677ff;--success:#52c41a;--danger:#ff4d4f;--warning:#faad14;--bg:#f5f5f5;--card-bg:#fff;--text:#1f1f1f;--text-secondary:#666;--border:#d9d9d9;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:900px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:1.8rem;margin-bottom:.5rem}.subtitle{color:var(--text-secondary)}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin:2rem 0}.nav-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-decoration:none;color:var(--text);transition:box-shadow .2s}.nav-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.nav-card h2{font-size:1.1rem;margin-bottom:.5rem}.nav-card p{color:var(--text-secondary);font-size:.9rem}.filter-bar{display:flex;gap:.5rem;margin-bottom:1.5rem}.filter-bar button{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);cursor:pointer;font-size:.9rem}.filter-bar button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.approval-list{display:flex;flex-direction:column;gap:1rem}.approval-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.approval-card.status-pending{border-left:4px solid var(--warning)}.approval-card.status-approved{border-left:4px solid var(--success)}.approval-card.status-denied{border-left:4px solid var(--danger)}.approval-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.env-badge,.plugin-badge,.status-badge{padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.plugin-badge{background:#e6f7ff;color:#1677ff}.env-badge.env-prod{background:#fff1f0;color:#ff4d4f}.env-badge.env-pre,.status-badge.status-pending{background:#fffbe6;color:#d48806}.status-badge.status-approved{background:#f6ffed;color:#389e0d}.status-badge.status-denied{background:#fff1f0;color:#cf1322}.command{font-family:monospace;font-weight:600}.approval-body{margin-bottom:1rem;font-size:.9rem}.approval-body p{margin-bottom:.3rem}.diff-block{background:#f6f6f6;padding:.75rem;border-radius:4px;font-size:.85rem;overflow-x:auto;margin-top:.5rem}.approval-actions{display:flex;gap:.75rem}.btn-approve,.btn-deny{padding:.5rem 1.5rem;border:none;border-radius:var(--radius);cursor:pointer;font-size:.9rem;font-weight:500}.btn-approve{background:var(--success);color:#fff}.btn-deny{background:var(--danger);color:#fff}.device-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;max-width:400px;margin:0 auto}.code-input{display:block;width:100%;padding:1rem;font-size:1.5rem;text-align:center;letter-spacing:.2rem;font-family:monospace;border:2px solid var(--border);border-radius:var(--radius);margin:1rem 0}.code-input:focus{outline:none;border-color:var(--primary)}.btn-primary{width:100%;padding:.75rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.success-box{background:#f6ffed;border:1px solid #b7eb8f;border-radius:var(--radius);padding:2rem;text-align:center}.success-icon{font-size:3rem;margin-bottom:1rem}.empty,.loading{text-align:center;color:var(--text-secondary);padding:2rem}.error{color:var(--danger);text-align:center;margin-top:1rem}.back-link{color:var(--primary);text-decoration:none}.footer{text-align:center;margin-top:3rem;color:var(--text-secondary);font-size:.85rem}.agent-form{gap:1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.agent-form,.agent-form label{display:flex;flex-direction:column}.agent-form label{gap:.35rem;font-weight:500}.agent-form input,.agent-form select,.agent-form textarea{padding:.65rem;border:1px solid var(--border);border-radius:var(--radius);font:inherit}.agent-actions{display:flex;gap:.75rem}.agent-actions button{padding:.6rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);cursor:pointer}.agent-actions button[type=submit]{background:var(--primary);border-color:var(--primary);color:#fff}.agent-actions button:disabled{opacity:.5;cursor:not-allowed}.agent-output{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.agent-line{white-space:pre-wrap;background:#111827;color:#f9fafb;border-radius:var(--radius);padding:.75rem;overflow-x:auto}.agent-error{background:#fff1f0;color:#cf1322;border:1px solid #ffccc7}