*{box-sizing:border-box}body{margin:0;background:#101114;color:#f4f1e9;font:15px/1.5 Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 5%;border-bottom:1px solid #34343a;background:#17181c}.brand{font-weight:800;letter-spacing:1px;color:#d7b56d;text-decoration:none;font-size:20px}.brand span{color:#f4f1e9}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#d7b56d}nav a{text-decoration:none;color:#e9e4d8}main{max-width:1120px;margin:34px auto;padding:0 20px;min-height:70vh}h1{font-size:28px;margin:0 0 8px}h2{margin-top:32px}p{color:#c6c2b9}.muted,.hint{color:#a9a69f}.hint{font-size:13px;margin-top:22px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:26px 0}.card{background:#1c1d22;border:1px solid #34343a;border-radius:12px;padding:20px}.card strong{display:block;font-size:25px;color:#d7b56d;margin-top:8px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button,button{display:inline-block;background:#c8a45d;color:#171717;border:0;border-radius:7px;padding:11px 17px;text-decoration:none;font-weight:700;cursor:pointer}.button.secondary{background:#33353b;color:#f4f1e9}form{background:#1c1d22;border:1px solid #34343a;border-radius:12px;padding:22px;margin:22px 0;max-width:760px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}label{display:block;color:#e8e2d7;margin:0 0 14px}input,select{display:block;width:100%;padding:11px;margin-top:6px;background:#101114;color:#f4f1e9;border:1px solid #494a50;border-radius:6px}label.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}table{width:100%;border-collapse:collapse;margin:20px 0;background:#1c1d22}th,td{text-align:left;padding:12px;border-bottom:1px solid #383940}th{color:#d7b56d}td{color:#eee}.filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filter label{min-width:170px}.error,.success{padding:12px;border-radius:7px}.error{background:#492629;color:#ffd9d9}.success{background:#203e32;color:#d8ffe9}footer{text-align:center;color:#85827b;padding:24px;border-top:1px solid #34343a}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}nav{gap:12px}table{font-size:12px}th,td{padding:8px}}