@import url("site.css");

.admin-body{background:#07131a;color:#e8eef1;min-height:100vh}
.admin-top{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(4,16,22,.92);position:sticky;top:0;z-index:5}
.admin-brand{font-family:var(--serif);font-size:22px;letter-spacing:.12em;color:#f3e6bd;text-decoration:none}
.admin-brand span{font-family:var(--sans);font-size:9px;letter-spacing:.2em;color:#b38b45;margin-left:8px;text-transform:uppercase}
.admin-top nav{display:flex;gap:22px;align-items:center}
.admin-top nav a{color:#b9c6cc;font-size:11px;text-decoration:none;letter-spacing:.08em;text-transform:uppercase}
.admin-top nav a:hover{color:#f4e4b3}
.admin-logout{color:#d8b25e!important}
.admin-main{max-width:1380px;margin:0 auto;padding:38px 32px 80px}
.admin-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:26px}
h1{font-family:var(--serif);font-weight:400;font-size:42px;line-height:1.1;margin:4px 0 8px;color:#f7f0df}
h2{font-family:var(--serif);font-weight:400;font-size:26px;margin:0 0 16px;color:#f3e6bd}
.admin-kicker{font-size:9px;letter-spacing:.22em;color:#c9a150;text-transform:uppercase}
.muted{color:#8fa3ab;font-size:12px}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-admin{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,#f0dca4,#c69a4b);color:#171204;padding:12px 20px;font:600 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.btn-admin--ghost{background:transparent;border:1px solid rgba(255,255,255,.18);color:#e8eef1}
.btn-admin:hover{filter:brightness(1.08)}
.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}
.admin-stats>div{border:1px solid rgba(255,255,255,.1);background:#0b202a;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:5px}
.admin-stats b{font-family:var(--serif);font-size:30px;font-weight:400;color:#f3e6bd}
.admin-stats span{font-size:9px;letter-spacing:.14em;color:#8298a1;text-transform:uppercase}
.admin-panel{border:1px solid rgba(255,255,255,.1);background:#0a1c25;border-radius:16px;padding:22px;margin-bottom:20px}
.panel-head{display:flex;justify-content:space-between;align-items:center}
.cat-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.cat-admin{border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:14px;background:#0d242e}
.cat-admin__head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.cat-admin__title{font-family:var(--serif);font-size:20px;color:#f4ebd7}
.cat-admin__head small{color:#8499a2;font-size:10px}
.cat-admin__sections{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.sec-chip{display:inline-flex;gap:5px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 8px;font-size:10px;color:#b9c8ce}
.sec-chip a{color:#e7c374;text-decoration:none}
.sec-chip form{display:inline;margin:0}.sec-chip button{background:none;border:0;color:#b97777;cursor:pointer;padding:0 2px}
.sec-add{font-size:10px;color:#d5b46e;text-decoration:none;padding:5px}
.cat-admin__foot{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}
.cat-admin__foot a{font-size:10px;color:#d5b46e;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}
.cat-admin__foot form{margin:0}.danger-link{background:none;border:0;color:#b97777;font-size:10px;text-transform:uppercase;cursor:pointer;padding:0}
.admin-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.07);border-radius:10px}
.admin-table{width:100%;border-collapse:collapse;font-size:11px;min-width:900px}
.admin-table th{text-align:left;color:#8298a1;font-weight:500;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:10px 12px;background:#0b202a;position:sticky;top:0}
.admin-table td{border-top:1px solid rgba(255,255,255,.06);padding:9px 12px;vertical-align:middle;color:#c9d4d8}
.admin-table small{display:block;color:#6f858e;font-size:9px}
.thumb{width:42px;height:42px;object-fit:cover;border-radius:7px;display:block;background:#0b1b22}
.thumb--empty{display:grid;place-items:center;color:#5b727b}
.status{font-size:9px;border-radius:999px;padding:4px 7px;white-space:nowrap}
.status--available{background:rgba(117,168,111,.16);color:#a8d19d}
.status--waiting{background:rgba(219,166,78,.16);color:#e5c17f}
.status--on_request{background:rgba(157,157,157,.14);color:#c0c0c0}
.row-actions a{color:#e4c57d;text-decoration:none;font-size:10px}
.admin-form{display:flex;flex-direction:column;gap:16px;max-width:430px}
.admin-form--wide{max-width:1000px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.admin-form label{display:flex;flex-direction:column;gap:6px;color:#8fa3ab;font-size:10px;letter-spacing:.05em}
.admin-form input,.admin-form select{background:#0d242e;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#eef3f4;padding:11px 12px;font:13px var(--sans);outline:none}
.admin-form input:focus,.admin-form select:focus{border-color:#c9a150}
.form-file input{padding:7px}
.form-actions{display:flex;gap:10px;align-items:center;margin-top:4px}
.current-photo{display:flex;gap:16px;align-items:center}
.current-photo img{width:110px;height:110px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.1)}
.check{flex-direction:row!important;align-items:center;gap:7px!important;color:#b97777!important;font-size:11px!important}
.danger-btn{margin-top:14px;background:transparent;border:1px solid rgba(185,90,90,.4);color:#d88c8c;border-radius:8px;padding:9px 14px;font-size:10px;cursor:pointer}
.login-card{max-width:390px;margin:10vh auto;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#0a1c25;padding:30px}
.login-kicker{font-size:9px;letter-spacing:.22em;color:#c9a150}
.login-card h1{font-size:34px;margin:9px 0 6px}
.login-card p{font-size:12px;color:#8fa3ab;line-height:1.5;margin:0 0 20px}
.admin-flashes{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.flash{border-radius:8px;padding:10px 13px;font-size:11px}
.flash--ok{background:rgba(117,168,111,.14);border:1px solid rgba(117,168,111,.3);color:#b9dfb0}
.flash--error{background:rgba(190,80,80,.13);border:1px solid rgba(190,80,80,.32);color:#e1a0a0}
@media(max-width:700px){.admin-main{padding:24px 16px 60px}.admin-top{padding:14px 16px}.admin-brand{font-size:18px}.admin-stats{grid-template-columns:1fr}.admin-head{flex-direction:column}h1{font-size:32px}}