:root{--gold:#c9a871;--bg:#0f0f0f;--card:#181818;--text:#f2f2f2;--muted:#bdbdbd}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;background:var(--bg);color:var(--text);}
.container{max-width:1100px;margin:24px auto;padding:0 16px;}
.header{display:flex;align-items:center;justify-content:space-between;background:#121212;border:1px solid #222;border-radius:16px;padding:12px 16px;margin:16px 0;}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:48px;width:48px;object-fit:cover;border-radius:12px;border:1px solid #333;}
.btn{background:var(--gold);border:none;border-radius:10px;padding:10px 14px;color:#1a1a1a;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:var(--card);border:1px solid #252525;border-radius:16px;padding:18px;min-height:120px;display:flex;flex-direction:column;gap:8px;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card a{color:var(--text);text-decoration:none;font-weight:600}
.card small{color:var(--muted)}
h1,h2,h3{margin:8px 0 12px}
a{color:var(--gold)}
input,select,textarea{background:#111;border:1px solid #333;border-radius:10px;color:var(--text);padding:10px;width:100%}
table{width:100%;border-collapse:collapse;margin-top:12px}
th,td{padding:8px;border-bottom:1px solid #2a2a2a;text-align:left}
th{color:var(--gold)}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.badge{background:#222;border:1px solid #333;border-radius:999px;padding:4px 10px;color:#bdbdbd;font-size:12px}
.footer{color:#8f8f8f;text-align:center;margin:40px 0 18px}