:root{
    --bg:#0f172a;--card:#111827;--text:#e5e7eb;--muted:#94a3b8;--line:#334155;
    --accent:#22c55e;--accent2:#facc15;--input:#020617;--danger:#ef4444;
}
body.light{--bg:#f8fafc;--card:#ffffff;--text:#0f172a;--muted:#475569;--line:#cbd5e1;--input:#ffffff;}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--accent);text-decoration:none}.wrap{max-width:1250px;margin:auto;padding:24px}
.header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.header-logo img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    display: block;
}

.header-logo {
    flex: 0 0 50px;
    width: 50px;
    text-align: center;
}

.logo h1{margin:0;font-size:30px}.logo p{margin:6px 0 0;color:var(--muted)}
.btn,.button,button{background:var(--accent);color:#03120a;border:0;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-block}
.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn.danger{background:var(--danger);color:white}.btn.gold{background:var(--accent2);color:#1f1300}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:18px;box-shadow:0 8px 25px rgba(0,0,0,.18)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
label{font-size:13px;color:var(--muted);font-weight:bold;display:block;margin-bottom:6px}
input,select,textarea{width:100%;padding:11px;border-radius:11px;border:1px solid var(--line);background:var(--input);color:var(--text)}
textarea{min-height:90px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
table{width:100%;border-collapse:collapse;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}
th{color:var(--accent2);font-size:13px;background:rgba(250,204,21,.07);position:sticky;top:0}.tablebox{overflow:auto;border-radius:14px;border:1px solid var(--line)}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(34,197,94,.15);color:var(--accent);font-weight:bold;font-size:12px}
.note{color:var(--muted);font-size:13px}.preview{max-width:80px;max-height:55px;border-radius:8px;border:1px solid var(--line)}
.notice{padding:12px;border-radius:12px;margin-bottom:16px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.45)}
.error{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.45)}
@media(max-width:800px){.grid,.grid2{grid-template-columns:1fr}.wrap{padding:14px}th,td{font-size:13px;padding:9px}.logo h1{font-size:24px}}

.header .header-logo img {
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    object-fit: contain;
}