@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10221d;--deep:#081510;--cream:#f4f3df;--orange:#d96a20;--line:#ffffff26;--muted:#b4c1b9}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}header{padding:24px 5%;background:var(--deep);display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.admin-brand{font-weight:700;letter-spacing:1px}.admin-brand span{display:block;font-size:12px;color:var(--orange);letter-spacing:2px}header>div{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:14px}header>div>a{border:1px solid var(--line);padding:7px 14px;border-radius:5px}main{max-width:1480px;padding:45px 5% 80px;margin:auto}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--orange);margin:0 0 10px}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;line-height:1.1;margin:0}h1{font-size:50px}h2{font-size:34px}h3{font-size:28px}p{color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;border:1px solid var(--orange);border-radius:5px;background:var(--orange);color:#10221d;font-weight:700;font-size:14px}.button:hover{background:#e57a32}.button.secondary{background:transparent;color:var(--cream);border-color:var(--line)}.button.secondary:hover{border-color:var(--orange);background:#ffffff08}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:35px}.admin-stat{border:1px solid var(--line);border-radius:8px;background:var(--deep);padding:22px}.admin-stat strong{font-family:'Barlow Condensed',sans-serif;font-size:44px;color:var(--orange);display:block}.admin-stat span{font-size:14px;color:var(--muted)}.admin-tabs{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:14px}.admin-tabs button{padding:12px 18px;background:transparent;color:var(--cream);border:1px solid var(--line);border-radius:6px;font-size:14px;font-weight:600}.admin-tabs button[aria-pressed=true]{background:var(--orange);color:#10221d;border-color:var(--orange)}.admin-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px}.admin-toolbar label,#admin-add-person label,#admin-media-status label{display:block;font-size:14px;margin-bottom:8px;font-weight:600}.admin-toolbar form>div,.admin-toolbar-actions,.admin-add-row{display:flex;gap:10px}.admin-toolbar input{width:320px;max-width:100%}input,select{min-height:45px;padding:10px 13px;border-radius:5px;border:1px solid #52685a;background:var(--deep);color:var(--cream);min-width:0}input::placeholder{color:#a3b4a7}.admin-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;min-height:80px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--deep);font-size:12px;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}td{max-width:330px;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.admin-empty{padding:35px;text-align:center}.admin-pagination{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:22px;font-size:14px}.admin-status{display:inline-block;padding:3px 9px;border-radius:4px;background:#ffffff0d;font-size:12px;white-space:nowrap}.admin-people-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--line);background:var(--deep);border-radius:6px;margin-bottom:10px}.admin-people-row>div{overflow-wrap:anywhere;min-width:0}.admin-people-row span{font-size:12px;display:block;color:var(--muted)}#admin-add-person{max-width:700px;border-top:1px solid var(--line);padding-top:30px;margin-top:30px}#admin-add-person h3{margin-bottom:20px}.admin-add-row input{flex:1}#admin-add-person p{font-size:14px}.admin-section-heading{margin-bottom:25px}#admin-error{padding:15px 20px;background:#411e18;color:#ffc1b6;border:1px solid #9e4d3e;border-radius:6px}.admin-login{max-width:650px;padding-top:12vh}.admin-login h1{margin-bottom:25px}.admin-back{display:block;margin-top:25px;color:var(--muted);text-decoration:underline}dialog{background:var(--deep);color:var(--cream);border:1px solid var(--line);border-radius:10px;width:min(750px,94vw);max-height:90vh;padding:28px}dialog::backdrop{background:#000b}.admin-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}dl{display:grid;grid-template-columns:180px 1fr;gap:12px 22px}dt{color:var(--muted);font-size:14px}dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}#admin-media-status{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}#admin-media-status p{font-size:14px}#admin-media-status select{margin-right:10px}.admin-danger{color:#ffc1b6!important}
@media(max-width:900px){header,.admin-heading{align-items:start;flex-direction:column}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar form>div{width:100%}.admin-toolbar input{flex:1;width:100%}.admin-pagination{justify-content:center}h1{font-size:42px}}
@media(max-width:520px){main{padding:30px 5% 60px}.admin-stats{gap:10px}.admin-stat{padding:16px}.admin-stat strong{font-size:36px}.admin-tabs button{flex:1;padding:10px 12px}.admin-add-row{flex-direction:column}.admin-people-row{align-items:start;flex-direction:column}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:15px}dialog{padding:22px}.admin-dialog-heading h2{font-size:28px}}
