*{box-sizing:border-box} :root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#182b32;background:#f4f7f8;font-size:14px;line-height:1.65;--accent:#08766c;--muted:#52636b;--line:#dce5e8} body{margin:0} [hidden]{display:none!important} button,input,select{font:inherit} button{min-height:42px;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:white;color:#233c44;cursor:pointer;transition:background .16s ease,box-shadow .16s ease} button:hover{background:#edf5f4;border-color:#a3c9c3} button:disabled{opacity:.55;cursor:not-allowed} button[type=submit],#email-submit,#rotate-key{background:var(--accent);border-color:var(--accent);color:white} button[type=submit]:hover,#email-submit:hover,#rotate-key:hover{background:#065e57} input,select{width:100%;max-width:640px;min-height:44px;border:1px solid #bdccd2;background:#fff;border-radius:8px;padding:10px 12px;caret-color:var(--accent)} input[readonly]{background:#f5f8f9;font-family:Consolas,monospace} label{display:block;font-weight:600;margin:16px 0 6px} :focus-visible{outline:3px solid #288b80;outline-offset:3px} ::selection{background:#bce5dd;color:#153c35} h1,h2,h3{line-height:1.3;text-wrap:balance} h1{font-size:28px;letter-spacing:-.025em;margin:0 0 8px} h2{font-size:18px;margin:0 0 14px} h3{font-size:16px;margin:0 0 6px} p{color:var(--muted);max-width:75ch;margin:8px 0 16px} a{color:var(--accent);text-underline-offset:3px} code,pre{font-family:Consolas,monospace;font-size:13px} code{background:#edf3f4;padding:3px 6px;border-radius:4px} pre{background:#142f36;color:#e0eef0;border-radius:10px;padding:20px;overflow:auto;line-height:1.7} .topbar{height:68px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 28px;position:sticky;top:0;z-index:20} .topbar>a{font-size:17px;font-weight:700;text-decoration:none;color:#213c43}.topbar>span{color:var(--muted);font-size:12px}.topbar #logout{margin-left:auto} #menu-toggle{display:none} main{max-width:1600px;margin:0 auto;padding:36px 40px} #sidebar{position:fixed;left:0;top:68px;bottom:0;width:232px;padding:30px 18px;background:#fff;border-right:1px solid var(--line);z-index:15} .brandmark{padding:0 14px 26px;font-weight:700;font-size:18px}.brandmark span{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px} nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#52636b;border-radius:8px;padding:12px 14px;margin:4px 0;font-weight:500} nav a svg{width:19px;height:19px;flex-shrink:0} nav a:hover{background:#f2f7f7} nav a[aria-current=page]{color:#08675e;background:#e5f3ef;font-weight:700} nav .nav-label{font-size:11px;color:#66777d;margin:24px 14px 8px;letter-spacing:.04em} .sidebar-note{font-size:12px;position:absolute;bottom:18px;left:32px} body.signed-in main{margin-left:232px;max-width:calc(100% - 232px)} #page-heading{margin-bottom:28px} #page-description{margin:0} section{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:24px} .title-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;color:var(--muted)} #welcome{font-weight:600;color:#243e46} .summary{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid var(--line)} .summary>div+div{border-left:1px solid var(--line);padding-left:36px} .amount{font-size:32px;line-height:1.25;color:#163e43;font-weight:650;margin:12px 0;font-variant-numeric:tabular-nums} .table-wrap{overflow:auto;max-width:100%;margin-top:20px;border:1px solid var(--line);border-radius:8px} table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap} th{font-size:12px;font-weight:600;color:#53666e;background:#f6f9fa;padding:13px 16px} td{padding:14px 16px;border-top:1px solid #e7edef;font-size:13px} td button{min-height:34px;padding:5px 10px;margin-right:6px} tbody tr:hover{background:#f8fbfb} caption{text-align:left;padding:12px 16px;color:var(--muted)} form{max-width:680px} form button{margin-top:16px;margin-right:8px} details{margin:20px 0} summary{cursor:pointer;color:#33545d;font-weight:600;min-height:32px} #login{max-width:480px;margin:30px auto 20px;padding:36px} #login h1{font-size:26px;margin-bottom:24px} #password-recovery{max-width:480px;margin:20px auto} #notice:empty{display:none} #notice{position:sticky;top:76px;z-index:25;background:#fff9ec;border:1px solid #dfc58c;border-radius:8px;padding:12px 16px;color:#614821;max-width:100%;margin:0 0 20px;overflow-wrap:anywhere} .site-footer{font-size:12px;text-align:center;padding:22px;color:var(--muted)} .filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-bar label{margin:0}.filter-bar input{flex:1;min-width:180px}.filter-bar select{width:180px} .quickstart{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}.quickstart .steps{margin:0;padding-left:20px;color:#52636b}.steps li{margin:12px 0}.quickstart a,.copy-button{display:inline-block;margin:12px 8px 0 0} .badge{display:inline-block;font-size:12px;padding:3px 9px;background:#e8f4ee;color:#176042;border-radius:5px} .connect-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0} #created{margin-top:20px;padding:20px;background:#edf7f3;border-radius:8px} ::-webkit-scrollbar{width:8px;height:8px} ::-webkit-scrollbar-thumb{background:#b9cbd0;border-radius:6px} @media(min-width:1400px){body.signed-in main{padding-left:56px;padding-right:56px}} @media(max-width:860px){#sidebar{width:200px}body.signed-in main{margin-left:200px;max-width:calc(100% - 200px);padding:28px 20px}.summary,.quickstart{grid-template-columns:1fr;gap:20px}.summary>div+div{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}} @media(max-width:640px){.topbar{padding:0 14px;gap:10px;height:60px}.topbar>a{font-size:15px}.topbar>span{display:none}#menu-toggle{display:block}#sidebar{top:60px;width:232px;transform:translateX(-100%);transition:transform .18s ease}body.menu-open #sidebar{transform:translateX(0);box-shadow:12px 0 24px rgba(0,0,0,.12)}body.signed-in main,main{margin-left:0;max-width:100%;padding:24px 16px}h1{font-size:25px}section{padding:20px;margin-bottom:18px}#login{margin:12px auto;padding:24px}.filter-bar{display:block}.filter-bar input,.filter-bar select{width:100%;max-width:none;margin-bottom:12px}.filter-bar label{margin:8px 0}.amount{font-size:28px}.sidebar-note{position:static;margin:30px 14px}button{min-height:44px}td button{min-height:40px}} @media(prefers-reduced-motion:reduce){*{transition:none!important}}
.page-inactive{display:none!important}

body:not(.signed-in) #menu-toggle{display:none}.guide-heading{margin-top:28px}.model-id{color:#52636b}

@media(max-width:640px){#sidebar{visibility:hidden}body.menu-open #sidebar{visibility:visible}}