:root{--bg:#0d0e0f;--s:#151719;--s2:#1c1f22;--b:#30343a;--gold:#c8a84b;--text:#e8e4dc;--muted:#96958e;--red:#d8665a;--green:#62a976}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px Barlow,sans-serif}header{height:64px;padding:0 max(18px,calc((100% - 1120px)/2));display:flex;align-items:center;gap:13px;background:var(--s);border-bottom:2px solid #8b6914;position:sticky;top:0;z-index:5}header img{width:46px;height:46px;border-radius:50%}header strong{display:block;font:700 18px Rajdhani;letter-spacing:2px}header small{display:block;color:var(--gold);font:9px 'Share Tech Mono';letter-spacing:2px}.back{margin-left:auto;color:var(--gold);text-decoration:none;border:1px solid #8b6914;padding:7px 12px}main{max-width:1120px;margin:auto;padding:0 18px 70px}.hero{padding:50px 0 35px;text-align:center}.hero span{font:10px 'Share Tech Mono';letter-spacing:3px;color:var(--gold)}h1{font:700 clamp(30px,5vw,48px) Rajdhani;margin:10px 0}.hero p,.section-head p{color:var(--muted);margin:4px 0}nav{display:flex;gap:6px;overflow:auto;padding:10px 0 28px;position:sticky;top:64px;background:var(--bg);z-index:4}button,.file{border:1px solid var(--b);background:var(--s2);color:var(--text);padding:10px 14px;font:600 14px Rajdhani;letter-spacing:.5px;cursor:pointer;border-radius:2px;white-space:nowrap}button:hover,nav button.active{border-color:var(--gold);color:var(--gold)}button.primary{background:var(--gold);border-color:var(--gold);color:#101010;font-weight:700}.tab{display:none}.tab.active{display:block}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{margin:0;font:700 27px Rajdhani}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}.card{background:var(--s);border:1px solid var(--b);padding:17px;border-top:2px solid #8b6914}.card h3{font:700 20px Rajdhani;margin:0 0 4px}.meta{font:10px 'Share Tech Mono';color:var(--gold);letter-spacing:1px}.data{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.datum{background:var(--s2);padding:9px}.datum small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.datum strong{font:700 18px Rajdhani}.card-actions{display:flex;gap:6px;flex-wrap:wrap}.danger{color:var(--red)}.empty,.backup-box,.recommend,.alert{border:1px dashed var(--b);padding:24px;color:var(--muted);grid-column:1/-1}.alert{border-style:solid;border-color:#79473f;color:#efb0a8;margin-bottom:12px}.recommend{border-style:solid;border-color:#665723;background:#1b190f;color:var(--text);margin-bottom:15px}.recommend strong{color:var(--gold)}.overlay{display:none;position:fixed;inset:0;background:#000c;z-index:20;align-items:center;justify-content:center;padding:15px}.overlay.open{display:flex}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:var(--s);border:1px solid #8b6914;padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font:700 25px Rajdhani}.modal-head button{font-size:22px;padding:3px 10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field.wide{grid-column:1/-1}.field label{font:10px 'Share Tech Mono';color:var(--muted);text-transform:uppercase}.field input,.field select,.field textarea{width:100%;background:#0f1011;border:1px solid var(--b);color:var(--text);padding:11px;font:14px Barlow}.field textarea{min-height:75px;resize:vertical}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.file input{display:none}.backup-box{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:var(--gold);color:#111;padding:11px 18px;opacity:0;pointer-events:none;transition:.2s;z-index:30;font-weight:600}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:600px){.fields{grid-template-columns:1fr}.field.wide{grid-column:auto}.section-head{align-items:flex-start;flex-direction:column}.section-head button{width:100%}.cards{grid-template-columns:1fr}.hero{padding-top:35px}}
