:root{color-scheme:dark;--gold:#dfbd76;--gold-soft:#f3dfa9;--ice:#88d7e6;--text:#f0eee9;--muted:#a5b0b6;--line:rgba(223,189,118,.2)}
*{box-sizing:border-box;margin:0}
body{font:16px 'Source Sans 3',Arial,sans-serif;background:#071019;color:var(--text);line-height:1.6}
.topbar{position:sticky;top:0;z-index:5;border-bottom:1px solid rgba(127,202,216,.18);background:rgba(4,11,17,.96);display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.brand{color:var(--gold-soft);text-decoration:none;font:15px Marcellus,Georgia,serif;letter-spacing:.17em}
.nav{display:flex;gap:6px}
.nav a{display:inline-block;padding:8px 10px;text-decoration:none;color:#bdc8c9;text-transform:uppercase;font-size:10px;font-weight:700}
.nav a:hover,.nav a.active{color:#ecf2ef;border-bottom:2px solid var(--gold)}
.container{max-width:1200px;margin:0 auto;padding:24px 16px}
.back-link{color:var(--gold-soft);font-size:13px;text-decoration:none;margin-bottom:16px}
h1{color:var(--text);font-size:28px;margin:0 0 6px}
.subtitle{color:var(--muted);margin-bottom:22px}
.panel{border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:16px;background:rgba(9,15,21,.82)}
.panel h2{margin:0 0 12px;font-size:19px}
table{width:100%;border-collapse:collapse;background:rgba(13,22,33,.7);border-radius:8px;overflow:hidden}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid rgba(223,189,118,.12);font-size:14px}
th{background:rgba(26,66,90,.5);color:var(--ice);font-weight:600}
tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
.search-bar{margin:0 0 14px}
.search-bar input{width:100%;max-width:380px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:rgba(9,15,21,.8);color:var(--text);font:inherit}
.search-bar input:focus{outline:none;border-color:var(--gold-soft)}
.loading{color:var(--muted);font-size:14px;padding:6px 0}
.pagination{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;align-items:center}
.pagination button{padding:7px 11px;border:1px solid var(--line);border-radius:6px;background:rgba(9,15,21,.8);color:var(--text);cursor:pointer;font:inherit;font-size:13px}
.pagination button:hover:not(:disabled){border-color:var(--gold-soft)}
.pagination button.active{background:linear-gradient(135deg,#dfbd76,#b78e4b);color:#201a12;border-color:#f0d896;font-weight:700}
.pagination button:disabled{opacity:.45;cursor:default}
.cell-icon{width:18px;height:18px;vertical-align:-4px;border-radius:3px;margin-right:6px}
.cell-avatar{width:26px;height:26px;vertical-align:-8px;border-radius:4px;margin-right:8px;border:1px solid var(--line)}
.cell-text{vertical-align:middle}
.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(9,15,21,.85);color:var(--text);text-decoration:none;transition:.2s;cursor:pointer}
.card:hover{border-color:var(--gold-soft);background:rgba(26,42,60,.85);transform:translateY(-3px)}
.card .icon{font-size:32px;line-height:1}
.card h3{margin:10px 0 6px;font-size:18px}
.card p{margin:0;color:var(--muted);font-size:13px}
.team-block{padding:12px 18px;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;background:rgba(9,15,21,.6)}
.team-block h3{margin:0 0 4px;color:var(--text)}
.team-block p{margin:0;color:var(--muted);font-size:13px}
.foot-note{margin-top:18px;padding:12px 14px;background:rgba(26,66,90,.14);border:1px dashed var(--line);border-radius:6px;font-size:12px;color:var(--muted)}
@media(max-width:900px){.grid-cards{grid-template-columns:1fr}}