:root{--p:#f8f3ec;--i:#241b17;--m:#796a60;--c:#bd5b3c;--l:#dfd0c2;--card:#fffaf5}*{box-sizing:border-box}body{margin:0;background:var(--p);color:var(--i);font:15px "Noto Sans SC",sans-serif}.brand{font:700 20px "Noto Serif SC",serif;color:var(--i);text-decoration:none}.brand b,p{color:var(--c)}.auth{min-height:100vh;display:grid;place-items:center;padding:28px}.auth>.brand{position:fixed;top:28px;left:32px}.auth section,.console>section{max-width:900px;width:100%}.auth section{max-width:430px;background:var(--card);border:1px solid var(--l);padding:42px;border-radius:14px;box-shadow:0 20px 50px #63351c16}.auth p,.console>section>p{font:12px "DM Mono";letter-spacing:.1em}.auth h1,.console h1{font:700 40px "Noto Serif SC",serif;margin:8px 0}.auth span,.console>section>span{color:var(--m);display:block;line-height:1.8}form{margin-top:28px;display:grid;gap:16px}label{font-size:13px;font-weight:700}input,select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--l);border-radius:6px;background:#fff;font:inherit}button{border:0;border-radius:6px;background:var(--c);color:white;padding:12px 16px;font-weight:700;cursor:pointer}button:hover{background:#963f29}small{color:var(--m);white-space:pre-wrap}.hidden{display:none!important}.console header{height:74px;padding:0 max(24px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--l);background:var(--card)}.console header div{display:flex;gap:14px;align-items:center}.console header span{font:12px "DM Mono";color:var(--m)}.console header button{padding:8px 11px;font-size:12px}.console>section{margin:0 auto;padding:72px 24px}.project-heading{display:flex;align-items:center;gap:13px}.project-heading select{margin:0;width:auto;max-width:260px}.compact-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.compact-form small{grid-column:1/-1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:38px 0}.metrics article,.keys{background:var(--card);border:1px solid var(--l);border-radius:10px;padding:22px}.metrics article span{font:12px "DM Mono";color:var(--m)}.metrics strong{display:block;font:700 30px "Noto Serif SC";margin-top:7px}.billing{margin-top:44px;border-top:1px solid var(--l);padding-top:30px}.billing-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.billing h2{font:700 26px "Noto Serif SC";margin:5px 0}.billing h3{margin:0;font:700 18px "Noto Serif SC"}.billing-heading>strong{font:700 22px "DM Mono";color:var(--c);white-space:nowrap}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;color:var(--m)}.packs article,.orders{border:1px solid var(--l);border-radius:9px;background:var(--card);padding:18px}.packs p{font:12px "DM Mono";letter-spacing:0;margin:12px 0;color:var(--m)}.packs strong{display:block;font:700 23px "Noto Serif SC";margin-bottom:16px;color:var(--i)}.packs button{width:100%;font-size:12px}.orders{margin-top:20px}.orders h3{margin:0 0 10px}.order{display:grid;grid-template-columns:1fr auto auto;gap:14px;border-top:1px solid var(--l);padding:10px 0;font-size:13px}.order b{color:#52745b}.order small{font-family:"DM Mono"}.key-actions{margin-top:44px}.key-actions+form{max-width:520px}.key-actions+form label{display:block}.keys{margin-top:20px;white-space:pre-wrap;line-height:1.8;font-family:"DM Mono"}@media(max-width:600px){.auth>.brand{position:static;margin-bottom:32px}.auth{display:block;padding-top:32px}.auth section{margin:auto}.metrics,.compact-form,.packs{grid-template-columns:1fr}.console h1,.auth h1{font-size:32px}.billing-heading{display:block}.billing-heading>strong{display:block;margin-top:12px}.order{grid-template-columns:1fr}.console header span{display:none}}
