/* Nabd Football Design System 2.0 — layered after legacy assets. */
:root{
  --n2-bg:#07101f;--n2-bg-soft:#0b1629;--n2-panel:#101d32;--n2-panel-2:#14243b;
  --n2-border:rgba(150,175,215,.16);--n2-border-strong:rgba(150,175,215,.28);
  --n2-text:#f7f9fc;--n2-muted:#91a2bc;--n2-brand:#00d7a4;--n2-brand-2:#2cf0bf;
  --n2-accent:#6c5cff;--n2-warning:#ffbd00;--n2-danger:#ff476f;--n2-info:#3e8bff;
  --n2-shadow:0 22px 70px rgba(0,0,0,.27);--n2-shadow-soft:0 12px 36px rgba(0,0,0,.16);
  --n2-radius-sm:12px;--n2-radius:18px;--n2-radius-lg:26px;
  --n2-ease:cubic-bezier(.22,1,.36,1);
}
html[data-theme="light"]{--n2-bg:#f2f5f9;--n2-bg-soft:#e8eef5;--n2-panel:#fff;--n2-panel-2:#f8fafc;--n2-border:rgba(23,49,82,.12);--n2-border-strong:rgba(23,49,82,.22);--n2-text:#10203a;--n2-muted:#64748b;--n2-shadow:0 22px 70px rgba(19,45,78,.12);--n2-shadow-soft:0 12px 36px rgba(19,45,78,.08)}
@media(prefers-color-scheme:light){html[data-theme="system"]{--n2-bg:#f2f5f9;--n2-bg-soft:#e8eef5;--n2-panel:#fff;--n2-panel-2:#f8fafc;--n2-border:rgba(23,49,82,.12);--n2-border-strong:rgba(23,49,82,.22);--n2-text:#10203a;--n2-muted:#64748b;--n2-shadow:0 22px 70px rgba(19,45,78,.12);--n2-shadow-soft:0 12px 36px rgba(19,45,78,.08)}}
body[data-design-version="20"],.admin-body[data-design-version="20"]{background:radial-gradient(circle at 86% -10%,rgba(0,215,164,.11),transparent 27%),radial-gradient(circle at -5% 42%,rgba(108,92,255,.09),transparent 30%),var(--n2-bg);color:var(--n2-text);font-family:"Alexandria",system-ui,sans-serif;min-height:100vh}
body[data-design-version="20"]::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-1}
body[data-design-version="20"] .card,.admin-body[data-design-version="20"] .card{background:linear-gradient(145deg,color-mix(in srgb,var(--n2-panel) 96%,transparent),color-mix(in srgb,var(--n2-panel-2) 94%,transparent));border:1px solid var(--n2-border);border-radius:var(--n2-radius);box-shadow:var(--n2-shadow-soft)}
body[data-design-version="20"] .site-header{background:color-mix(in srgb,var(--n2-bg) 82%,transparent);backdrop-filter:blur(22px) saturate(140%);border-bottom:1px solid var(--n2-border)}
body[data-design-version="20"] .brand-mark{background:linear-gradient(135deg,var(--n2-brand),#007dff);box-shadow:0 10px 30px rgba(0,215,164,.25);border:0}
body[data-design-version="20"] .nav-link.active,body[data-design-version="20"] .drawer-link.active{color:var(--n2-brand)}
body[data-design-version="20"] .primary-button,.admin-body[data-design-version="20"] .primary-button{background:linear-gradient(135deg,var(--n2-brand),#00a77f);color:#02130f;border:0;box-shadow:0 12px 28px rgba(0,215,164,.22);font-weight:800;transition:transform .25s var(--n2-ease),box-shadow .25s var(--n2-ease)}
body[data-design-version="20"] .primary-button:hover,.admin-body[data-design-version="20"] .primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(0,215,164,.28)}
body[data-design-version="20"] .secondary-button,.admin-body[data-design-version="20"] .secondary-button{border:1px solid var(--n2-border-strong);background:var(--n2-panel-2);color:var(--n2-text)}
body[data-design-version="20"] .section-kicker,.admin-body[data-design-version="20"] .section-kicker{color:var(--n2-brand);font-weight:700;letter-spacing:.02em}
body[data-design-version="20"] :focus-visible,.admin-body[data-design-version="20"] :focus-visible{outline:3px solid color-mix(in srgb,var(--n2-brand) 65%,transparent);outline-offset:3px}
body[data-design-version="20"] img{image-rendering:auto}

/* Admin revolution */
.admin-body[data-design-version="20"] .admin-sidebar{background:linear-gradient(180deg,#071321,#0a1728);border-inline-end:1px solid var(--n2-border);box-shadow:20px 0 60px rgba(0,0,0,.15)}
.admin-body[data-design-version="20"] .admin-topbar{background:color-mix(in srgb,var(--n2-bg) 83%,transparent);backdrop-filter:blur(24px);border-bottom:1px solid var(--n2-border)}
.admin-body[data-design-version="20"] .admin-nav a{border-radius:13px;color:#9aabc3;transition:.25s var(--n2-ease)}
.admin-body[data-design-version="20"] .admin-nav a:hover{background:rgba(255,255,255,.045);color:#fff;transform:translateX(-2px)}
.admin-body[data-design-version="20"] .admin-nav a.active{background:linear-gradient(90deg,rgba(0,215,164,.16),rgba(0,215,164,.035));color:var(--n2-brand);border:1px solid rgba(0,215,164,.16)}
.admin-body[data-design-version="20"] .admin-content{max-width:1540px;width:100%;margin-inline:auto}
.plugin-library-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.plugin-library-head h1{font-size:clamp(28px,3vw,44px);margin:.2em 0}.plugin-library-head p{color:var(--n2-muted);max-width:760px;line-height:1.85}.admin-head-actions{display:flex;gap:10px;flex-wrap:wrap}.status-chip{display:inline-flex;padding:8px 13px;border-radius:999px;background:var(--n2-panel-2);border:1px solid var(--n2-border);color:var(--n2-muted);font-size:13px}.status-chip.success{color:var(--n2-brand);border-color:rgba(0,215,164,.28)}
.plugin-admin-overview{margin-bottom:26px}.plugin-principles .feature-check-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-check-list li{display:flex;align-items:center;gap:9px;color:var(--n2-muted)}.feature-check-list .icon{color:var(--n2-brand);width:18px}.upload-dropzone{display:block;border:1px dashed var(--n2-border-strong);border-radius:16px;padding:20px;background:rgba(255,255,255,.025);cursor:pointer}.upload-dropzone input{position:absolute;opacity:0;pointer-events:none}.upload-dropzone>span{display:flex;align-items:center;gap:13px}.upload-dropzone .icon{width:28px;color:var(--n2-brand)}.upload-dropzone small{display:block;color:var(--n2-muted)}
.plugin-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plugin-card{padding:20px;display:flex;flex-direction:column;min-height:285px;position:relative;overflow:hidden;transition:transform .3s var(--n2-ease),border-color .3s}.plugin-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;inset-inline-end:-90px;top:-95px;background:radial-gradient(circle,rgba(0,215,164,.13),transparent 70%);pointer-events:none}.plugin-card:hover{transform:translateY(-5px);border-color:var(--n2-border-strong)}.plugin-card.is-active{box-shadow:inset 0 2px 0 rgba(0,215,164,.65),var(--n2-shadow-soft)}.plugin-card header{display:flex;gap:13px;align-items:center;position:relative;z-index:1}.plugin-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,rgba(0,215,164,.17),rgba(108,92,255,.15));border:1px solid rgba(0,215,164,.16);color:var(--n2-brand)}.plugin-icon .icon{width:23px}.plugin-card h2{font-size:17px;margin:3px 0}.plugin-card header small,.plugin-card>p{color:var(--n2-muted)}.plugin-card>p{line-height:1.75;font-size:13px}.plugin-category{text-transform:uppercase;color:var(--n2-brand);font-size:10px;letter-spacing:.08em}.plugin-state{margin-inline-start:auto;padding:7px 10px;border-radius:999px;font-size:11px;background:rgba(255,255,255,.05);color:var(--n2-muted)}.plugin-state.active{color:var(--n2-brand);background:rgba(0,215,164,.1)}.plugin-feature-tags{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 16px}.plugin-feature-tags span{font-size:10px;padding:6px 8px;border-radius:8px;background:var(--n2-panel-2);border:1px solid var(--n2-border);color:var(--n2-muted)}.plugin-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid var(--n2-border)}.plugin-card footer form{margin:0}.plugin-card footer button{padding:8px 14px}.plugin-card code{color:var(--n2-muted);font-size:11px}.protected-plugin{display:flex;align-items:center;gap:6px;color:var(--n2-brand);font-size:12px}.protected-plugin .icon{width:15px}.plugin-error{display:flex;gap:8px;padding:10px;border-radius:10px;background:rgba(255,71,111,.09);color:#ff8ca5;font-size:11px;margin-bottom:10px}.plugin-error .icon{width:16px;flex:none}

@media(max-width:1150px){.plugin-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.plugin-library-head{align-items:flex-start;flex-direction:column}.plugin-library-grid{grid-template-columns:1fr}.plugin-principles .feature-check-list{grid-template-columns:1fr}.plugin-card{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.nabd-js .n2-reveal{opacity:0;transform:translateY(12px)}.nabd-js .n2-reveal.n2-revealed{opacity:1;transform:none;transition:opacity .55s var(--n2-ease),transform .55s var(--n2-ease)}