:root{--bg:#14110f;--card:#221d18;--acc:#f5a623;--txt:#f3ede4;--mut:#b9a88f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:system-ui,sans-serif}
.wrap{max-width:900px;margin:0 auto;padding:0 16px}
header{background:#1d1813;border-bottom:2px solid var(--acc)}header h1{margin:12px 0 0}
.sub{color:var(--mut);margin:0 0 8px}nav{padding-bottom:10px}nav a,nav span{margin-right:12px;color:var(--txt)}
nav a{color:var(--acc)}main{min-height:60vh;padding:20px 0}
.card{background:var(--card);border:1px solid #3a3128;border-radius:10px;padding:14px;margin:12px 0}
label{display:block;margin:8px 0}input{padding:8px;border-radius:6px;border:1px solid #555;width:100%;max-width:340px;background:#111;color:#fff}
button{background:var(--acc);border:0;border-radius:6px;padding:8px 14px;font-weight:700;cursor:pointer;margin-top:8px}
table{width:100%;border-collapse:collapse;margin:10px 0}td,th{border:1px solid #3a3128;padding:6px 8px;text-align:left}
.flash{padding:8px 12px;border-radius:6px}.flash.ok{background:#1d4d2b}.flash.err{background:#6d1f1f}
.ok{color:#7ddf9a}.bad{color:#ff8a8a}.hint{color:var(--mut)}footer{border-top:1px solid #3a3128;padding:12px 0;color:var(--mut);font-size:13px}
h2{color:var(--acc)}
.btn{display:inline-block;background:var(--acc);color:#14110f!important;font-weight:700;padding:10px 16px;border-radius:8px;text-decoration:none;margin:6px 8px 6px 0}
.btn:hover{filter:brightness(1.1)}