:root{
  --bg:#071019;--panel:#0c1825;--panel2:#101f30;--line:#243750;--text:#eef4fb;
  --muted:#93a4b7;--blue:#2f7fe8;--green:#31b675;--amber:#d5a94b;--red:#d65f69;
}
*{box-sizing:border-box} html{background:var(--bg)} body{margin:0;background:linear-gradient(180deg,#071019,#091522 38%,#071019);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
button,input,select{font:inherit}.shell{width:min(1500px,96%);margin:0 auto}.top{position:sticky;top:0;z-index:30;background:rgba(7,16,25,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.topin{display:flex;align-items:center;gap:12px;padding:12px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.04em}.brand img{width:40px;height:40px;border-radius:10px}
.auth-email{width:220px;min-width:180px;padding:9px 12px}
.auth-password{width:150px;min-width:120px;padding:9px 12px}
.spacer{flex:1}.btn{border:1px solid var(--line);background:#102033;color:var(--text);border-radius:10px;padding:9px 11px;cursor:pointer}.btn:hover{border-color:#4673a8}.btn.primary{background:#163967;border-color:#2f6fb9}.btn.ghost{background:transparent}
.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;padding:18px 0}.panel{background:rgba(12,24,37,.94);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 16px 50px rgba(0,0,0,.18)}
.kicker{font-size:11px;letter-spacing:.12em;color:#88a5c8;font-weight:800}.hero h1{font-size:34px;line-height:1.05;margin:8px 0}.hero p{color:var(--muted);line-height:1.5;margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.stat{background:#08131f;border:1px solid #20344a;border-radius:12px;padding:11px}.stat b{font-size:20px;display:block}.stat span{color:var(--muted);font-size:10px}
.health{margin-top:12px;padding:10px 12px;border-radius:10px;background:#0b2130;border:1px solid #274b68;font-size:12px}.health.ok{border-color:#2f7d5a;color:#a8efca}.health.warn{border-color:#765d25;color:#f3d997}
.quickteams{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.chip{font-size:10px;border:1px solid #2b4665;background:#11263e;color:#c7d7eb;border-radius:999px;padding:5px 7px}
.controls{display:grid;grid-template-columns:2fr repeat(6,1fr);gap:8px;margin-bottom:12px}.input,.select{width:100%;background:#0a1623;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px}
.summarybar{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:9px 0 12px}.summarybar b{color:var(--text)}
.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding-bottom:60px}.card{display:grid;grid-template-rows:150px auto;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;isolation:isolate;cursor:pointer;transition:.16s}.card:hover{transform:translateY(-2px);border-color:#446d9a}
.photo{width:100%;height:150px;min-width:0;overflow:hidden;contain:layout paint;background:#f4f6f8;position:relative;z-index:1;display:grid;place-items:center;padding:12px}.photo img{position:static!important;inset:auto!important;display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:126px!important;object-fit:contain!important}.badge{position:absolute;top:8px;padding:5px 7px;border-radius:8px;font-size:10px;background:rgba(7,16,25,.86);border:1px solid rgba(255,255,255,.15)}.badge.id{left:8px}.badge.status{right:8px}
.cardnav{position:absolute;top:50%;translate:0 -50%;z-index:4;width:30px;height:42px;border:1px solid rgba(255,255,255,.34);border-radius:9px;background:rgba(7,16,25,.78);color:white;font-size:25px;line-height:1;cursor:pointer;opacity:.2;transition:.15s}.card:hover .cardnav,.cardnav:focus{opacity:1}.cardnav.prev{left:7px}.cardnav.next{right:7px}.imagecount{position:absolute;right:8px;bottom:7px;z-index:4;padding:3px 6px;border-radius:7px;background:rgba(7,16,25,.82);color:white;font-size:10px}
.body{position:relative;z-index:2;min-width:0;overflow:hidden;background:var(--panel);padding:12px}.body h3{font-size:13px;line-height:1.35;margin:0 0 8px;min-height:36px}.meta{display:flex;gap:5px;flex-wrap:wrap}.row{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin-top:8px}.row b{color:var(--text);font-size:13px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:12px;z-index:80}.modal.open{display:flex}.modalbox{width:min(1280px,100%);max-height:96vh;overflow:auto;background:#0b1728;border:1px solid #2a4365;border-radius:19px}.detailgrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)}.galleryPane{min-width:0;background:#f5f7f9;padding:18px}.mainphoto{position:relative;height:min(72vh,720px);min-height:480px;display:grid;place-items:center;overflow:hidden;background:#fff;border-radius:14px}.mainphoto img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;padding:16px}.detailnav{position:absolute;top:50%;translate:0 -50%;z-index:3;width:52px;height:70px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:rgba(7,16,25,.78);color:#fff;font-size:38px;line-height:1;cursor:pointer}.detailnav:hover,.detailnav:focus{background:rgba(22,57,103,.94)}.detailnav.prev{left:12px}.detailnav.next{right:12px}.detailcount{position:absolute;right:14px;bottom:12px;z-index:3;padding:7px 10px;border-radius:9px;background:rgba(7,16,25,.84);color:#fff;font-size:14px;font-weight:800}.thumbs{display:flex;gap:8px;margin-top:10px;padding:2px 0 6px;overflow-x:auto;scrollbar-width:thin}.thumb{flex:0 0 92px;height:72px;background:#fff;border:3px solid transparent;border-radius:9px;overflow:hidden;cursor:pointer;padding:0}.thumb.active{border-color:#2f7fe8}.thumb img{width:100%;height:100%;object-fit:contain}
.detailbody{padding:22px}.detailbody h2{font-size:24px;line-height:1.2}.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fact{background:#071426;border:1px solid #233a59;border-radius:11px;padding:10px}.fact span{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.links{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.links a{text-decoration:none}
.editorbox{width:min(860px,100%)}.editorform{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:22px}.editorform label{display:grid;gap:6px;color:#c7d7eb;font-size:13px}.editorform .wide{grid-column:1/-1}.editorhead{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start}.editorhead h2{margin:5px 0 0}.editoractions{display:flex;justify-content:flex-end;gap:9px}.formstatus{min-height:18px;color:#a8efca}.uploadfield{border:1px dashed #365778;border-radius:12px;padding:12px;background:#091725}.editorform textarea{resize:vertical}.manage-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.footer{color:var(--muted);font-size:11px;padding:20px 0 50px}.empty{grid-column:1/-1;text-align:center;padding:60px;color:var(--muted)}
.public-chip{font-weight:800;letter-spacing:.08em;color:#a8efca;border-color:#2f7d5a;background:#0b2a20}.public-hero{grid-template-columns:1fr}.public-hero .panel{max-width:none}.public-stats{grid-template-columns:repeat(3,minmax(140px,220px))}.public-controls{grid-template-columns:2fr repeat(5,1fr)}.public-description{color:var(--muted);line-height:1.55;margin-top:16px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(5,1fr)}.hero{grid-template-columns:1fr}.controls{grid-template-columns:2fr repeat(3,1fr)}}
@media(max-width:900px){.grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.grid{grid-template-columns:repeat(3,1fr)}.controls{grid-template-columns:1fr 1fr}.modal{align-items:flex-start;padding:7px}.modalbox{max-height:98dvh}.detailgrid{grid-template-columns:1fr}.mainphoto{height:min(58vh,540px);min-height:350px}.stats{grid-template-columns:1fr 1fr}.topin{flex-wrap:wrap}.auth-email{width:170px}.editorform{grid-template-columns:1fr}.editorform .wide{grid-column:1}.editorhead{grid-column:1}}
@media(max-width:560px){.grid{grid-template-columns:repeat(2,1fr)}.card{grid-template-rows:140px auto}.photo{height:140px}.photo img{max-height:116px!important}.cardnav{opacity:.82}.controls{grid-template-columns:1fr}.hero h1{font-size:28px}.galleryPane{padding:9px}.mainphoto{height:50vh;min-height:290px}.mainphoto img{padding:8px}.detailnav{width:44px;height:60px;font-size:32px}.detailnav.prev{left:7px}.detailnav.next{right:7px}.thumb{flex-basis:76px;height:60px}}