body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#64748b;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--background:#f8fafc;--card:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;background-color:var(--background);color:#1e293b;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;background:var(--card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);justify-content:space-between;padding:1rem 2rem}.header,.header h1{align-items:center;display:flex}.header h1{color:#3b82f6;color:var(--primary);font-size:1.5rem;gap:.5rem}.main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.card{background:#fff;background:var(--card);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.card-header,.card-title{align-items:center;display:flex}.card-title{font-size:1.25rem;font-weight:600;gap:.5rem}.form-group{margin-bottom:1rem}.form-label{color:#1e293b;color:var(--text);display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:120px;resize:vertical}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:#3b82f6;background:var(--primary);color:#fff}.btn-primary:hover{background:#2563eb;background:var(--primary-dark)}.btn-primary:disabled{background:#64748b;background:var(--secondary);cursor:not-allowed}.btn-secondary{background:#f8fafc;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);color:#1e293b;color:var(--text)}.btn-secondary:hover{background:#e2e8f0;background:var(--border)}.result{background:#f8fafc;background:var(--background);border-radius:8px;margin-top:1rem;padding:1.5rem}.result-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.5rem 0}.result-row:last-child{border-bottom:none}.result-label{color:#64748b;color:var(--text-muted);font-weight:500}.result-value{font-weight:600}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.confidence-bar{background:#e2e8f0;background:var(--border);border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden}.confidence-fill{border-radius:4px;height:100%;transition:width .3s ease}.confidence-high{background:#22c55e;background:var(--success)}.confidence-medium{background:#f59e0b;background:var(--warning)}.confidence-low{background:#ef4444;background:var(--danger)}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.grid-2{grid-template-columns:1fr}}.status{align-items:center;display:flex;gap:.5rem}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.online{background:#22c55e;background:var(--success)}.status-dot.offline{background:#ef4444;background:var(--danger)}.toggle-container{align-items:center;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.toggle-switch{background:#e2e8f0;background:var(--border);border-radius:24px;cursor:pointer;height:24px;position:relative;transition:background .3s;width:48px}.toggle-switch.active{background:#10b981}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.toggle-switch.active .toggle-knob{transform:translateX(24px)}.toggle-label{color:#1e293b;color:var(--text);font-size:.9375rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:90%;overflow-y:auto;padding:0}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem}.modal-close:hover{color:#1f2937}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end}