:root[data-portal-theme="emeraldgold"]{--portal-bg:#f3f7f3;--portal-panel:rgba(255,255,255,.94);--portal-border:rgba(12,74,55,.13);--portal-ink:#103b30;--portal-muted:#66786f;--portal-accent:#0b6b4f;--portal-accent-2:#c9a227;--portal-sidebar:#073f31;--portal-sidebar-2:#0a5a43;--portal-shadow:0 18px 50px rgba(7,63,49,.12)}
:root[data-portal-theme="midnightgold"]{--portal-bg:#08110f;--portal-panel:rgba(15,29,25,.9);--portal-border:rgba(216,177,70,.17);--portal-ink:#f5f2e8;--portal-muted:#b6b8ae;--portal-accent:#d6ae3d;--portal-accent-2:#f3d77c;--portal-sidebar:#050a09;--portal-sidebar-2:#12251f;--portal-shadow:0 22px 60px rgba(0,0,0,.38)}
:root[data-portal-theme="sapphire"]{--portal-bg:#eef4fb;--portal-panel:rgba(255,255,255,.94);--portal-border:rgba(29,78,216,.12);--portal-ink:#14284a;--portal-muted:#66758e;--portal-accent:#1d4ed8;--portal-accent-2:#60a5fa;--portal-sidebar:#102b5c;--portal-sidebar-2:#17468f;--portal-shadow:0 18px 48px rgba(29,78,216,.11)}
:root[data-portal-theme="midnight"]{--portal-bg:#07111f;--portal-panel:rgba(19,31,49,.72);--portal-border:rgba(143,170,210,.14);--portal-ink:#ecf4ff;--portal-muted:#9bacbf;--portal-accent:#70a7ff;--portal-shadow:0 22px 60px rgba(0,0,0,.34)}
:root[data-portal-theme="pearl"]{--portal-bg:#f4f6f8;--portal-panel:rgba(255,255,255,.94);--portal-border:#e4e9ef;--portal-ink:#18212f;--portal-muted:#667085;--portal-accent:#2563eb;--portal-shadow:0 16px 40px rgba(30,41,59,.08)}
:root[data-portal-theme="emerald"]{--portal-bg:#e9f4ef;--portal-panel:rgba(255,255,255,.78);--portal-border:rgba(37,99,75,.13);--portal-ink:#12372c;--portal-muted:#5d766d;--portal-accent:#087f5b;--portal-shadow:0 18px 52px rgba(18,89,67,.12)}
html[data-portal-theme] body{background:var(--portal-bg);color:var(--portal-ink)}
html[data-portal-theme] .sidebar,html[data-portal-theme] .topbar,html[data-portal-theme] .panel,html[data-portal-theme] .login-card,html[data-portal-theme] dialog{background:var(--portal-panel)!important;border-color:var(--portal-border)!important;box-shadow:var(--portal-shadow)!important;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
html[data-portal-theme] .panel h3,html[data-portal-theme] .topbar h2,html[data-portal-theme] .brand strong,html[data-portal-theme] label{color:var(--portal-ink)}
html[data-portal-theme] .panel small,html[data-portal-theme] .topbar p,html[data-portal-theme] .brand span{color:var(--portal-muted)}
html[data-portal-theme] .sidebar nav button.active,html[data-portal-theme] .primary{background:linear-gradient(135deg,var(--portal-accent),color-mix(in srgb,var(--portal-accent),white 22%))!important;color:#fff!important;box-shadow:0 10px 28px color-mix(in srgb,var(--portal-accent),transparent 70%)}
.sidebar-search{display:flex;align-items:center;gap:8px;margin:4px 8px 14px;padding:9px 11px;border:1px solid var(--portal-border,rgba(255,255,255,.12));border-radius:14px;background:rgba(255,255,255,.12)}.sidebar-search input{border:0!important;background:transparent!important;padding:0!important;min-width:0;box-shadow:none!important}.sidebar-search span{opacity:.65}
.portal-settings-nav{position:sticky;top:8px;z-index:5;display:grid!important;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;padding:10px;border:1px solid var(--portal-border);border-radius:20px;background:var(--portal-panel);backdrop-filter:blur(24px)}.portal-settings-nav button{display:flex;align-items:center;justify-content:flex-start;gap:8px;border-radius:14px!important}.portal-settings-nav button b{font-size:17px}
.guide-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px;border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--portal-accent),transparent 12%),color-mix(in srgb,var(--portal-accent),white 42%));color:#fff;box-shadow:var(--portal-shadow);margin-bottom:18px}.guide-hero h3{font-size:28px;margin:4px 0}.guide-hero p{opacity:.88}.guide-search{position:relative;min-width:min(420px,45%)}.guide-search input{width:100%;padding-right:42px!important;background:rgba(255,255,255,.86)!important;color:#162033!important}.guide-search span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#30415b}.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}.guide-index{position:sticky;top:20px;align-self:start;display:grid;gap:7px;padding:10px;border-radius:20px;background:var(--portal-panel);border:1px solid var(--portal-border);box-shadow:var(--portal-shadow);backdrop-filter:blur(24px)}.guide-index button{text-align:left;border-radius:12px}.guide-index button.active{background:var(--portal-accent);color:#fff}.guide-content{display:grid;gap:16px}.guide-section{scroll-margin-top:18px}.guide-steps{display:grid;gap:10px}.guide-steps article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px;border:1px solid var(--portal-border);border-radius:16px;background:rgba(255,255,255,.1)}.guide-steps article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--portal-accent),transparent 84%);color:var(--portal-accent);font-weight:800}.guide-steps h4{margin:0 0 4px}.guide-steps p{margin:0;color:var(--portal-muted)}
body.compact-sidebar .sidebar nav button{padding-top:7px;padding-bottom:7px}body.compact-sidebar .nav-groups{gap:4px}.reduce-motion *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(max-width:980px){.portal-theme-grid{grid-template-columns:repeat(2,1fr)}.portal-settings-nav{grid-template-columns:repeat(2,1fr)}.guide-layout{grid-template-columns:1fr}.guide-index{position:static;grid-template-columns:repeat(2,1fr)}.guide-hero{align-items:stretch;flex-direction:column}.guide-search{min-width:0;width:100%}}
@media(max-width:600px){.portal-theme-grid,.portal-settings-nav,.guide-index{grid-template-columns:1fr}.portal-settings-nav{position:static}.guide-hero{padding:19px}.guide-hero h3{font-size:22px}.theme-preview{height:82px}.portal-theme-options{flex-direction:column;gap:10px}}


/* v0.6.6.7.6 Premium dashboard and navigation */
html[data-portal-theme="emeraldgold"] body{background:radial-gradient(circle at 90% 0,rgba(201,162,39,.11),transparent 25%),linear-gradient(180deg,#f7faf7,#eef5f0)}
html[data-portal-theme="emeraldgold"] .sidebar,html[data-portal-theme="emeraldgold"] .topbar{background:linear-gradient(165deg,var(--portal-sidebar),var(--portal-sidebar-2))!important;border-color:rgba(255,255,255,.1)!important;color:#fff;box-shadow:0 22px 60px rgba(4,56,42,.22)!important}
html[data-portal-theme="emeraldgold"] .sidebar .brand strong,html[data-portal-theme="emeraldgold"] .sidebar .brand span,html[data-portal-theme="emeraldgold"] .sidebar nav button,html[data-portal-theme="emeraldgold"] .sidebar summary{color:#fff!important}
html[data-portal-theme="emeraldgold"] .sidebar .brand span{color:rgba(255,255,255,.68)!important}
html[data-portal-theme="emeraldgold"] .sidebar nav button.active{background:linear-gradient(135deg,#c9a227,#edce68)!important;color:#193b31!important;box-shadow:0 10px 28px rgba(201,162,39,.32)}
html[data-portal-theme="emeraldgold"] .sidebar nav button:hover:not(.active){background:rgba(255,255,255,.1)!important}
html[data-portal-theme="emeraldgold"] .sidebar-search{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
html[data-portal-theme="emeraldgold"] .sidebar-search input{color:#fff!important}html[data-portal-theme="emeraldgold"] .sidebar-search input::placeholder{color:rgba(255,255,255,.55)}
html[data-portal-theme="emeraldgold"] .panel{border-top:3px solid rgba(201,162,39,.65)!important}
html[data-portal-theme="emeraldgold"] .primary{background:linear-gradient(135deg,#0b6b4f,#0f8a65)!important;box-shadow:0 10px 26px rgba(11,107,79,.24)!important}
html[data-portal-theme="emeraldgold"] .badge,html[data-portal-theme="emeraldgold"] .status-pill{border-color:rgba(201,162,39,.3)}
.nav-groups{display:grid;gap:10px;padding:6px 8px 16px}.nav-groups details{border:1px solid transparent;border-radius:16px;overflow:hidden;transition:.2s ease}.nav-groups details[open]{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}.nav-groups summary{display:flex;align-items:center;min-height:42px;padding:10px 12px;border-radius:13px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;opacity:.78}.nav-groups details[open] summary{opacity:1}.nav-groups details>div{display:grid;gap:4px;padding:0 7px 8px}.nav-groups button[data-page]{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;border-radius:12px;text-align:left;font-weight:650;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.nav-groups button[data-page]:hover{transform:translateX(3px)}.nav-groups button[data-page].active:before{content:"";position:absolute;left:5px;top:25%;bottom:25%;width:3px;border-radius:5px;background:currentColor}.sidebar-search{margin:0 0 6px!important;border-radius:13px!important;min-height:42px}.sidebar-search input{font-size:13px!important}.portal-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-emeraldgold{background:linear-gradient(145deg,#063f31,#0d7354 62%,#d6b23e)}.preview-midnightgold{background:linear-gradient(145deg,#050a09,#152b24 62%,#d6ae3d)}.preview-sapphire{background:linear-gradient(145deg,#102b5c,#2563c8 62%,#7bb8ff)}
@media(max-width:980px){.portal-theme-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.portal-theme-grid{grid-template-columns:1fr}.nav-groups button[data-page]{min-height:46px}}