:root{--primary:#155eef;--primary-hover:#175cd3;--bg-color:#f9fafb;--card-bg:#fff;--text-main:#111827;--text-muted:#6b7280;--border:#eaecf0;--danger:#d92d20;--danger-hover:#b42318}body{background-color:var(--bg-color);margin:0}#app{font-family:Inter,Helvetica,Arial,sans-serif;color:var(--text-main);margin-top:40px;max-width:800px;margin-left:auto;margin-right:auto}.container{background:var(--card-bg);padding:30px;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1,h2{margin:0}h1{font-size:24px}h2{font-size:18px}button{cursor:pointer;padding:8px 16px;border:1px solid var(--border);background:#fff;border-radius:6px;font-weight:500;font-size:14px;transition:all .2s}button:hover{background:#f9fafb}button:disabled{opacity:.6;cursor:not-allowed}.primary-btn{background-color:var(--primary);color:#fff;border:none}.primary-btn:hover:not(:disabled){background-color:var(--primary-hover)}.test-btn{background-color:#fff}.provider-list,.test-btn{border:1px solid var(--border)}.provider-list{border-radius:8px;overflow:hidden;margin-top:20px;margin-bottom:20px}table{width:100%;border-collapse:collapse;text-align:left}th{background-color:#f9fafb;padding:12px 16px;font-size:12px;text-transform:uppercase;color:var(--text-muted);font-weight:600}td,th{border-bottom:1px solid var(--border)}td{padding:16px;vertical-align:middle}tr:last-child td{border-bottom:none}tr.is-default{background-color:#f0fdf4}.badge{background-color:#effaa8;color:#4d5b00;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.action-btn{background:none;border:none;padding:4px 8px;font-size:16px;margin-right:4px}.action-btn:hover{background:#f3f4f6}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#374151}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(21,94,239,.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;width:100%;max-width:500px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.close-btn{background:none;border:none;font-size:24px;color:var(--text-muted);padding:0;line-height:1}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.message{padding:12px;border-radius:6px;font-size:14px;margin-top:16px}.message.success{background-color:#ecfdf5;color:#065f46}.message.error{background-color:#fef2f2;color:#991b1b}.message.warning{background-color:#fffbeb;color:#92400e}.empty-state{text-align:center;padding:40px 20px;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db;color:var(--text-muted)}.context-info{text-align:right;font-size:12px;color:var(--text-muted);margin-bottom:16px}.link-btn{background:none;border:none;color:var(--primary);padding:0}