:root{--bg:#060a0f;--surface:#10151e;--border:rgba(212,175,55,.18);--border-strong:rgba(212,175,55,.32);--text:#f5f0e8;--text-soft:#c8bfa8;--text-faint:#8a8070;--primary:#d4af37;--primary-strong:#b8942a;--primary-soft:#f0dc90;--success:#9bd8c6;--danger:#efadbe;--radius-md:18px;--radius-lg:28px;--shadow:0 18px 50px rgba(0,0,0,.36);--container:1140px;--font:Inter,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(circle at top left,rgba(212,175,55,.10),transparent 30%),linear-gradient(180deg,#04060b,#08101a);min-height:100vh}
a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit;color:inherit}
.shell{width:min(calc(100% - 32px),var(--container));margin:0 auto}.skip-link{position:absolute;left:-9999px}
header.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(4,6,11,.88);border-bottom:1px solid rgba(212,175,55,.10)}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0}
.brand{display:flex;align-items:center;gap:13px}.brand-logo{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);box-shadow:0 0 14px rgba(212,175,55,.25)}
.brand-copy strong{display:block;font-size:1.05rem;color:var(--primary-soft)}.brand-copy small{display:block;color:var(--text-faint);font-size:.79rem;margin-top:2px}
.nav-links{display:flex;flex-wrap:wrap;gap:14px;font-size:.92rem;color:var(--text-soft)}.nav-links a:hover,.nav-links a.active{color:var(--primary-soft)}
.panel{background:linear-gradient(180deg,rgba(16,21,30,.96),rgba(10,15,22,.99));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel-pad{padding:30px}
.eyebrow{display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(212,175,55,.10);color:var(--primary-soft);border:1px solid rgba(212,175,55,.20);text-transform:uppercase;letter-spacing:.09em;font-size:.76rem}
h1,h2,h3{line-height:1.1;color:var(--text)}.hero{padding:50px 0 24px}.hero h1{margin:16px 0 12px;font-size:clamp(2rem,4vw,3.8rem);color:var(--primary-soft);max-width:18ch}
p.muted{color:var(--text-soft);line-height:1.7}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer;background:none;color:var(--text);transition:.18s ease}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#08060a}.btn-secondary{border-color:var(--border-strong);background:rgba(212,175,55,.07);color:var(--primary-soft)}.btn-danger{background:rgba(239,173,190,.10);color:var(--danger);border-color:rgba(239,173,190,.18)}.btn-sm{min-height:34px;padding:0 13px;font-size:.86rem}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(212,175,55,.16)}
label{display:grid;gap:7px;color:var(--text-soft);font-size:.93rem}input,select{width:100%;min-height:46px;padding:11px 14px;border-radius:12px;border:1px solid rgba(212,175,55,.14);background:rgba(4,6,11,.70);color:var(--text)}
textarea{width:100%;padding:14px;border-radius:var(--radius-md);border:1px solid rgba(212,175,55,.14);background:rgba(4,6,11,.70);color:var(--text);resize:vertical}
input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);border-color:var(--primary)}.form-grid{display:grid;gap:18px}
.alert{padding:13px 16px;border-radius:12px;margin:14px 0}.alert.success{background:rgba(155,216,198,.10);color:var(--success);border:1px solid rgba(155,216,198,.18)}.alert.error{background:rgba(239,173,190,.10);color:var(--danger);border:1px solid rgba(239,173,190,.18)}
.badge{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:.80rem}.badge.published,.badge.active{background:rgba(155,216,198,.10);color:var(--success)}.badge.draft{background:rgba(212,175,55,.12);color:var(--primary)}.badge.admin,.badge.superadmin{background:rgba(212,175,55,.12);color:var(--primary)}
table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid rgba(212,175,55,.08);font-size:.92rem}th{color:var(--text-faint);font-size:.79rem;text-transform:uppercase;letter-spacing:.07em}.table-wrap{overflow:auto;border-radius:var(--radius-md);border:1px solid rgba(212,175,55,.10)}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}.meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric{padding:18px;border-radius:var(--radius-md);background:rgba(255,255,255,.03);border:1px solid rgba(212,175,55,.10)}.metric span{color:var(--text-faint);font-size:.84rem}.metric strong{display:block;font-size:2rem;margin-top:8px;color:var(--primary-soft)}
.card{padding:20px;border-radius:var(--radius-md);background:rgba(255,255,255,.03);border:1px solid rgba(212,175,55,.10)}.cards{display:grid;gap:16px}.section{padding:10px 0 56px}.divider{border:none;border-top:1px solid rgba(212,175,55,.10);margin:22px 0}
.paste-box{background:rgba(4,6,11,.80);border:1px solid rgba(212,175,55,.14);border-radius:var(--radius-md);padding:22px;font-family:monospace;font-size:.97rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;color:var(--text-soft);overflow:auto;max-height:72vh}
.copy-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.16);border-radius:12px;margin:16px 0}.copy-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--primary-soft)}
.fm-layout{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}.fm-sidebar{position:sticky;top:80px}.fm-tree{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.fm-tree-item{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;color:var(--text-soft);font-size:.89rem;transition:.15s;border:1px solid transparent}.fm-tree-item:hover,.fm-tree-item.active{background:rgba(212,175,55,.10);border-color:rgba(212,175,55,.18);color:var(--primary-soft)}
.fm-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.87rem;color:var(--text-faint)}.fm-breadcrumb a{color:var(--primary-soft)}
.code-editor{width:100%;min-height:520px;font-family:'Fira Mono','Courier New',monospace;font-size:.96rem;line-height:1.7;background:rgba(2,4,8,.95);color:#e8f0fe;border:1px solid rgba(212,175,55,.18);border-radius:var(--radius-md);padding:18px;tab-size:4;resize:vertical}
footer.site-footer{padding:22px 0 38px;color:var(--text-faint);font-size:.89rem;border-top:1px solid rgba(212,175,55,.08);margin-top:40px}
@media(max-width:980px){.metrics{grid-template-columns:1fr 1fr}.fm-layout{grid-template-columns:1fr}}
@media(max-width:640px){.metrics{grid-template-columns:1fr}.panel-pad{padding:20px}.nav-row{flex-direction:column;align-items:flex-start}}