*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6f9;--surface:#fff;--surface-alt:#f8f9fb;--border:#eee;--border-input:#ddd;--text:#1a1a2e;--text-muted:#888;--text-label:#555;--shadow-card:0 4px 24px #00000014;--shadow-table:0 2px 12px #0000000f;--shadow-modal:0 8px 40px #00000026;--btn-secondary-bg:#f0f0f0;--btn-secondary-color:#333;--api-key-bg:#f4f6f9}[data-theme=dark]{--bg:#0f1117;--surface:#1c1f26;--surface-alt:#23272f;--border:#2e3340;--border-input:#3a3f4b;--text:#e8eaf0;--text-muted:#6b7280;--text-label:#9ca3af;--shadow-card:0 4px 24px #0006;--shadow-table:0 2px 12px #0000004d;--shadow-modal:0 8px 40px #0009;--btn-secondary-bg:#2e3340;--btn-secondary-color:#e8eaf0;--api-key-bg:#23272f}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;transition:background .2s,color .2s}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow-card);border-radius:16px;padding:48px 40px 40px}.login-header{text-align:center;margin-bottom:36px}.login-logo{color:#1a56db;justify-content:center;margin-bottom:12px;display:flex}.login-header h1{margin-bottom:4px;font-size:22px;font-weight:700}.subtitle{color:var(--text-muted);font-size:13px}.login-form{flex-direction:column;gap:0;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{text-transform:uppercase;color:var(--text-label);margin:0;font-size:12px;font-weight:600}label{text-transform:uppercase;color:var(--text-label);margin-top:16px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}input{border:1px solid var(--border-input);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,background .2s}input:focus{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db26}input::placeholder{color:var(--text-muted)}.checkbox-label{cursor:pointer;text-transform:none;color:var(--text-muted);align-items:center;gap:10px;margin:4px 0 24px;font-size:13px;font-weight:400;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#1a56db;flex-shrink:0;width:16px;height:16px;margin:0;padding:0}.checkbox-label span{line-height:1.4}.login-btn{width:100%;margin-top:0;padding:12px;font-size:15px}.input-wrapper{display:flex;position:relative}.input-wrapper input{padding-right:44px}.input-action{color:var(--text-muted);background:0 0;border-radius:6px;padding:4px 8px;font-size:15px;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.input-action:hover{background:var(--surface-alt);opacity:1}button{cursor:pointer;color:#fff;background:#1a56db;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .15s}button:hover{opacity:.88}button:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-color)}.btn-danger{color:#fff;background:#dc2626}.btn-success{color:#fff;background:#16a34a}.btn-small{padding:5px 12px;font-size:12px}.btn-copy{margin-left:8px;padding:6px 12px;font-size:12px}.btn-icon{background:var(--btn-secondary-bg);color:var(--btn-secondary-color);padding:8px 12px;font-size:16px;line-height:1}.theme-toggle-login{position:fixed;top:16px;right:16px}.page{max-width:1100px;margin:0 auto;padding:24px 32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{font-size:22px}.header-actions{gap:10px;display:flex}.instances-table{border-collapse:collapse;background:var(--surface);width:100%;box-shadow:var(--shadow-table);border-radius:10px;overflow:hidden}.instances-table th{background:var(--surface-alt);text-align:left;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px}.instances-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.instances-table tr:last-child td{border-bottom:none}.row-disabled td{opacity:.5}.actions-cell{gap:8px;display:flex}.empty{text-align:center;color:var(--text-muted);padding:40px!important}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-active{color:#15803d;background:#dcfce7}.badge-inactive{color:#854d0e;background:#fef9c3}.badge-disabled{color:#991b1b;background:#fee2e2}[data-theme=dark] .badge-active{color:#86efac;background:#14532d}[data-theme=dark] .badge-inactive{color:#fde68a;background:#422006}[data-theme=dark] .badge-disabled{color:#fca5a5;background:#450a0a}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:480px;max-width:95vw;box-shadow:var(--shadow-modal);border-radius:12px;padding:32px}.modal h2{margin-bottom:16px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.error{color:#f87171;margin-top:8px;font-size:13px}.success{color:#4ade80;margin-bottom:8px;font-weight:600}.disable-reason{color:var(--text-muted);margin-top:2px;font-size:12px}.api-key-box{background:var(--api-key-bg);word-break:break-all;border-radius:8px;align-items:center;margin-top:12px;padding:12px 16px;display:flex}.api-key-box code{color:var(--text);flex:1;font-size:13px}a{color:#1a56db}[data-theme=dark] a{color:#60a5fa}