:root{--bg: #faf7f0;--panel: #ffffff;--panel-alt: #f5eee2;--panel-soft: #fcfaf6;--line: #e9dfd0;--text: #25342f;--muted: #68766f;--primary: #c45a27;--primary-strong: #873d23;--secondary: #15796f;--success: #14b78a;--warning: #ffb648;--shadow: 0 22px 40px rgba(69, 54, 34, .1);--radius: 22px;--brand-glow: rgba(196, 90, 39, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:DM Sans,sans-serif;background:radial-gradient(circle at top left,rgba(196,90,39,.1),transparent 30%),radial-gradient(circle at top right,rgba(21,121,111,.08),transparent 24%),linear-gradient(180deg,#fbf8f2,#f5f1e8);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}img{display:block;max-width:100%}#root,.app-shell{min-height:100vh}.topbar{width:min(1280px,calc(100% - 40px));margin:20px auto 0;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(233,223,208,.85);border-radius:20px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:12px;z-index:20}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,var(--primary),#e49a55);color:#fff;box-shadow:var(--shadow)}.brand-wrap h1{margin:0;font-size:1.55rem;font-family:Fraunces,Georgia,serif;color:#263c34}h2,h3,h4,h5{font-family:Fraunces,Georgia,serif;font-weight:600}.eyebrow{margin:0 0 4px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.primary-btn:focus-visible,.secondary-btn:focus-visible,.nav-link:focus-visible,.search-wrap input:focus-visible,.field-group input:focus-visible,.field-group textarea:focus-visible,.template-card:focus-visible,.category-pill:focus-visible,.stream-pill:focus-visible,.tree-node:focus-visible{outline:3px solid rgba(196,90,39,.22);outline-offset:2px}.eyebrow.accent{color:var(--primary-strong)}.main-nav{display:flex;gap:8px;flex-wrap:wrap}.nav-link{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:999px;transition:.2s ease}.nav-link.active,.nav-link:hover{background:#c45a2717;color:var(--primary-strong)}.topbar-actions,.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.basket-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(196,90,39,.18);background:linear-gradient(135deg,#c45a2714,#15796f14);color:var(--primary-strong);font-weight:700;box-shadow:inset 0 0 0 1px #fff6}.primary-btn,.secondary-btn{border:0;border-radius:12px;padding:12px 18px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.primary-btn{background:linear-gradient(135deg,var(--primary),#dc8040);color:#fff;box-shadow:0 18px 28px #c45a2740}.secondary-btn{background:#0d14230a;color:var(--text)}.primary-btn:hover,.secondary-btn:hover,.category-pill:hover,.stream-pill:hover,.tree-node:hover{transform:translateY(-1px);box-shadow:0 10px 18px #c45a271f}.small{padding:9px 12px;font-size:.85rem}.container{width:min(1280px,calc(100% - 40px));margin:26px auto 40px}.dashboard-selector-box{background:#ffffffdb;border:1px solid rgba(233,223,208,.9);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px;margin-bottom:26px}.selector-header{margin-bottom:16px}.selector-header h3{margin:0;font-size:1.9rem}.template-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px;border:1px solid var(--line);border-radius:18px;background:#f7f9fe;color:var(--text);text-align:left;transition:.2s ease;box-shadow:inset 0 0 0 1px #fff6}.template-card:hover{transform:translateY(-2px);box-shadow:0 18px 24px #253a7614;border-color:#c45a2733}.template-card.selected{background:linear-gradient(135deg,#c45a271a,#15796f14);border-color:#c45a2759;box-shadow:0 16px 28px #c45a271f}.template-card.learner .template-label{background:#41754f1a;color:#346344}.template-card.instructor .template-label{background:#15796f1a;color:#0f766e}.template-card.admin .template-label{background:#c45a271a;color:#873d23}.template-card.learner .mini-bars span{background:linear-gradient(180deg,#41754fcc,#41754f2e)}.template-card.learner .mini-bars span:nth-child(2n){background:linear-gradient(180deg,#6f9763d1,#6f97632e)}.template-card.instructor .mini-bars span{background:linear-gradient(180deg,#0d9488cc,#0d94882e)}.template-card.instructor .mini-bars span:nth-child(2n){background:linear-gradient(180deg,#14b8a6d1,#14b8a62e)}.template-card.admin .mini-bars span{background:linear-gradient(180deg,#c45a27cc,#c45a272e)}.template-card.admin .mini-bars span:nth-child(2n){background:linear-gradient(180deg,#e59d5bd1,#e59d5b2e)}.template-top-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.template-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:#c45a2714;color:var(--primary-strong);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.template-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#14b78a1f;color:#0a8d67;font-size:.68rem;font-weight:700}.template-preview{width:100%;margin-top:2px}.mini-window{width:100%;min-height:102px;border-radius:14px;border:1px solid rgba(128,145,185,.35);background:linear-gradient(180deg,#fffffff5,#e9efffe6);padding:10px 10px 8px;display:flex;flex-direction:column;gap:10px}.mini-header{display:flex;gap:6px}.mini-header span{width:8px;height:8px;border-radius:50%;background:#616c8b73}.mini-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mini-metric{height:18px;border-radius:8px;background:linear-gradient(135deg,#c45a2738,#c45a2714)}.mini-metric.short{background:linear-gradient(135deg,#15796f38,#15796f14)}.mini-bars{display:flex;align-items:end;gap:6px;height:34px}.mini-bars span{flex:1;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#c45a27cc,#c45a2733)}.mini-bars span:nth-child(2n){background:linear-gradient(180deg,#15796fcc,#15796f33)}.template-card strong{font-size:1.25rem}.template-card small{color:var(--muted);line-height:1.5}.dashboard-panel{margin-top:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#f7f9fe,#eff3ffb3);padding:20px}.dashboard-panel.learner{background:linear-gradient(180deg,#f5f7ef,#edf2e7)}.dashboard-panel.instructor{background:linear-gradient(180deg,#eff8f4,#e5f1eb)}.dashboard-panel.admin{background:linear-gradient(180deg,#fff8f0,#f8ebdc)}.dashboard-panel.learner .status-pill{background:#41754f1a;color:#346344}.dashboard-panel.instructor .status-pill{background:#0d94881a;color:#0f766e}.dashboard-panel.admin .status-pill{background:#c45a271a;color:#873d23}.dashboard-panel.learner .metric-box strong,.dashboard-panel.learner .content-row strong{color:#346344}.dashboard-panel.instructor .metric-box strong,.dashboard-panel.instructor .content-row strong{color:#115e59}.dashboard-panel.admin .metric-box strong,.dashboard-panel.admin .content-row strong{color:#873d23}.dashboard-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dashboard-summary h3{margin:0}.status-pill{padding:8px 12px;border-radius:999px;background:#14b78a1a;color:#0a8d67;font-size:.72rem;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;gap:6px}.metric-box span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.metric-box strong{font-size:clamp(1.25rem,2vw,2rem)}.metric-box small{color:var(--muted)}.role-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-top:20px}.focus-panel{background:#ffffffbf;border:1px solid rgba(137,149,180,.28);border-radius:18px;padding:16px}.dashboard-panel.learner .focus-panel{background:#ffffffdb;border-color:#41754f29}.dashboard-panel.instructor .focus-panel{background:#ffffffdb;border-color:#0d948829}.dashboard-panel.admin .focus-panel{background:#ffffffdb;border-color:#c45a2729}.focus-panel.large{min-height:180px}.panel-head{margin-bottom:14px}.panel-head h4{margin:0;font-size:1.2rem}.path-card,.session-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#c45a270f}.path-card strong,.session-card strong{display:block;margin-top:4px}.path-card small,.session-card small,.mini-note{color:var(--muted)}.progress-ring{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;margin:18px auto 0;background:conic-gradient(#41754f 0,#41754f 72%,#41754f1f 72%,#41754f1f);position:relative}.progress-ring:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#ffffffe6}.progress-ring span{position:relative;z-index:1;font-weight:800;color:var(--primary-strong)}.streak-row{display:flex;gap:8px;margin-top:8px}.streak-row span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0f172a0a;font-size:.7rem;font-weight:700}.streak-row .active-day{background:#41754f1f;color:#346344}.engagement-bars{display:flex;flex-direction:column;gap:10px}.engagement-bars div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#0f172a08}.engagement-bars span{color:var(--muted)}.engagement-bars b{color:var(--text)}.template-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.content-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.content-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.content-row strong{font-size:.95rem}.content-row span{color:var(--muted);font-size:.7rem}.progress-bar{width:100%;height:8px;background:#c45a2714;border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#dc8040,var(--secondary));border-radius:999px}.content-card small{display:block;margin-top:8px;color:var(--muted)}.admin-insights-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:20px}.hero-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-bottom:26px}.hero-copy,.hero-visual,.sidebar-panel,.content-panel,.detail-panel,.detail-content{background:#ffffffdb;border:1px solid rgba(233,223,208,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-copy{padding:34px 28px}.hero-copy h2{margin:0;font-size:clamp(2.3rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;max-width:620px;background:linear-gradient(135deg,#25342f,#c45a27 48%,#15796f);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{color:var(--muted);font-size:1.02rem;line-height:1.7;max-width:620px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:12px;margin-top:26px}.stat-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.stat-card span{font-size:clamp(1.15rem,2vw,1.6rem);font-weight:700}.stat-card small{color:var(--muted);text-transform:capitalize}.hero-visual{padding:26px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#c45a270d,#137e7614)}.tree-card{width:100%;border-radius:22px;padding:18px;background:#fffc;border:1px solid var(--line);box-shadow:inset 0 1px #ffffffb3}.tree-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:700}.badge{background:#14b78a1f;color:#0a8d67;padding:6px 10px;border-radius:999px;font-size:.8rem}.tree-levels{display:grid;gap:10px;margin-top:14px}.tree-node,.category-pill,.stream-pill{border:1px solid var(--line);background:var(--panel-soft);color:var(--text);border-radius:12px;transition:all .2s ease}.tree-node{padding:10px 12px;text-align:left;font-weight:600}.tree-node.selected,.category-pill.selected,.stream-pill.selected{background:#c45a271a;border-color:#c45a2752;color:var(--primary-strong)}.tree-branch{display:flex;align-items:center;gap:10px}.node.root{padding:10px 12px;font-weight:700;background:linear-gradient(135deg,#c45a271f,#e59d5b24);border-radius:12px}.branch-line{height:1px;background:linear-gradient(90deg,rgba(196,90,39,.7),transparent);flex:1}.portal-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;margin-bottom:26px}.sidebar-panel,.content-panel{padding:20px}.panel-header h3,.category-spotlight h4,.course-grid-header h4,.detail-panel h4{margin:0}.panel-header p,.category-spotlight p{color:var(--muted);line-height:1.6}.category-list,.stream-list{display:grid;gap:10px;margin-top:18px}.category-pill,.stream-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px}.category-pill small{color:var(--muted)}.stream-list h4{margin:20px 0 8px}.landing-header,.course-grid-header,.detail-panel{display:flex;align-items:center;justify-content:space-between;gap:16px}.search-wrap{flex:1;max-width:360px}.search-wrap input{width:100%;border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;padding:12px 14px}.department-highlights{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;margin:18px 0 20px}.highlight-card{background:linear-gradient(180deg,#f8faff,#eef4ff);border:1px solid var(--line);border-radius:16px;padding:14px 12px;display:flex;flex-direction:column;gap:8px}.highlight-card span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.highlight-card strong{font-size:1.15rem}.category-spotlight{background:linear-gradient(135deg,#c45a2714,#15796f17);border:1px solid rgba(196,90,39,.14);border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.category-spotlight p{margin:0;max-width:520px}.course-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.course-card{background:linear-gradient(180deg,#fffffff5,#f5f8fff5);border:1px solid rgba(233,223,208,.95);border-radius:18px;overflow:hidden;box-shadow:0 10px 24px #535e8114;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.course-card:hover{transform:translateY(-2px);box-shadow:0 18px 28px #2e3e5e21;border-color:#c45a2738}.course-card img{width:100%;object-fit:cover;height:170px}.course-body{padding:16px;background:linear-gradient(180deg,#ffffff59,#f7f9fe66)}.meta-row,.instructor-row,.price-row,.detail-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.meta-row{margin-bottom:10px}.meta-row span,.instructor-row span,.detail-meta span{color:var(--muted);font-size:.82rem}.course-body h5{margin:0 0 10px;font-size:1.1rem;line-height:1.35}.course-body p{margin:0 0 14px;color:var(--muted);line-height:1.6}.instructor-row{margin-bottom:12px}.price-row strong{font-size:1.2rem}.price-row span{text-decoration:line-through;color:var(--muted)}.detail-strip{display:grid;grid-template-columns:420px minmax(0,1fr);gap:20px}.detail-panel,.detail-content{padding:22px 18px}.detail-actions{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:18px;flex-wrap:wrap}.basket-summary{color:var(--muted);font-size:.8rem;font-weight:700}.detail-meta{margin-top:12px;justify-content:flex-start;flex-wrap:wrap}.detail-basket{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.detail-basket h4{margin:0}.detail-basket strong{font-size:1.2rem}.detail-content ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.8}.analytics-section{display:grid;grid-template-columns:1.35fr .95fr;gap:24px;margin-top:26px}.analytics-panel,.feedback-panel{background:#ffffffdb;border:1px solid rgba(233,223,208,.9);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px}.analytics-header,.feedback-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.analytics-header h3,.feedback-header h3{margin:0;font-size:1.5rem}.trend-chip{background:#14b78a1f;color:#0a8d67;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:700}.buying-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;height:220px;align-items:end;padding:18px 8px 8px;background:linear-gradient(180deg,#c45a270a,#15796f08);border:1px solid var(--line);border-radius:18px}.purchase-column{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:12px}.bar-track{width:100%;height:160px;display:flex;align-items:end;justify-content:center;padding:8px 10px 0;border-radius:12px;background:#ffffff80}.bar-fill{width:100%;min-height:18px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#e49a55 0%,var(--primary) 100%);box-shadow:0 10px 18px #c45a272e}.purchase-column span{color:var(--muted);font-size:.76rem;font-weight:700}.chart-summary{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chart-summary div{border:1px solid var(--line);background:var(--panel-soft);border-radius:14px;padding:12px 14px}.chart-summary small{display:block;color:var(--muted);font-size:.7rem;margin-bottom:6px}.chart-summary strong{font-size:1.05rem}.feedback-panel{display:flex;flex-direction:column;gap:14px}.field-group{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.8rem;font-weight:700}.field-group input,.field-group textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);padding:12px 14px;color:var(--text);resize:vertical;font:inherit}.feedback-panel .primary-btn{margin-top:6px}.success-banner{border:1px solid rgba(20,183,138,.2);background:#14b78a14;color:#0a8d67;border-radius:12px;padding:10px 12px;font-weight:700}@media (max-width: 980px){.hero-panel,.portal-layout,.detail-strip{grid-template-columns:1fr}.topbar{flex-wrap:wrap;justify-content:center}.course-grid{grid-template-columns:1fr}}@media (max-width: 620px){.container,.topbar{width:min(100% - 24px,1280px)}.hero-copy{padding:22px 18px}.stat-grid,.department-highlights{grid-template-columns:1fr 1fr}.landing-header,.course-grid-header,.detail-panel,.category-spotlight{flex-direction:column;align-items:flex-start}}