:root{font-family:Inter,"Noto Sans JP","Yu Gothic",Meiryo,system-ui,sans-serif;color:#101516;background:#fff;font-synthesis:none;--muted:#66717d;--border:#dce2e7;--surface:#f5f7f7;--accent:#c3f75b}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.65}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit}button,a,input:focus-visible{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #517f00}[hidden]{display:none!important}.topbar{min-height:78px;border-bottom:1px solid var(--border);padding:15px 3.6%;display:flex;justify-content:space-between;align-items:center;gap:16px}.wordmark{text-decoration:none;font-size:25px;display:flex;align-items:baseline;gap:12px;color:#56606c;white-space:nowrap}.wordmark strong{color:#101516;font-size:29px;font-weight:800;letter-spacing:-1.3px}.slash{color:#b7bdc3}.account-actions{display:flex;align-items:center;gap:15px}#accountStatus{color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border:1px solid #a6b0ba;border-radius:3px;background:#fff;color:#101516;text-decoration:none;font-size:15px;font-weight:650;cursor:pointer;transition:background .15s,border-color .15s}.button-secondary:hover{background:#f1f4f5;border-color:#596571}.button-primary{background:var(--accent);border-color:var(--accent);min-height:59px;width:100%;margin-top:25px;font-size:17px;font-weight:750}.button-primary:hover:not(:disabled){background:#b3e94a;border-color:#b3e94a}.button:disabled{cursor:not-allowed;opacity:.52}main,footer{max-width:1280px;margin:0 auto;width:calc(100% - 120px)}main{padding-top:46px}.page-heading{margin-bottom:28px}h1,h2,h3,p{margin:0}h1{font-size:40px;letter-spacing:-1.3px;line-height:1.35;font-weight:800}.page-heading>p{margin-top:10px;color:#56616d;font-size:21px;letter-spacing:-.4px}.workspace{display:grid;grid-template-columns:1.62fr 1fr;gap:22px;align-items:stretch}.panel{border:1px solid var(--border);border-radius:4px;overflow:hidden;background:#fff}.panel-heading{background:var(--surface);border-bottom:1px solid var(--border);padding:19px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading h2{font-size:20px;font-weight:750;line-height:1.5}.panel-body{padding:24px}label{display:block;font-size:16px;font-weight:700;margin-bottom:7px}input{display:block;width:100%;height:53px;border:1px solid #bdc7d1;border-radius:3px;background:#fff;padding:11px 15px;font-size:17px;color:#101516}input::placeholder{color:#8b95a1}input:disabled{color:#6f7884;background:#fcfdfd;opacity:1}.login-note{display:flex;gap:20px;margin-top:28px;padding:23px 20px;background:var(--surface);border-radius:4px}.login-note svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:#77818b;stroke-width:1.8;margin-top:3px}.login-note strong{font-size:14px;font-weight:700}.login-note p{color:var(--muted);font-size:13px;margin-top:5px}.form-note{color:var(--muted);font-size:13px;margin-top:17px}.steps{list-style:none;margin:0;padding:0 24px}.steps li{display:flex;gap:20px;padding:21px 0;border-bottom:1px solid var(--border)}.steps li:last-child{border:0;padding-bottom:24px}.step-number{display:flex;width:39px;height:39px;flex-shrink:0;background:#edf0f2;align-items:center;justify-content:center;border-radius:50%;font-size:18px;font-weight:700}.steps h3{font-size:17px;font-weight:750}.steps p{color:var(--muted);font-size:15px;line-height:1.55;margin-top:5px}.server-list,.credentials{margin-top:26px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}thead{background:#f8f9fa;color:#596571}th{padding:15px 22px;font-size:13px;font-weight:700;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:17px 22px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:0}td:first-child{font-weight:650;min-width:170px;overflow-wrap:anywhere}td:nth-child(2){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;white-space:nowrap}td:nth-child(3){white-space:nowrap;color:var(--muted)}.empty-state{min-height:109px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:14px}.empty-state svg{width:25px;height:25px;fill:none;stroke:#8b95a1;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}footer{display:flex;justify-content:space-between;gap:16px;color:#7c8692;font-size:12px;padding:36px 0 18px}.message{margin-bottom:22px;border-left:3px solid #78828d;background:#f5f7f7;padding:13px 18px;font-size:14px}.message.error{border-color:#b53838;color:#8e2525;background:#fff5f5}.credentials{border-color:#a0bf66}.credentials .panel-heading{background:#f2f9e8}.credentials .panel-body>p:first-child{margin-bottom:18px;font-size:14px}.credentials label:not(:first-child){margin-top:14px}.credentials input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.key-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.text-button{border:0;background:none;color:#4f5c68;padding:5px 0;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.text-button:disabled{opacity:.5;cursor:wait}pre{padding:17px;background:var(--surface);font-size:12px;overflow-x:auto;margin:18px 0 0;border-radius:3px;line-height:1.8}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1500px){main{padding-top:51px}}@media(max-width:1000px){main,footer{width:calc(100% - 64px)}.workspace{grid-template-columns:1.35fr 1fr}.panel-heading,.panel-body{padding:20px}.steps{padding:0 20px}.steps li{gap:13px}.login-note{gap:13px;padding:18px 14px}h1{font-size:34px}.page-heading>p{font-size:18px}}@media(max-width:700px){.topbar{padding:14px 20px;min-height:70px}.wordmark{font-size:20px;gap:8px}.wordmark strong{font-size:25px}.topbar .button{font-size:12px;padding:8px 11px;min-height:39px}#accountStatus{display:none}.account-actions{gap:8px}main,footer{width:calc(100% - 40px)}main{padding-top:32px}h1{font-size:29px;letter-spacing:-1px}.page-heading>p{font-size:16px;line-height:1.6;margin-top:9px}.workspace{grid-template-columns:1fr;gap:18px}.panel-heading h2{font-size:18px}.steps li{padding:18px 0}.steps h3{font-size:16px}.steps p{font-size:14px}.button-primary{margin-top:20px}.login-note{margin-top:21px}.server-list,.credentials{margin-top:20px}th,td{padding-left:18px;padding-right:18px}footer{flex-direction:column;gap:7px;padding-top:27px}.credentials input{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}