:root{color-scheme:dark;--bg:#050912;--card:#111827;--card2:#151e2d;--edge:#2c3c54;--text:#eff4ff;--muted:#a6b4ca;--lime:#bcff23;--purple:#c855f7;--danger:#fa7184}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.backdrop{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 17% -8%,#46205a90,transparent 35%),radial-gradient(ellipse at 87% 5%,#1c5d3090,transparent 32%),linear-gradient(135deg,#070a12,#070e1b);z-index:-1}
.topbar{max-width:1550px;margin:0 auto;padding:16px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #35415288;gap:16px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:59px;height:50px;object-fit:contain}.brand strong{font-size:22px;font-weight:900;letter-spacing:2px;display:block;line-height:1.1}.brand span{font-size:10px;letter-spacing:4px;color:#b5bbd1}.topright{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.6px}.dot{background:var(--lime);width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px var(--lime)}
.wrap{max-width:1550px;padding:34px 26px 110px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:4px 0 22px}.eyebrow{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:9px}.intro h1,.center h1{font-size:clamp(29px,3vw,43px);margin:0;letter-spacing:-1px}.intro p,.center p{max-width:700px;color:var(--muted);margin:6px 0 0}.state{background:#121c27ee;border:1px solid #325246;border-radius:16px;padding:13px 20px;min-width:164px;display:grid;gap:1px}.state>span{font-size:10px;color:var(--lime);font-weight:850;letter-spacing:1px}.state b{font-size:24px}.state small{font-size:10px;color:var(--muted)}
button{font:inherit;cursor:pointer;transition:background .14s,border-color .14s,filter .14s}button:hover{filter:brightness(1.17)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.primary{background:var(--lime);color:#061008;border:1px solid #d4ff63;padding:13px 20px;border-radius:12px;font-weight:900}.secondary{background:#141e2b;color:var(--text);border:1px solid #394e66;padding:12px 18px;border-radius:12px;font-weight:750}.small{padding:7px 11px;font-size:12px}.danger{border:1px solid #743648;color:#ffb6c3;background:#351620;padding:5px 11px;border-radius:8px}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:7px;border-bottom:1px solid var(--edge);margin-bottom:26px}.tab{color:#a7bad1;background:transparent;border:1px solid transparent;padding:10px 18px;border-radius:11px;font-weight:800;white-space:nowrap}.tab.active{color:var(--lime);border-color:#76ae4988;background:linear-gradient(130deg,#27382b,#151d29)}.tab span{background:#ac35df;color:white;border-radius:20px;padding:2px 7px;margin-left:4px;font-size:11px}.tabpage{display:none}.tabpage.active{display:block}
.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 17px}.sectionhead h2{font-size:21px;margin:0 0 2px}.sectionhead p{margin:0;color:var(--muted);font-size:13px}.chip{border:1px solid #3b4a5d;color:#9cbeaf;padding:7px 11px;border-radius:12px;font-size:12px;white-space:nowrap}
.appgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.appcard,.panel{border:1px solid #334359;border-radius:18px;background:linear-gradient(130deg,#161e2eee,#0c131fe9);box-shadow:0 8px 28px #0005}.appcard{padding:19px;min-width:0}.apptop{display:flex;justify-content:space-between;align-items:center}.slot{font-size:10px;font-weight:900;color:#b7c8db;letter-spacing:1px}.status{font-size:10px;font-weight:900;color:#b8f96b}.apphero{display:flex;align-items:center;gap:16px;margin:13px 0 19px}.apphero img{width:98px;height:98px;object-fit:contain;border-radius:20px;background:#070f19}.apphero h3{font-size:23px;margin:0 0 4px}.apphero p{font-size:11px;color:var(--muted);margin:0}.fields{display:grid;gap:12px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}label{font-size:12px;color:#bed0de;font-weight:750;display:grid;gap:5px}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;color:#edf6ff;background:#090f19;border:1px solid #3b4b60;border-radius:9px;padding:10px;font:14px system-ui,sans-serif;outline:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#baff2b}.checkline{display:flex;align-items:center;gap:8px;min-height:30px}.checkline input{accent-color:var(--lime);width:16px;height:16px}.files{margin-top:17px;padding-top:13px;border-top:1px solid #2a3a4a;display:grid;gap:9px}.filehead{display:flex;justify-content:space-between}.filehead small{color:var(--muted)}.upload{position:relative;display:block;text-align:center;padding:11px;border:1px dashed #628b9f;background:#192736;border-radius:11px;cursor:pointer;color:#d6e8f3}.upload:hover{border-color:var(--lime)}.upload input{opacity:0;position:absolute;inset:0;width:100%;cursor:pointer}.uploadstatus{color:#9bcaba;font-size:11px;min-height:21px;overflow-wrap:anywhere}.checksum{font-size:10px;color:#8d9aaa;overflow-wrap:anywhere}.footnote{color:var(--muted);font-size:12px;margin:14px 0}
.panel{padding:20px;margin-bottom:12px}.message{max-width:900px;display:grid;gap:13px}.message-head{display:flex;justify-content:space-between}.healthgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.healthrow{display:flex;justify-content:space-between;gap:10px;background:#121d2b;border-radius:9px;padding:10px}.pass{color:var(--lime)}.fail{color:#ffb08c}.warning{border-left:3px solid #d5a042;padding-left:12px;color:#d6ccba}.backups{display:grid;gap:9px}.backup{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#0c1621;border-radius:10px;padding:10px}.backup small{display:block;color:var(--muted)}
.publishbar{position:fixed;bottom:0;left:0;width:100%;z-index:10;background:#0b121cef;backdrop-filter:blur(16px);border-top:1px solid #4b526b;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px max(26px,calc((100vw - 1498px)/2))}.publishbar strong{font-size:14px}.publishbar small{display:block;color:var(--muted);font-size:11px}.publishactions{display:flex;gap:8px;white-space:nowrap}.center{display:grid;place-items:center;min-height:73vh;padding:20px}.login{max-width:490px;width:100%;padding:32px}.login h1{font-size:32px}.login form{display:grid;gap:18px;margin-top:26px}.login label{gap:8px}.login input{padding:14px!important}.login .primary{margin-top:5px}#accessError{color:#ffa6a6;padding-top:12px}.toast{position:fixed;z-index:30;bottom:92px;right:22px;max-width:430px;background:#133221;color:#d9ffb8;box-shadow:0 0 25px #0008;border:1px solid #6abe47;border-radius:11px;padding:12px 17px;display:none}.toast.visible{display:block}.toast.bad{background:#4b1927;color:#ffc9d1;border-color:#f65a79}code{color:#bbff80}
@media(max-width:1150px){.appgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.publishbar{padding:12px 20px}}@media(max-width:700px){.wrap{padding:18px 14px 160px}.topbar{padding:12px}.brand strong{font-size:16px}.topright>span:not(.dot){display:none}.intro{align-items:start}.intro h1{font-size:30px}.intro p{font-size:12px}.state{min-width:100px;padding:9px}.appgrid{grid-template-columns:1fr}.apphero h3{font-size:22px}.sectionhead{align-items:start;flex-direction:column}.healthgrid{grid-template-columns:1fr}.publishbar{display:grid;padding:12px 14px;gap:6px}.publishactions{width:100%;display:grid;grid-template-columns:1fr 1fr 1.2fr}.publishactions button{font-size:11px;padding:12px 5px}.tab{font-size:12px;padding:9px}.login{padding:22px}.appcard{padding:17px}}

#newAppsGrid .appcard .apphero img{object-fit:contain} #newAppsGrid .appcard .fields{margin-top:14px} #newAppsGrid .appcard .apptop .danger{cursor:pointer} #newAppsGrid:empty::after{content:"No extra apps yet. Choose + Add New App to create your first listing.";display:block;padding:45px;color:#b6c5d6;border:1px dashed #526379;border-radius:16px;text-align:center}
