/* CyberToolkit V18 — Royal Intelligence Design System */
:root{
 --ct-bg:#f5f7fb;--ct-surface:#fff;--ct-surface-2:#f8fafc;--ct-text:#101525;--ct-muted:#657086;--ct-line:#e6eaf1;
 --ct-a:#7357d8;--ct-b:#c89a2b;--ct-gold:#c89a2b;--ct-green:#14a875;--ct-red:#d94a62;
 --ct-shadow:0 18px 55px rgba(23,28,44,.08);--ct-shadow-sm:0 8px 26px rgba(23,28,44,.07);--ct-radius:22px;
 --primary:var(--ct-gold);--primary-dark:#a77d18;--secondary:#11131b;--background:var(--ct-bg);--card-bg:var(--ct-surface);--text:var(--ct-text);--text-muted:var(--ct-muted);--border:var(--ct-line);
 --gradient-hero:linear-gradient(100deg,#5e3bc8,#9a64e8 45%,#11a9a2);--shadow:var(--ct-shadow-sm);--shadow-hover:var(--ct-shadow);
}
html{background:var(--ct-bg);color:var(--ct-text)}body{background:var(--ct-bg);color:var(--ct-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}.text-muted{color:var(--ct-muted)!important}
.main-header{height:68px;background:color-mix(in srgb,var(--ct-surface) 92%,transparent);border-bottom:1px solid var(--ct-line);box-shadow:0 5px 25px rgba(30,35,50,.05);backdrop-filter:blur(18px);top:0}
.header-inner{height:68px;max-width:1420px;margin:auto}.logo-link{gap:10px!important}.logo-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--ct-a),#9c70ee);color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--ct-a) 30%,transparent)}.logo-icon i{font-size:16px}.logo-text{color:var(--ct-text);font-weight:850;letter-spacing:-.02em}.header-center{flex:1;justify-content:center}.ct-command-trigger{width:min(520px,100%);height:42px;border:1px solid var(--ct-line);border-radius:13px;background:var(--ct-surface-2);color:var(--ct-muted);display:flex;align-items:center;gap:10px;padding:0 13px;cursor:pointer}.ct-command-trigger span{flex:1;text-align:left}.ct-command-trigger kbd{font-size:10px;border:1px solid var(--ct-line);border-radius:7px;padding:4px 7px;background:var(--ct-surface)}.action-btn{background:var(--ct-surface);color:var(--ct-text);border:1px solid var(--ct-line);box-shadow:none;border-radius:12px;width:40px;height:40px}.action-btn:hover{color:var(--ct-a);border-color:color-mix(in srgb,var(--ct-a) 35%,var(--ct-line));box-shadow:var(--ct-shadow-sm)}
.announcement-bar{background:#17131f;color:#f6d77a;padding:8px 16px;position:relative;top:0}
.main-content{max-width:1440px;margin:auto;padding:24px 28px 110px}.hero-section{padding:34px 20px 22px;text-align:left;border:1px solid var(--ct-line);border-radius:28px;background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--ct-a) 16%,transparent),transparent 35%),linear-gradient(135deg,var(--ct-surface),var(--ct-surface-2));box-shadow:var(--ct-shadow);position:relative;overflow:hidden}.hero-section:after{content:"";position:absolute;inset:auto -10% -65% 40%;height:250px;background:radial-gradient(circle,color-mix(in srgb,var(--ct-gold) 18%,transparent),transparent 65%);pointer-events:none}.hero-title{font-size:clamp(2rem,4vw,4.1rem);letter-spacing:-.045em;margin:0 0 10px;max-width:850px}.hero-subtitle{max-width:760px;color:var(--ct-muted);line-height:1.7;margin-bottom:18px}.stats-row{justify-content:flex-start}.stat-pill{background:var(--ct-surface);border:1px solid var(--ct-line);box-shadow:none;color:var(--ct-text)}.stat-pill .stat-value{color:var(--ct-a)}
.search-section{max-width:none;padding:18px 0}.search-input{border:1px solid var(--ct-line);border-radius:16px;background:var(--ct-surface);color:var(--ct-text);box-shadow:var(--ct-shadow-sm)}.search-input:focus{border-color:var(--ct-a);box-shadow:0 0 0 4px color-mix(in srgb,var(--ct-a) 10%,transparent)}.search-results{border:1px solid var(--ct-line);box-shadow:var(--ct-shadow)}
.category-section{background:transparent}.category-tabs{padding:8px 0}.category-tab{background:var(--ct-surface);border:1px solid var(--ct-line);box-shadow:none}.category-tab.active{background:linear-gradient(135deg,var(--ct-a),#9a64e8);color:#fff;border-color:transparent;box-shadow:0 10px 25px color-mix(in srgb,var(--ct-a) 25%,transparent)}
.tools-grid{gap:14px}.tool-card{background:var(--ct-surface);border:1px solid var(--ct-line);border-radius:18px;box-shadow:var(--ct-shadow-sm);text-align:left}.tool-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--ct-a) 35%,var(--ct-line));box-shadow:var(--ct-shadow)}.tool-icon{border-radius:14px}.tool-name{font-weight:800}.tool-creator,.tool-type{color:var(--ct-muted)}.tool-open-btn{border-radius:11px!important;background:linear-gradient(135deg,var(--ct-a),#9a64e8)!important;color:#fff!important;border:0!important}.favorite-btn.active,.favorite-btn:hover{color:var(--ct-gold)!important}
.content-section,.settings-v17-card,.certificate-shell,.ct-course-sidebar,.ct-quiz,.ct-certificate-cta,.dashboard-academy-card,.ct-courses-below-tools{background:var(--ct-surface);border-color:var(--ct-line);box-shadow:var(--ct-shadow-sm)}
.page-title{letter-spacing:-.04em}.page-subtitle{color:var(--ct-muted)}.btn-ybt{background:linear-gradient(135deg,var(--ct-a),#9a64e8)!important;border:0!important;color:#fff!important;box-shadow:0 12px 25px color-mix(in srgb,var(--ct-a) 22%,transparent)}.btn-ybt-outline{background:var(--ct-surface)!important;border:1px solid var(--ct-line)!important;color:var(--ct-text)!important}.btn-ybt-outline:hover{border-color:var(--ct-a)!important;color:var(--ct-a)!important}
/* Royal design families */
html[data-site-theme="royal-gold"],body[data-theme-layout="royal-gold"]{--ct-a:#7651d7;--ct-b:#d3a63c;--ct-gold:#d3a63c}.theme-royal-gold .ct-theme-preview{background:linear-gradient(135deg,#171224,#5b3b9b,#d3a63c)}
html[data-site-theme="ivory-luxe"],body[data-theme-layout="ivory-luxe"]{--ct-a:#8b5cf6;--ct-b:#b78a28;--ct-gold:#b78a28;--ct-bg:#f7f4ec}.theme-ivory-luxe .ct-theme-preview{background:linear-gradient(135deg,#fffdf6,#e9dfc8,#8b5cf6)}
html[data-site-theme="sapphire-royal"],body[data-theme-layout="sapphire-royal"]{--ct-a:#4169e1;--ct-b:#d7b34c;--ct-gold:#d7b34c}.theme-sapphire-royal .ct-theme-preview{background:linear-gradient(135deg,#07152f,#315bc8,#d7b34c)}
html[data-site-theme="emerald-royal"],body[data-theme-layout="emerald-royal"]{--ct-a:#087f5b;--ct-b:#c9a227;--ct-gold:#c9a227}.theme-emerald-royal .ct-theme-preview{background:linear-gradient(135deg,#071c17,#087f5b,#c9a227)}
html[data-site-theme="rose-royal"],body[data-theme-layout="rose-royal"]{--ct-a:#b04d7a;--ct-b:#caa44b;--ct-gold:#caa44b}.theme-rose-royal .ct-theme-preview{background:linear-gradient(135deg,#2a1221,#b04d7a,#caa44b)}
html[data-site-theme="platinum-royal"],body[data-theme-layout="platinum-royal"]{--ct-a:#586174;--ct-b:#b58b35;--ct-gold:#b58b35;--ct-bg:#f3f5f8}.theme-platinum-royal .ct-theme-preview{background:linear-gradient(135deg,#101622,#586174,#b58b35)}
.settings-theme-art.theme-royal-gold{background:linear-gradient(135deg,#171224,#5c3a9f,#d2a43c)}.settings-theme-art.theme-ivory-luxe{background:linear-gradient(135deg,#fffdf6,#eadfc8,#8b5cf6);color:#3d3155}.settings-theme-art.theme-sapphire-royal{background:linear-gradient(135deg,#08162e,#315bc8,#d7b34c)}.settings-theme-art.theme-emerald-royal{background:linear-gradient(135deg,#061b16,#087f5b,#c9a227)}.settings-theme-art.theme-rose-royal{background:linear-gradient(135deg,#2a1221,#b04d7a,#caa44b)}.settings-theme-art.theme-platinum-royal{background:linear-gradient(135deg,#111725,#5b6477,#b58b35)}
/* Night mode */
html[data-mode="dark"]{--ct-bg:#060912;--ct-surface:#0c111c;--ct-surface-2:#101725;--ct-text:#f4f7fb;--ct-muted:#98a4b8;--ct-line:#1d2737;--background:var(--ct-bg);--card-bg:var(--ct-surface);--text:var(--ct-text);--text-muted:var(--ct-muted);--border:var(--ct-line);color-scheme:dark}
html[data-mode="dark"] .main-header{background:rgba(8,12,20,.86)}html[data-mode="dark"] .logo-text{color:#fff}html[data-mode="dark"] .hero-section{background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--ct-a) 22%,transparent),transparent 35%),linear-gradient(135deg,#0b101b,#0d1422)}html[data-mode="dark"] .tool-card,html[data-mode="dark"] .search-input,html[data-mode="dark"] .stat-pill,html[data-mode="dark"] .content-section{background:var(--ct-surface)}html[data-mode="dark"] .announcement-bar{background:#05070d}.drawer-overlay{background:rgba(2,5,12,.65)!important}.slide-drawer{background:var(--ct-surface)!important;color:var(--ct-text)!important;border-left:1px solid var(--ct-line)}
/* Workspace / dashboard */
.dashboard-v18{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.dash-v18-hero{border:1px solid var(--ct-line);border-radius:26px;padding:26px;background:radial-gradient(circle at 82% 10%,color-mix(in srgb,var(--ct-a) 18%,transparent),transparent 32%),linear-gradient(135deg,var(--ct-surface),var(--ct-surface-2));box-shadow:var(--ct-shadow);position:relative;overflow:hidden}.dash-v18-kicker{font-size:.68rem;letter-spacing:.16em;font-weight:900;color:var(--ct-a)}.dash-v18-hero h1{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.045em;margin:6px 0}.dash-v18-hero p{color:var(--ct-muted);max-width:720px}.dash-v18-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.dash-v18-metric{padding:14px;border:1px solid var(--ct-line);border-radius:16px;background:color-mix(in srgb,var(--ct-surface) 86%,transparent)}.dash-v18-metric b{display:block;font-size:1.45rem}.dash-v18-metric span{font-size:.72rem;color:var(--ct-muted)}.dash-v18-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.dash-v18-card{background:var(--ct-surface);border:1px solid var(--ct-line);border-radius:20px;padding:18px;box-shadow:var(--ct-shadow-sm)}.dash-v18-card h3{font-size:1rem;margin:0 0 12px}.dash-v18-list{display:grid;gap:8px}.dash-v18-list a{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--ct-line);border-radius:13px;text-decoration:none}.dash-v18-list a:hover{border-color:var(--ct-a)}.dash-v18-list i{color:var(--ct-a);width:28px;text-align:center}.dash-v18-side{display:grid;gap:14px}.dash-v18-profile,.dash-v18-side-card{background:var(--ct-surface);border:1px solid var(--ct-line);border-radius:20px;padding:18px;box-shadow:var(--ct-shadow-sm)}.dash-v18-profile{text-align:center}.dash-v18-avatar{width:78px;height:78px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:linear-gradient(135deg,#101827,var(--ct-a));color:#fff;font-size:25px;border:3px solid color-mix(in srgb,var(--ct-gold) 60%,transparent)}.dash-v18-side-card h3{font-size:.95rem}.dash-v18-side-card p,.dash-v18-side-card small{color:var(--ct-muted)}
/* Academy */
.ct-course-layout{grid-template-columns:290px minmax(0,1fr)}.ct-course-sidebar{border-radius:22px}.ct-video-frame{box-shadow:0 20px 70px rgba(0,0,0,.22)}
/* command modal */
.ct-command-overlay{background:rgba(4,7,14,.58)!important;backdrop-filter:blur(12px)}.ct-command-modal{background:var(--ct-surface)!important;border:1px solid var(--ct-line);box-shadow:0 30px 100px rgba(0,0,0,.25)}.ct-command-input-wrap{border-bottom-color:var(--ct-line)!important}.ct-command-input-wrap input{color:var(--ct-text)!important}
/* responsive */
@media(max-width:1050px){.main-content{padding:18px 18px 100px}.dashboard-v18{grid-template-columns:1fr}.dash-v18-grid{grid-template-columns:1fr 1fr}.dash-v18-side{grid-template-columns:1fr 1fr}.header-center{display:none!important}}
@media(max-width:700px){.main-header{height:60px}.header-inner{height:60px}.main-content{padding:12px 12px 92px}.hero-section{padding:24px 16px;border-radius:22px}.hero-title{font-size:2.15rem}.stats-row{gap:7px}.stat-pill{font-size:.72rem;padding:7px 10px}.tools-grid{grid-template-columns:repeat(2,1fr)!important;gap:9px}.tool-card{padding:14px 11px;border-radius:15px}.tool-name{font-size:.82rem}.tool-icon{width:46px;height:46px;font-size:1.2rem}.dash-v18-metrics{grid-template-columns:repeat(2,1fr)}.dash-v18-grid,.dash-v18-side{grid-template-columns:1fr}.dash-v18-hero{padding:19px}.ct-course-layout{grid-template-columns:1fr}.ct-course-sidebar{position:relative;top:auto}.ct-lesson-list{grid-template-columns:1fr!important}.ct-video-head,.ct-certificate-cta{flex-direction:column}.settings-theme-grid{grid-template-columns:repeat(2,1fr)!important}}
/* V19 theme variable layer — explicit fallbacks keep every design rendered even when color-mix is unavailable. */
:root{--ct-bg:#f6f7fb;--ct-surface:#ffffff;--ct-surface-2:#f8f9fc;--ct-text:#161a24;--ct-muted:#687386;--ct-line:#e4e8ef;--ct-shadow:0 18px 55px rgba(18,24,40,.09);--ct-shadow-sm:0 8px 25px rgba(18,24,40,.06);--ct-a:#7651d7;--ct-gold:#c89a2b;--ct-b:#c89a2b;--background:var(--ct-bg);--card-bg:var(--ct-surface);--text:var(--ct-text);--text-muted:var(--ct-muted);--border:var(--ct-line)}
html,body{background:var(--ct-bg);color:var(--ct-text)}
html[data-mode="dark"]{--ct-bg:#060912;--ct-surface:#0c111c;--ct-surface-2:#101725;--ct-text:#f4f7fb;--ct-muted:#98a4b8;--ct-line:#1d2737;--ct-shadow:0 20px 70px rgba(0,0,0,.34);--ct-shadow-sm:0 10px 35px rgba(0,0,0,.26);color-scheme:dark}
html[data-site-theme="royal-gold"]{--ct-a:#7651d7;--ct-gold:#d3a63c;--ct-b:#d3a63c}
html[data-site-theme="ivory-luxe"]{--ct-a:#8b5cf6;--ct-gold:#b78a28;--ct-b:#b78a28}
html[data-site-theme="sapphire-royal"]{--ct-a:#4169e1;--ct-gold:#d7b34c;--ct-b:#d7b34c}
html[data-site-theme="emerald-royal"]{--ct-a:#087f5b;--ct-gold:#c9a227;--ct-b:#c9a227}
html[data-site-theme="rose-royal"]{--ct-a:#b04d7a;--ct-gold:#caa44b;--ct-b:#caa44b}
html[data-site-theme="platinum-royal"]{--ct-a:#586174;--ct-gold:#b58b35;--ct-b:#b58b35}
html[data-theme-palette="violet"]{--ct-a:#7651d7}html[data-theme-palette="sapphire"]{--ct-a:#4169e1}html[data-theme-palette="emerald"]{--ct-a:#087f5b}html[data-theme-palette="rose"]{--ct-a:#b04d7a}html[data-theme-palette="platinum"]{--ct-a:#586174}html[data-theme-palette="gold"]{--ct-a:#7651d7}
body[data-theme-accent]:not([data-theme-accent=""]){--ct-a:var(--user-accent)}
.settings-v19-card,.settings-v19-theme,.settings-v19-modebar{color:var(--ct-text)}
.ct-theme-switching *{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important}