:root{font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;color:#e7eef9;background:#080d16;font-synthesis:none}*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 85% -5%,#152c43 0,transparent 36%),#080d16;min-height:100vh}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.hidden{display:none!important}
.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:rgba(10,17,28,.95);border-right:1px solid #233142;padding:28px 15px;display:flex;flex-direction:column;gap:60px}
.brand{display:flex;align-items:center;gap:12px;padding:0 12px}.brandmark{border:1px solid #45b2d6;background:#102b42;color:#8de2f6;font-size:18px;font-weight:900;letter-spacing:-2px;padding:12px;border-radius:10px}.brand strong{font-size:17px;letter-spacing:2px}.brand small{display:block;color:#8b9daf;letter-spacing:1.7px;font-size:8px;margin-top:5px}
.nav{display:grid;gap:7px}.navbtn{width:100%;border:1px solid transparent;color:#9caec4;background:none;border-radius:10px;display:flex;align-items:center;gap:16px;text-align:left;padding:13px 14px;font-size:14px}.navbtn:hover,.navbtn.active{background:#12283a;color:#e7f8ff;border-color:#2c5a71}
.sidebar-foot{margin-top:auto;padding:14px 12px 0;color:#bcd1df;font-size:10px;letter-spacing:1px;border-top:1px solid #263849}.sidebar-foot small{display:block;color:#6c829a;margin-top:9px;line-height:1.5;letter-spacing:0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#51bcb2;margin-right:6px}
main{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243242;padding:19px 36px;color:#a0b2c7;font-size:11px;letter-spacing:1.5px}.top-actions{display:flex;gap:20px;align-items:center}.subtle,.linkish{border:0;background:transparent;color:#8ad6f1}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:#79b9ce}
#app,.autharea{padding:32px 36px;max-width:1700px;margin:auto}
h1{font-size:clamp(29px,3vw,49px);line-height:1.13;font-weight:650;letter-spacing:-1.6px;margin:17px 0}h1 em{font-style:normal;color:#80d6e8}h2{font-size:22px;font-weight:600;letter-spacing:-.5px;margin:12px 0 10px}p{color:#9fb1c4;line-height:1.65;font-size:14px}
.hero{position:relative;min-height:215px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(115deg,rgba(25,63,86,.45),rgba(12,24,39,.25));border:1px solid #294254;border-radius:17px;padding:27px 34px;margin-bottom:24px}.hero p{max-width:570px;margin-bottom:0}.hero-emblem{font-size:90px;font-weight:900;color:#193c50;letter-spacing:-14px;transform:rotate(-8deg);padding-right:48px}.hero-emblem span{color:#27617d}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:22px}.metric,.panel,.authcard{border:1px solid #273b4c;background:rgba(14,24,38,.87);border-radius:15px;padding:23px}.metric small{display:block;color:#7db3c6;font-size:10px;letter-spacing:1.3px;font-weight:700}.metric strong{display:block;font-size:36px;font-weight:650;margin:15px 0 4px;font-variant-numeric:tabular-nums}.metric span{display:block;font-size:11px;color:#8296ad}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{min-height:220px}.panel p{max-width:510px}.primary,.secondary{border-radius:9px;padding:11px 17px;font-weight:650;font-size:12px;letter-spacing:.3px}.primary{border:1px solid #90d9ec;background:#70cbe2;color:#07131d}.primary:hover{background:#a0e5f2}.secondary{border:1px solid #355a70;color:#c2e8f3;background:#163347}.secondary:hover{border-color:#70cbe2}
.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 25px}.section-header p{margin-bottom:0}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:17px;background:#101e2e;border-radius:12px;border:1px solid #25394a;margin-bottom:18px}
label{display:grid;gap:7px;color:#a7bbce;font-size:12px}.filters label{flex:1;min-width:140px}
input,select{background:#0a1624;border:1px solid #355065;border-radius:8px;color:#e9f4fe;padding:12px;outline:none;width:100%}input:focus,select:focus{border-color:#69c9e2;box-shadow:0 0 0 2px #27718b33}
.table-wrap{background:#0e1927;border:1px solid #263a4b;border-radius:13px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;white-space:nowrap}th{background:#14263a;color:#83b8cb;font-size:10px;letter-spacing:1.1px;font-weight:700;padding:15px}td{color:#ccd9e5;font-size:12px;padding:14px 15px;border-top:1px solid #213447}td.price{color:#b7e5f0;font-variant-numeric:tabular-nums}td.buy{color:#6bd0ad}td.sell{color:#e1b87a}.empty{padding:29px;color:#879bae;font-size:13px;text-align:center}
.autharea{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,420px);align-items:center;gap:min(10vw,110px);min-height:78vh}.auth-copy p{max-width:570px;font-size:16px}.authcard{padding:32px;display:grid;gap:17px}.authcard .card-head p{margin-bottom:5px}.authcard button.primary{width:100%}.authcard .linkish{padding:8px}.authcard .notice{margin:0;color:#f1a48f;min-height:16px}.callout{border-left:2px solid #4ca9ca;padding:14px 20px;margin-top:30px;color:#aac3d1;font-size:12px;line-height:1.65;background:#152636}
.pair-code{font-size:22px;font-weight:750;letter-spacing:3px;color:#c4eff8;background:#08121e;padding:17px;border:1px dashed #5b8da3;border-radius:8px;margin-top:14px;word-break:break-all}.tiny{font-size:11px;color:#718b9f}.device-list{display:grid;gap:10px;margin-top:20px}.device{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #263a4b}.device small{display:block;color:#8095aa;margin-top:6px}.device button{align-self:start;background:none;border:1px solid #79514f;color:#eda8a4;padding:7px 12px;border-radius:6px;font-size:11px}
footer{color:#627990;font-size:10px;letter-spacing:1px;margin:50px 0 10px}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.hero-emblem{display:none}.sidebar{width:76px;padding:20px 7px}.shell{grid-template-columns:76px 1fr}.brand>div:last-child,.navbtn span,.sidebar-foot{display:none}.navbtn{justify-content:center;font-size:21px}.brand{padding:0}}
@media(max-width:700px){.shell{display:block}.sidebar{width:100%;padding:12px;display:flex;flex-direction:row;gap:10px;align-items:center;border-right:0;border-bottom:1px solid #243242}.brand{padding:0}.nav{display:flex;flex:1;justify-content:flex-end}.navbtn{width:auto;padding:10px}.topbar{padding:13px 15px;font-size:9px}.topbar .eyebrow{font-size:8px}#app,.autharea{padding:18px}.autharea{display:block;min-height:auto}.auth-copy{margin:35px 0}.authcard{margin-bottom:28px}.metrics{gap:9px}.metric{padding:16px}.metric strong{font-size:25px}.metric small{line-height:1.5}.twocol{grid-template-columns:1fr}.hero{padding:22px;min-height:auto}.filters{display:grid}.section-header{align-items:start;flex-direction:column}}
\n#recipesBody tr{cursor:pointer}#recipesBody tr:hover{background:#173447}.recipe-details{max-height:500px;overflow:auto}.recipe-route{margin:18px 0;border-top:1px solid #334454;padding-top:12px}.recipe-route strong{font-size:12px;color:#8ad5ea;text-transform:uppercase;letter-spacing:1px}.recipe-input{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #203243;font-size:12px;color:#bfccd8}.recipe-input span:last-child{white-space:nowrap;color:#8bc4d6}\n
.download-link{display:inline-block;text-decoration:none;margin:4px 0 12px}