:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#293a54;background:#f3f5f9;font-size:14px;--accent:#0b8eaa;--nav:#111b2e;--line:#e5e9f0;--muted:#7c879e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:5px;padding:11px 16px;font-weight:600}button:disabled{opacity:.5;cursor:default}a{color:var(--accent)}button:focus-visible,a:focus-visible{outline:3px solid #60cbdc;outline-offset:3px}input,select{width:100%;padding:11px 13px;border:1px solid #dce1eb;border-radius:5px;background:white;color:#25314b;min-height:43px}input:focus,select:focus{outline:2px solid #19a6bf55;border-color:#1398b1}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--accent)}label{display:block;margin:18px 0 8px;font-size:12px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-.7px;font-weight:650;margin:9px 0}h2{font-size:18px;margin-bottom:10px}h3{font-size:15px}p{line-height:1.7}.muted{color:var(--muted)}.primary{background:var(--accent);color:#fff;box-shadow:0 3px 6px #0b8eaa16}.primary:hover{background:#087e97}.secondary{background:#fff;border:1px solid #dce1eb;color:#58657b}.quiet{background:transparent;color:#6f7d94;font-size:12px;padding:9px 11px}.quiet:hover,.secondary:hover{background:#edf2f7}.danger{color:#bc4b63!important}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#8b97ac}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;font-size:22px;font-weight:750;letter-spacing:2px;line-height:1.2}.brand img{height:52px;width:45px;object-fit:contain}.brand small{display:block;color:#8c9bb6;font-size:8px;letter-spacing:1.7px;margin-top:6px;font-weight:500}.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-screen[hidden]{display:none}.login-story{background:radial-gradient(ellipse at 20% 65%,#0d3c50 0,transparent 65%),linear-gradient(130deg,#101a2d,#07131e);color:#fff;display:flex;flex-direction:column;padding:55px 11%;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;border:1px solid #3dbbd212;border-radius:50%;width:650px;height:650px;left:28%;top:20%;pointer-events:none}.story-copy{margin:auto 0;position:relative;z-index:1}.story-copy .eyebrow{color:#5bc9db}.story-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.15;font-weight:650;letter-spacing:-2px;margin:25px 0}.story-copy p{color:#9aafc3;font-size:16px}.story-line{height:3px;width:54px;background:#21c2d6;margin:30px 0 20px}.story-note,.login-footer{font-size:11px;color:#6c859e}.login-footer{letter-spacing:2px;margin-top:30px}.login-area{display:flex;align-items:center;justify-content:center;background:white;padding:50px}.login-box{width:100%;max-width:355px}.login-box h2{font-size:27px;letter-spacing:-.8px;margin:15px 0 10px}.login-box form{margin-top:30px}.login-box .wide{width:100%;margin-top:12px;display:flex;justify-content:space-between}.login-help{font-size:11px;color:#9ca6b8;line-height:1.9;margin-top:30px}.password-field{position:relative}.password-field input{padding-right:65px}.password-toggle{position:absolute;right:2px;top:3px;background:transparent;color:#7890a5;font-size:11px;padding:12px}.form-error{color:#c14d60;font-size:12px;min-height:8px;margin:12px 0}.login-box .form-error:empty{margin:0;min-height:0}#workspace{display:flex;min-height:100vh}#workspace[hidden]{display:none}aside{width:235px;flex-shrink:0;background:var(--nav);color:#a3aec2;position:fixed;inset:0 auto 0 0;padding:25px 14px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}aside .brand{padding:0 10px 26px;border-bottom:1px solid #ffffff0c}.nav-label{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#58677f;padding:28px 16px 11px}nav{display:flex;flex-direction:column;gap:4px}nav button{text-align:left;display:flex;gap:10px;align-items:center;border-radius:5px;color:#93a2ba;background:transparent;padding:13px 14px;font-size:12px;font-weight:500}nav button:hover{background:#19273d;color:#fff}nav button.active{background:#15394d;color:#6cdeed;border-left:3px solid #18bbd4;padding-left:11px}.nav-icon{font-size:18px;width:20px;color:#6d829e;text-align:center}.active .nav-icon{color:#59cbdf}.nav-count{margin-left:auto;padding:2px 6px;background:#253149;border-radius:4px;font-size:10px;color:#d7e1f2}.sidebar-bottom{margin-top:auto;font-size:10px;padding:30px 15px 0;color:#677a96;line-height:2}.sidebar-version{display:block;font-size:8px;letter-spacing:2px;color:#445773;margin-left:11px}.connection-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#24c7a0;margin-right:7px}.main-shell{margin-left:235px;flex:1;min-width:0}.topbar{height:75px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;gap:15px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.breadcrumb{font-size:11px;color:#9ba5b5}.breadcrumb span{padding:0 9px;color:#d0d6e0}.breadcrumb strong{color:#586b83;font-weight:500}.icon-button{background:transparent;color:#8a97ac;font-size:20px;padding:6px 8px}.topbar #menuToggle{display:none}.account-button{display:flex;align-items:center;gap:9px;background:transparent;color:#4b5c75;font-size:12px;padding:3px}.avatar{height:30px;width:30px;display:grid;place-items:center;background:#e7f3f7;color:#158ca4;font-size:11px;font-weight:700;border-radius:50%}.badge{display:inline-block;background:#e8f7f2;color:#289b7c;border:1px solid #d5efe5;font-size:10px;padding:5px 8px;border-radius:4px;font-weight:600}.badge.off{color:#bc6d2b;background:#fff4e5;border-color:#f6dfbb}main{max-width:1700px;margin:0 auto;padding:32px 34px 0}.headline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.headline p{font-size:12px;margin-bottom:0}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat{padding:20px;background:#fff;border:1px solid var(--line);border-left:3px solid #1697b2;border-radius:6px;display:flex;align-items:center;justify-content:space-between;min-height:100px;box-shadow:0 3px 9px #14264403}.stat-label{text-transform:uppercase;font-size:9px;color:#8390a4;font-weight:700;letter-spacing:.8px}.stat strong{display:block;font-size:27px;line-height:1.5;font-weight:600;color:#293c58}.stat-icon{font-size:27px;color:#d1dce9}.stat.green{border-left-color:#2bb492}.stat.amber{border-left-color:#e6b047}.stat.purple{border-left-color:#8e7bcc}.card,.table-wrap{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 3px 10px #14264403}.card{padding:25px}.card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:17px 21px;gap:15px}.card-head h2{margin:0;font-size:14px}.card-head .muted{font-size:11px}.card-body{padding:21px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar input{width:260px;min-height:37px;font-size:12px;padding:8px 11px;background:#f8fafd}.toolbar select{width:145px;min-height:37px;font-size:12px;padding:8px}.toolbar .muted{font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f8fafd;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#7e8da4;font-weight:650;padding:14px 20px;border-bottom:1px solid var(--line)}td{padding:16px 20px;font-size:12px;border-bottom:1px solid #eff2f7;color:#6e7e95}td:first-child{color:#2e4565;font-weight:550}tr:last-child td{border-bottom:0}td code{font-family:Consolas,monospace;font-size:11px;color:#7c8ca1}.row-actions{display:flex;gap:5px}td button{font-size:10px;border:1px solid #e1e7ef;padding:6px 10px;background:white;color:#4b8096}td button:hover{background:#f3f7fa}.status{font-size:9px;display:inline-block;padding:5px 8px;border-radius:4px;background:#e9f8f1;color:#2b9b74;font-weight:650}.status.blocked,.status.expired{background:#fff0f1;color:#c45b6a}.status.pending{background:#fff6e7;color:#b28a3f}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--line);font-size:11px;color:#8995aa}.pagination button{padding:6px 10px;font-size:11px;margin-left:6px}.empty{padding:48px 25px;text-align:center;color:#99a5b6}.empty h3{color:#546a86;margin:10px 0}.dashboard-grid,.settings-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.stack{display:flex;flex-direction:column;gap:22px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions button{text-align:left;padding:17px;font-size:11px;border:1px solid var(--line);background:#f9fbfd;color:#506d88}.quick-actions button:hover{background:#eef8fb;border-color:#b9e3eb}.detail-list{margin:0;display:grid;grid-template-columns:1fr auto;gap:16px;font-size:11px}.detail-list dt{color:#8593a9}.detail-list dd{margin:0;color:#526b87;font-weight:600}.hint{font-size:11px;color:#8b99ae;border-left:2px solid #afd8e1;padding-left:12px;line-height:1.8;margin:22px 0 0}.section-note{font-size:12px;color:#8393a8;line-height:1.8}.card form{max-width:640px}.check-label{display:flex;align-items:center;gap:10px;font-weight:400;color:#6d8199;font-size:12px;margin:20px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.profile-tip{padding:17px;background:#f7fafc;border:1px solid var(--line);font-size:11px;color:#8293aa;line-height:1.8;margin-top:23px;border-radius:4px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}footer{display:flex;justify-content:space-between;padding:27px 0;font-size:10px;color:#a4adbd}.connection-url{padding:16px;background:#f5f8fb;border:1px solid var(--line);font:12px Consolas,monospace;color:#527086;overflow-wrap:anywhere;border-radius:4px;margin:15px 0}.file-input{max-width:400px;font-size:12px}dialog{width:min(560px,95vw);border:1px solid var(--line);border-radius:9px;padding:25px;max-height:90vh;box-shadow:0 25px 100px #071c3d40;color:#354d69}dialog::backdrop{background:#0b163d80}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dialog-head h2{margin:8px 0 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}#message{position:fixed;bottom:24px;right:24px;background:#15384c;color:white;font-size:12px;padding:15px 22px;border-radius:6px;box-shadow:0 5px 35px #13263c30;z-index:100;max-width:min(450px,90vw)}.mono{font-family:Consolas,monospace}#stats:empty{display:none}@media(max-width:1100px){aside{width:210px}.main-shell{margin-left:210px}.topbar{padding:0 22px}main{padding:25px 22px 0}.stats{gap:10px}.stat{padding:15px}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.breadcrumb{display:none}.login-story{padding:45px 10%}.login-area{padding:35px}}@media(max-width:760px){aside{transform:translateX(-100%);transition:transform .2s;width:235px}.nav-open aside{transform:translateX(0)}.main-shell{margin-left:0}.topbar #menuToggle{display:block}.topbar{height:66px;padding:0 16px}.topbar-right{gap:8px}.topbar .badge{display:none}main{padding:23px 16px 0}.headline{align-items:flex-start;flex-direction:column;gap:15px}.stats{grid-template-columns:1fr 1fr}.headline h1{font-size:26px}.stat{min-height:88px}.login-screen{grid-template-columns:1fr}.login-story{padding:25px}.story-copy,.login-footer{display:none}.login-story .brand{justify-content:center}.login-area{padding:40px 25px;min-height:70vh}.form-grid{grid-template-columns:1fr}.toolbar input{width:100%}.card{padding:20px}.card-head,.card-body{padding:16px}th,td{padding:14px 16px}}

.credential-cell{display:flex;align-items:center;gap:7px}.credential-cell code{display:inline-block;max-width:220px;overflow-wrap:anywhere;white-space:normal;color:#536e89}.credential-cell button{flex-shrink:0}