:root{--bg:#f6f6f6;--ink:#111;--muted:#777;--line:#d8d8d8;--card:#fff;--dark:#111}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--ink)}.dots{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(#d7d7d7 2.4px,transparent 2.4px);background-size:34px 34px}a{color:inherit;text-decoration:none}main{max-width:1260px;margin:0 auto;padding:42px 32px}.with-side{margin-left:270px;max-width:none}.top{display:flex;align-items:center;justify-content:space-between;padding:34px 54px;background:#fff;border-bottom:1px solid var(--line)}.logo{font-size:24px}.top nav,.admin-tabs{display:flex;gap:18px;align-items:center}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #aaa;border-radius:999px;padding:10px 18px;background:#fff;color:#111;font:inherit;cursor:pointer}.btn.dark,button.btn.dark,.dark{background:#111;color:#fff;border-color:#111}.full{width:100%}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:74px 54px}.hero h1{font-size:62px;line-height:1.05;margin:0 0 20px}.hero p{font-size:22px;color:#666}.code{background:#111;color:#eee;border-radius:28px;padding:38px;font-size:18px;line-height:2}.code div{background:#fff;color:#111;border-radius:16px;margin-top:28px;padding:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:24px 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0}.two{display:grid;grid-template-columns:1.35fr .85fr;gap:22px;margin:24px 0}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:5px 7px 0 #ddd}.card b{display:block;font-size:36px;font-weight:500;margin-bottom:12px}.card span,.muted,label{color:var(--muted)}.dark-card{background:#111;color:#fff}.dark-card span{color:#bbb}.panel h1,.panel h2{margin-top:0}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff;margin:8px 0}pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre{background:#111;color:#eee;border-radius:18px;padding:20px;overflow:auto}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{text-align:left;border-bottom:1px solid #e6e6e6;padding:13px 10px;vertical-align:middle}th{color:#777;font-weight:500}.side{position:fixed;left:28px;top:28px;bottom:28px;width:220px;background:#111;color:#fff;border-radius:26px;padding:28px;z-index:2}.brand span{font-size:28px}.brand b{display:block;font-size:28px;letter-spacing:1px}.brand em{display:block;color:#aaa;font-style:normal;margin-top:4px}.side nav{margin-top:42px;display:flex;flex-direction:column;gap:12px}.side nav a{color:#bbb;padding:13px 16px;border-radius:16px}.side nav a.on,.side nav a:hover{background:#fff;color:#111}.auth{min-height:80vh;display:grid;place-items:center}.auth .panel{width:min(460px,92vw)}.err{color:#b00020}.ok{color:#127a28}.inline{display:flex;gap:8px}.inline input{max-width:100px;margin:0}.inline button{border-radius:12px;padding:8px 12px}@media(max-width:900px){.hero,.grid4,.grid3,.two{grid-template-columns:1fr}.side{position:static;width:auto;margin:16px}.with-side{margin-left:0}.hero h1{font-size:42px}}

/* Token management improvements */
.copy-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:8px 0 16px}.copy-row input{margin:0}.inline-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:12px 0 18px}.inline-form input{margin:0}.token-reveal{border-color:#111;box-shadow:5px 7px 0 #111}.token-reveal input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px}.badge{display:inline-flex;border:1px solid #111;border-radius:999px;padding:4px 10px;background:#f7f7f7;color:#111;font-size:13px}td small{display:block;color:#888;margin-top:4px}.admin-tabs{flex-wrap:wrap;margin:14px 0 22px}.admin-tabs a{border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:#fff}.admin-tabs a:hover{background:#111;color:#fff}@media(max-width:900px){.copy-row,.inline-form{grid-template-columns:1fr}.copy-row .btn,.inline-form .btn{width:100%}}
