:root{color-scheme:dark;--bg: #0a0e14;--fg: #e6e8ec;--muted: #8b94a1;--border: #1f2733;--surface: #10141c;--surface-hover: #161b25;--accent: rgb(11, 138, 15);--accent-hover: rgb(60, 175, 55)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}.gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.dash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}h1{margin:0;font-size:2rem}p{color:var(--muted);margin:0}.gh-btn{display:inline-flex;align-items:center;gap:.5rem;background:#24292f;color:#fff;border:1px solid #3d444d;border-radius:6px;padding:.6rem 1.2rem;font-size:.95rem;cursor:pointer;transition:background .15s}.gh-btn:hover{background:#32383f}.auth-wrapper{flex:1;display:grid;place-items:center;padding:2rem}.auth-content{display:grid;place-items:center;gap:1.25rem;text-align:center}.auth-logo{max-width:200px;width:100%;height:auto}.auth-title{font-size:1.5rem;font-weight:600;margin:0}.auth-link{background:transparent;border:none;color:#7aa2f7;font-weight:500;font-size:1rem;font-family:inherit;cursor:pointer;padding:.25rem .5rem}.auth-link:hover{text-decoration:underline}.auth-link:disabled{color:var(--muted);cursor:wait}.page{flex:1;max-width:740px;width:100%;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-header h1{font-size:1.5rem}.muted{color:var(--muted)}.error{padding:.75rem 1rem;background:#c83c3c26;border:1px solid rgba(200,60,60,.4);border-radius:6px;color:#ff9e9e;font-size:.9rem}.primary-btn{background:linear-gradient(180deg,#e8b931,#d4872e);color:#0d1117;border:1px solid #c47a28;border-radius:6px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.primary-btn:hover:not(:disabled){background:linear-gradient(180deg,#f0c63d,#dc9233);border-color:#fff;color:#0d1117}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.danger-btn{background:linear-gradient(180deg,#e84c3d,#b82b1e);color:#0d1117;border:1px solid #8a1e13;border-radius:6px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.danger-btn:hover:not(:disabled){background:linear-gradient(180deg,#f0625a,#d1362a);border-color:#fff;color:#0d1117}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.link-btn{background:transparent;color:#7aa2f7;border:none;padding:.25rem 0;font-size:.9rem;cursor:pointer;text-decoration:none;font-family:inherit}.link-btn:hover{text-decoration:underline}.link-btn.danger{color:#ff9e9e}.token-description{color:var(--muted);font-size:.95rem;line-height:1.55;display:flex;flex-direction:column;gap:.75rem}.token-description code{font-family:SFMono-Regular,Consolas,monospace;font-size:.88em;background:var(--surface);color:var(--fg);padding:.08em .35em;border-radius:3px;border:1px solid var(--border)}.token-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px}.field{display:flex;flex-direction:column;gap:.3rem}.field>span{font-size:.82rem;color:var(--muted);font-weight:500}.token-form input,.token-form select{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;font-size:.9rem;font-family:inherit}.token-form input:focus,.token-form select:focus{outline:none;border-color:#3d4454}.form-actions{display:flex;gap:.5rem;align-items:center;margin-top:.25rem}.token-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.token-card{padding:1rem 0;display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--border)}.token-card-row{display:flex;align-items:flex-start;gap:1rem}.token-card-row .token-card-meta{flex:1}.token-card:last-child{border-bottom:none}.token-card-header h3{margin:0;font-size:1.05rem;font-weight:600}.token-card-meta{display:flex;flex-direction:column;gap:.2rem;color:var(--muted);font-size:.85rem}.token-card-actions{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.token-card-actions .primary-btn,.token-card-actions .danger-btn{min-width:110px;padding:.3rem .8rem}.just-created{margin-top:.5rem;padding:.85rem 1rem;background:#0b8a0f1a;border:1px solid rgba(11,138,15,.35);border-radius:5px;display:flex;flex-direction:column;gap:.6rem}.just-created p{margin:0;font-size:.9rem;color:#fff}.just-created-row{display:flex;gap:.5rem;align-items:stretch}.code-block{display:inline-flex;align-items:center;gap:.75rem;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;font-size:.9rem;white-space:nowrap;cursor:pointer;transition:border-color .15s,background .15s;text-align:left;font-family:inherit}.code-block code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:#fff;white-space:nowrap}.code-block:hover{border-color:var(--accent)}.code-block:active{background:#161c24}.code-block-wrap,.code-block-wrap code{white-space:normal;word-break:break-all}.copy-icon{color:var(--muted);display:flex;align-items:center;transition:color .15s}.code-block:hover .copy-icon{color:var(--fg)}.copy-toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%,1rem);background:#0f1319;color:#3fb950;border:1px solid #30363d;border-radius:8px;padding:.7rem 1.2rem;font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 6px 20px #0006;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:1000}.copy-toast.visible{opacity:1;transform:translate(-50%)}.topbar{position:sticky;top:0;z-index:50;width:100%;background:#0a0e14eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #30363d}.topbar-inner{max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;text-decoration:none}.brand-img{height:22px;width:auto;mix-blend-mode:screen;filter:contrast(1.6);opacity:.8;transition:opacity .15s}.brand:hover .brand-img{opacity:1}.topbar-nav{display:flex;align-items:center;gap:.9rem}.avatar-wrap{position:relative;display:flex;align-items:center}.avatar-btn{width:30px;height:30px;padding:0;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.avatar-btn:hover,.avatar-btn[aria-expanded=true]{border-color:#ffffff73}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{color:#fff;font-weight:600;font-size:.85rem}.avatar-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#0d1117;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #00000073;padding:6px 0;z-index:60}.avatar-menu-header{padding:8px 12px;border-bottom:1px solid #30363d;margin-bottom:6px}.avatar-menu-username{color:#c9d1d9;font-weight:500;font-size:.9rem}.avatar-menu-email{color:#8b949e;font-size:.8rem;margin-top:2px}.avatar-menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:#c9d1d9;padding:8px 12px;font-size:.9rem;cursor:pointer;font-family:inherit;text-decoration:none}.avatar-menu-item:hover{background:#ffffff0d}.site-footer{margin-top:auto;width:100%;background:#090c10;border-top:1px solid #30363d;padding:2rem 2rem 0;display:flex;flex-direction:column;align-items:center}.footer-inner{display:flex;gap:4rem;padding:2rem 0;width:100%;max-width:1200px}.footer-col{display:flex;flex-direction:column;gap:.5rem}.footer-col h4{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#c9d1d9;margin:0 0 .25rem}.footer-col a{color:#8b949e;text-decoration:none;font-size:.85rem;transition:color .15s}.footer-col a:hover{color:#c9d1d9}.footer-bottom{border-top:1px solid #30363d;padding:1rem 0;font-size:.75rem;color:#8b949e;width:100%;max-width:1200px}
