*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px;min-height:100vh;color:#eaeaea}.dashboard{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px;max-width:1200px;margin:0 auto}.panel{background:#1e1e32b3;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d;padding:20px;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title{font-size:18px;font-weight:500;color:#eaeaea}.close-btn{background:none;border:none;font-size:20px;color:#888;cursor:pointer;line-height:1}.close-btn:hover{color:#eaeaea}.support-panel{grid-column:1 / 2;grid-row:1 / 2}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;color:#aaa;margin-bottom:8px}.form-textarea{width:100%;min-height:120px;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;background:#14142399;color:#eaeaea}.form-textarea:focus{outline:none;border-color:#00d4aa}.form-input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:14px;background:#14142399;color:#eaeaea}.form-input-number{max-width:14ch;padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:14px;background:#14142399;color:#eaeaea}.form-input-number:focus{outline:none;border-color:#00d4aa}.form-input-number.error{border-color:#ff6b6b}.form-input:focus{outline:none;border-color:#00d4aa}.form-input.error{border-color:#ff6b6b}.error-message{color:#ff6b6b;font-size:12px;margin-top:4px}.btn{padding:8px 16px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#00d4aa,#00a884);color:#1a1a2e;font-weight:500}.btn-primary:hover{background:linear-gradient(135deg,#00e6b8,#00bc94);transform:translateY(-1px)}.panel-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:16px}.simulator-panel{grid-column:1 / 2;grid-row:2 / 3;min-height:300px}.error-hub-panel{grid-column:2 / 3;grid-row:2 / 3;min-height:300px}.health-panel{grid-column:2 / 3;grid-row:1 / 2}.health-content{flex:1;display:flex;flex-direction:column;gap:16px}.health-description{font-size:14px;color:#aaa;line-height:1.5}.health-status{background:#14142399;border-radius:8px;padding:16px;border:1px solid rgba(255,255,255,.1)}.health-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.health-row:last-child{margin-bottom:0}.health-label{font-size:14px;color:#888}.health-value{font-size:14px;color:#eaeaea;font-weight:500}.status-up,.status-healthy,.status-ready{color:#00d4aa}.status-down,.status-unhealthy,.status-error{color:#ff6b6b}.status-degraded,.status-warning{color:#f0a500}.health-components{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.components-list{list-style:none;margin-top:8px}.component-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.component-name{color:#aaa}.component-status{font-weight:500}.log-container{background:#0f0f1ccc;border-radius:8px;padding:16px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;color:#a8d5ba;position:relative;flex:1;overflow:auto;border:1px solid rgba(255,255,255,.1)}.log-header{display:flex;justify-content:flex-end;margin-bottom:8px}.log-content{white-space:pre-wrap;word-break:break-word}.copy-btn{background:none;border:none;cursor:pointer;color:#888;padding:4px}.copy-btn:hover{color:#eaeaea}.log-footer{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:12px;font-size:12px;color:#888;cursor:pointer}.log-footer:hover{color:#00d4aa}.btn:disabled{opacity:.5;cursor:not-allowed}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;box-shadow:0 4px 20px #0006;animation:slideIn .3s ease;border:1px solid rgba(255,255,255,.1)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#143c28f2;color:#4ade80;border-left:4px solid #00d4aa}.toast-error{background:#3c1414f2;color:#ff6b6b;border-left:4px solid #ff6b6b}.toast-close{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;opacity:.6;margin-left:auto}.toast-close:hover{opacity:1}@media(max-width:900px){.dashboard{grid-template-columns:1fr}.support-panel,.simulator-panel,.error-hub-panel{grid-column:1 / 2}.support-panel{grid-row:1}.simulator-panel{grid-row:2}.error-hub-panel{grid-row:3}.health-panel{grid-row:4}}.MuiAutocomplete-root .MuiOutlinedInput-root{background:#14142399;border-radius:8px}.MuiAutocomplete-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#00d4aa}.MuiAutocomplete-listbox{background:#1e1e32f2!important;border:1px solid rgba(255,255,255,.15);border-radius:8px}.MuiAutocomplete-option{color:#eaeaea!important}.MuiAutocomplete-option.Mui-focused{background-color:#00d4aa26!important}.MuiAutocomplete-option[aria-selected=true]{background-color:#00d4aa40!important}.search-results{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.search-result-item{background:#14142399;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px}.search-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.search-result-rank{font-size:12px;font-weight:600;color:#00d4aa}.search-result-score{font-size:12px;color:#888}.search-result-content{font-size:13px;color:#eaeaea;line-height:1.4;margin-bottom:8px;word-break:break-word}.search-result-solution{font-size:12px;color:#aaa;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.search-result-solution strong{color:#00d4aa}.no-results{padding:16px;text-align:center;color:#888;font-size:14px;background:#14142399;border:1px solid rgba(255,255,255,.1);border-radius:8px}
