body{font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;scroll-behavior:auto!important;overflow-x:hidden}h1{font-size:32px;font-weight:800;letter-spacing:.2px;margin-bottom:32px;text-align:center;color:var(--text)}form{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px;box-shadow:0 6px 18px #00000040;min-width:400px;max-width:500px;width:100%;animation:fadeInUp .5s ease-out}.form-group{margin-bottom:20px}label{display:block;color:var(--text);font-weight:700;margin-bottom:8px;font-size:14px;letter-spacing:.2px}input[type=text],input[type=password]{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:10px;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #22c55e26}input[type=text]::placeholder,input[type=password]::placeholder{color:var(--muted)}button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:var(--orange);color:#111;border:1px solid var(--orange);padding:14px 16px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .08s ease,filter .15s ease;box-shadow:0 4px 12px #ff6a0040;margin-top:8px}button[type=submit]:hover{filter:brightness(1.05)}button[type=submit]:active{transform:translateY(1px)}input:invalid:not(:focus):not(:placeholder-shown){border-color:#ef4444}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){body{padding:16px}h1{font-size:24px;margin-bottom:24px}form{padding:24px;min-width:auto;margin:0 8px}input[type=text],input[type=password]{padding:10px 12px}button[type=submit]{padding:12px 16px}}@media (max-width:480px){h1{font-size:20px}form{padding:20px}.form-group{margin-bottom:16px}}.button-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.button-group{display:flex;gap:12px}#status-text{color:var(--text);font-weight:700;margin:10px 0;padding:8px 12px;background:var(--panel);border:1px solid var(--border);border-radius:8px;transition:all .3s ease}#status-text.connected{color:var(--green);animation:pulse 2s infinite}#status-text.disconnected{color:#ef4444;animation:none}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}:root{--bg:#0f1115;--panel:#171a22;--panel-alt:#141823;--text:#e5e7eb;--muted:#9ca3af;--border:#2a2f3a;--green:#22c55e;--orange:#ff6a00}body{padding-top:0!important;margin-top:0!important}#dashboardPage{padding-top:24px;margin-top:0;min-height:100vh}.table-container{margin-top:16px;position:relative}table{margin-top:0}.dashboard-header{position:relative;z-index:10;background:var(--bg);padding-bottom:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);min-height:100vh;padding:24px}h1{font-size:28px;font-weight:800;letter-spacing:.2px;margin-bottom:16px}.credentials{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 6px 18px #00000040}.credentials p{color:var(--muted);margin-bottom:6px}.credentials span{color:var(--green);background:#0f141a;border:1px solid var(--border);padding:2px 8px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:.9em}.password-container{position:relative;display:inline-block}.password-hidden{letter-spacing:2px}.password-hidden:before{content:attr(data-password);letter-spacing:2px}.password-hidden:hover:before{content:attr(data-actual);letter-spacing:normal}button{display:inline-flex;align-items:center;gap:.5rem;background:var(--orange);color:#111;border:1px solid var(--orange);padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .08s ease,filter .15s ease;box-shadow:0 4px 12px #ff6a0040;margin-bottom:16px}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px)}.table-container{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #00000040}table{width:100%;border-collapse:collapse;font-size:.92rem}thead th{background:var(--panel-alt);color:var(--text);text-align:left;font-weight:700;padding:12px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}tbody td{padding:12px;border-top:1px solid var(--border);vertical-align:top}tbody tr:nth-child(2n){background:#ffffff05}tbody tr:nth-child(odd){background:#ffffff0a}tbody tr:hover{background:#ffffff0f}pre{background:var(--panel);border:1px solid var(--border);padding:12px;border-radius:12px;overflow:auto}.err{color:#ffb4b4}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:#6b7280}.status-connected{background:var(--green);box-shadow:0 0 8px #22c55e80}.status-disconnected{background:#ef4444;box-shadow:0 0 8px #ef444480}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){body{padding:12px}h1{font-size:1.6rem}thead th,tbody td{padding:10px 8px}}.sub-row{background:#00000059!important}.sub-row:hover{background:#5e5d5d73!important}@media (max-width:768px){body{padding:12px}h1{font-size:1.6rem}thead th,tbody td{padding:10px 8px}.sub-row td:nth-child(2),.sub-row td:nth-child(3),.sub-row td:nth-child(4){padding-left:16px;font-size:.85em}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes highlightNew{0%{background-color:#22c55e4d;box-shadow:0 0 20px #22c55e80}to{background-color:transparent;box-shadow:none}}.new-row{animation:slideInFromLeft .6s ease-out,highlightNew 2s ease-out;transform-origin:left center}.new-parent-row{animation:slideInFromLeft .7s ease-out,highlightNew 2.5s ease-out;transform-origin:left center}.new-sub-row{animation:slideInFromLeft .5s ease-out;transform-origin:left center}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.new-row-alt{animation:slideInFromRight .6s ease-out,highlightNew 2s ease-out}.customer-id-cell{display:flex;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:.9em}.customer-id-text{color:#3b82f6;cursor:pointer;transition:color .2s ease}.customer-id-text:hover{color:#60a5fa}.copy-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:20px;height:20px;margin:0;box-shadow:none}.copy-btn:hover{background:#3b82f61a;color:#3b82f6;transform:none}.copy-btn:active{transform:scale(.95)}.copy-btn svg{width:12px;height:12px}.copy-toast{position:fixed;top:20px;right:20px;background:var(--green);color:#111;padding:8px 16px;border-radius:8px;font-size:.9em;font-weight:600;z-index:1000;opacity:0;transform:translateY(-20px);transition:all .3s ease}.copy-toast.show{opacity:1;transform:translateY(0)}