*{box-sizing:border-box}body{margin:0;background:#0a0a0f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}nav{padding:12px 20px;background:#1a1a2e;display:flex;gap:20px;align-items:center}nav a{color:#fff;text-decoration:none;font-size:15px;padding:6px 12px;border-radius:4px;transition:background .2s}nav a:hover{background:#ffffff1a}#root>nav{position:fixed;top:0;left:0;right:0;z-index:100}#root>div:first-of-type{padding-top:52px}.alert-overlay{position:absolute;top:16px;right:16px;width:320px;background:#0a0a14eb;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;max-height:400px;overflow-y:auto;z-index:50}.alert-overlay h3{margin:0 0 10px;font-size:14px;color:#aaa}.alert-item{padding:8px;margin:4px 0;border-radius:4px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#eee}.alert-item .location{font-weight:500;flex:1}.alert-item .value{font-family:monospace;font-size:12px}.alert-item .time{font-size:11px;color:#888;white-space:nowrap}.level-1{background:#2d5a2d}.level-2{background:#5a7a2d}.level-3{background:#7a6a2d}.level-4{background:#7a3a2d}.level-5{background:#7a1a1a}.alert-panel{padding:20px}.alert-panel h2{margin-top:0}.alert-panel table{width:100%;border-collapse:collapse}.alert-panel th,.alert-panel td{padding:10px 12px;border-bottom:1px solid #333;text-align:left}.alert-panel th{background:#1a1a2e;font-size:13px;color:#aaa}.alert-panel tr.level-1 td{background:#2d5a2d4d}.alert-panel tr.level-2 td{background:#5a7a2d4d}.alert-panel tr.level-3 td{background:#7a6a2d4d}.alert-panel tr.level-4 td{background:#7a3a2d4d}.alert-panel tr.level-5 td{background:#7a1a1a4d}.alert-panel button{padding:4px 12px;background:#3a3a5e;border:1px solid #5a5a8e;border-radius:4px;color:#fff;cursor:pointer;font-size:12px}.alert-panel button:hover{background:#4a4a7e}.loading{text-align:center;padding:40px;color:#888}.command-panel,.plan-panel{padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h2{margin:0}.btn-refresh{padding:6px 12px;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.command-form{background:#1a1a2e;padding:16px;border-radius:8px;margin-bottom:20px}.form-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.form-row label{width:70px;color:#aaa}.form-row input,.form-row select,.form-row textarea{flex:1;padding:8px;background:#0a0a1a;border:1px solid #333;color:#fff;border-radius:4px}.form-row textarea{resize:vertical}.command-form button[type=submit]{width:100%;padding:10px;background:#06c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px}.command-form button[type=submit]:disabled{background:#333;cursor:not-allowed}.command-history table{width:100%;border-collapse:collapse}.command-history th,.command-history td{padding:10px;border-bottom:1px solid #333;text-align:left}.command-history .content{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{padding:2px 8px;border-radius:4px;font-size:12px}.status.pending{background:#5a5a2d}.status.executing{background:#2d5a5a}.status.done{background:#2d5a2d}.status.failed{background:#5a2d2d}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.plan-card{background:#1a1a2e;padding:16px;border-radius:8px;border-left:4px solid}.plan-card.level-4{border-color:#e74c3c}.plan-card.level-3{border-color:#e67e22}.plan-card.level-2{border-color:#f1c40f}.plan-card.level-1{border-color:#2ecc71}.plan-card h3{margin:0 0 8px}.plan-card p{margin:0 0 12px;color:#aaa;font-size:13px}.plan-actions{display:flex;gap:8px}.plan-actions button{flex:1;padding:6px;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.ai-panel{padding:20px;max-width:800px;margin:0 auto}.ai-form{background:#1a1a2e;padding:20px;border-radius:8px;margin-bottom:20px}.ai-form .form-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ai-form label{width:80px;color:#aaa}.ai-form input,.ai-form select{flex:1;padding:8px;background:#0a0a1a;border:1px solid #333;color:#fff;border-radius:4px}.ai-form button[type=submit]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px}.ai-form button[type=submit]:disabled{background:#333;cursor:not-allowed}.analysis-result{background:#1a1a2e;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid}.analysis-result.level-1{border-color:#2ecc71}.analysis-result.level-2{border-color:#f1c40f}.analysis-result.level-3{border-color:#e67e22}.analysis-result.level-4{border-color:#e74c3c}.analysis-result.level-5{border-color:#8e44ad}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-header h3{margin:0}.risk-badge{font-size:16px}.summary{font-size:15px;line-height:1.6;margin-bottom:12px}.factors ul{margin:4px 0;padding-left:20px}.factors li{color:#ccc;margin:4px 0}.recommendation{background:#0a0a1a;padding:12px;border-radius:4px;margin-top:12px}.recommended-plans{background:#1a1a2e;padding:20px;border-radius:8px}.recommended-plans h3{margin:0 0 12px}.plan-item{background:#0a0a1a;padding:12px;border-radius:6px;margin-bottom:10px}.plan-item h4{margin:0 0 4px}.plan-item p{margin:0 0 8px;color:#aaa;font-size:13px}.plan-commands{display:flex;gap:6px;flex-wrap:wrap}.cmd-tag{background:#333;padding:2px 8px;border-radius:4px;font-size:12px}