:root{--bg: #f5faf7;--surface: #ffffff;--surface-soft: #eef8f3;--surface-aqua: #e5f7f7;--ink: #1d2c2b;--muted: #667673;--line: #dbe9e3;--green: #399775;--green-deep: #0f5d50;--aqua: #24bdb7;--mint: #92d385;--sun: #f1c65d;--coral: #ed6c84;--shadow: 0 18px 45px rgba(24, 87, 73, .13);--shadow-soft: 0 10px 28px rgba(24, 87, 73, .09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#e2f6edb3,#f5faf7eb 32%),var(--bg)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%}.eyebrow{display:inline-flex;align-items:center;color:var(--green-deep);font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-mark{display:flex;align-items:center;gap:.75rem}.brand-drop,.icon-chip,.tile-icon,.resource-icon{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--green),var(--aqua));color:#fff;box-shadow:var(--shadow-soft)}.brand-mark strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1}.brand-mark strong span{font-size:1.1em;font-weight:900}.brand-mark small{display:block;margin-top:.25rem;color:var(--muted);font-weight:800}.brand-mark-compact .brand-drop{width:34px;height:34px}.brand-mark-compact strong{font-size:1.35rem}.primary-button,.secondary-button,.ghost-button,.link-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:8px;cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.primary-button{background:linear-gradient(135deg,var(--green-deep),var(--green));color:#fff;padding:.85rem 1.1rem;box-shadow:var(--shadow-soft)}.secondary-button,.link-button{border:1px solid rgba(57,151,117,.24);background:var(--surface);color:var(--green-deep);padding:.72rem .95rem}.ghost-button{border:1px solid var(--line);background:#f9fcfa;color:var(--ink);padding:.72rem .95rem}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.link-button:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.login-brand-panel{display:grid;grid-template-rows:auto minmax(0,1fr);align-items:start;gap:3rem;padding:clamp(2rem,6vw,5rem);background:linear-gradient(135deg,#d7f4e4f5,#edfbf9e6),linear-gradient(90deg,#92d38547,#24bdb733)}.login-copy{align-self:center;justify-self:start;max-width:680px;text-align:left}.login-copy h1{max-width:760px;margin:1rem 0;font-size:clamp(2.4rem,5vw,5.4rem);line-height:.98}.login-copy p,.overview-band p,.dashboard-tile p,.resource-card p,.video-placeholder p{color:var(--muted);line-height:1.6}.login-form-panel{display:grid;align-items:center;padding:clamp(1.25rem,4vw,4rem);background:#ffffff8c}.login-card{display:grid;width:min(100%,480px);gap:1rem;justify-self:center;border:1px solid var(--line);border-radius:8px;padding:clamp(1.3rem,3vw,2.2rem);background:var(--surface);box-shadow:var(--shadow)}.form-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.25rem}.form-heading h2,.section-heading-row h2,.overview-band h2,.quiz-panel h2,.video-placeholder h2{margin:.25rem 0 0;font-size:clamp(1.45rem,2vw,2.1rem);line-height:1.12}.form-heading p{margin:.35rem 0 0;color:var(--muted)}.login-card label{display:grid;gap:.45rem;color:var(--ink);font-size:.9rem;font-weight:800}.input-shell{display:flex;min-height:48px;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:8px;padding:0 .8rem;color:var(--green);background:#fbfefd}.input-shell:focus-within{border-color:var(--aqua);box-shadow:0 0 0 3px #24bdb724}.input-shell input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.portal-shell{display:grid;min-height:100vh;grid-template-columns:278px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:1.4rem;border-right:1px solid var(--line);background:#ffffffeb;padding:1.25rem}.sidebar-brand{display:grid;gap:.6rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line);color:var(--ink);font-weight:800}.portal-nav{display:grid;gap:.35rem}.portal-nav-link{display:flex;min-height:46px;align-items:center;gap:.75rem;border-radius:8px;padding:0 .85rem;color:#495d59;font-weight:800}.portal-nav-link:hover{background:var(--surface-soft)}.portal-nav-link.active{background:linear-gradient(90deg,#39977529,#24bdb721);color:var(--green-deep);box-shadow:inset 4px 0 0 var(--green)}.sidebar-note{display:flex;gap:.75rem;margin-top:auto;border:1px solid rgba(36,189,183,.22);border-radius:8px;padding:.9rem;background:var(--surface-aqua);color:var(--green-deep)}.sidebar-note p{margin:0;color:#315b56;font-size:.9rem;font-weight:750;line-height:1.4}.portal-main{min-width:0}.portal-header{position:sticky;top:0;z-index:20;display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(219,233,227,.84);background:#f5faf7db;padding:1rem clamp(1rem,3vw,2rem);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.portal-header h1{margin:.15rem 0 0;font-size:clamp(1.6rem,2.6vw,2.6rem)}.header-actions{position:relative}.notification-button{position:relative;display:inline-grid;width:46px;height:46px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--green-deep);cursor:pointer;box-shadow:var(--shadow-soft)}.notification-dot{position:absolute;top:10px;right:10px;width:9px;height:9px;border:2px solid white;border-radius:999px;background:var(--coral)}.notification-panel{position:absolute;top:calc(100% + .7rem);right:0;width:min(360px,calc(100vw - 2rem));border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.notification-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.95rem 1rem}.notification-heading span{border-radius:999px;background:var(--surface-soft);color:var(--green-deep);padding:.25rem .5rem;font-size:.78rem;font-weight:800}.notification-panel ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.notification-panel li{display:flex;gap:.75rem;border-bottom:1px solid #edf4f1;padding:.95rem 1rem}.notification-panel li:last-child{border-bottom:0}.notification-panel li>span{height:fit-content;border-radius:999px;background:#eff9f5;color:var(--green-deep);padding:.22rem .46rem;font-size:.72rem;font-weight:850}.notification-panel p{margin:.18rem 0 0;color:var(--muted)}.page-content{padding:clamp(1rem,3vw,2rem)}.overview-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1.5rem;align-items:center;border:1px solid rgba(57,151,117,.2);border-radius:8px;padding:clamp(1.2rem,3vw,2rem);background:linear-gradient(135deg,#fffffff0,#e9faf4db),var(--surface);box-shadow:var(--shadow-soft)}.overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.overview-stats div{border-radius:8px;padding:1rem;background:#fff;box-shadow:0 5px 16px #18574914}.overview-stats strong{display:block;color:var(--green-deep);font-size:2rem}.overview-stats span{color:var(--muted);font-size:.86rem;font-weight:800}.dashboard-grid,.resource-grid,.training-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.dashboard-tile,.resource-card,.training-module-card{display:grid;min-height:235px;align-content:start;gap:1rem;border:1px solid var(--line);border-radius:8px;padding:1.2rem;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.dashboard-tile:hover,.resource-card:hover,.training-module-card:hover,.product-card:hover,.asset-card:hover{border-color:#3997755c;box-shadow:var(--shadow);transform:translateY(-2px)}.tile-title-row,.product-title-line,.section-heading-row,.builder-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tile-title-row{align-items:flex-start}.dashboard-tile h3,.resource-card h3,.training-module-card h3,.product-details h3{margin:0;font-size:1.12rem}.dashboard-tile p,.resource-card p,.training-module-card p{margin:.65rem 0 0}.badge,.new-badge,.count-badge,.completion-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:#fff4dc;color:#74511a;padding:.35rem .55rem;font-size:.75rem;font-weight:850;white-space:nowrap}.count-badge{background:var(--surface-soft);color:var(--green-deep)}.new-badge{background:#ffe9ee;color:#a5324f}.completion-pill{background:#e8f8ee;color:var(--green-deep)}.products-page,.training-page,.marketing-page,.wall-chart-page{display:grid;gap:1.25rem}.section-heading-row{align-items:flex-end}.product-list{display:grid;gap:.85rem}.product-card{position:relative;display:grid;grid-template-columns:minmax(210px,260px) minmax(220px,1fr) auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.85rem;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.product-card:has(.document-menu[open]){z-index:40}.product-image-shell{display:grid;height:92px;place-items:center;border-radius:8px;background:#f5f7f6;overflow:hidden}.product-image-shell img{width:100%;height:100%;object-fit:contain}.product-details{display:flex;align-items:center;gap:.85rem;min-width:0}.product-accent{flex:0 0 auto;width:10px;height:56px;border-radius:999px}.product-details p{margin:.3rem 0 0;color:var(--muted);font-weight:750}.product-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.document-menu{position:relative}.document-menu summary{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(57,151,117,.24);border-radius:8px;padding:0 .85rem;background:var(--surface);color:var(--green-deep);cursor:pointer;font-weight:800;list-style:none}.document-menu summary::-webkit-details-marker{display:none}.document-options{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000;display:grid;min-width:245px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.document-options button{display:flex;align-items:center;gap:.55rem;border:0;border-bottom:1px solid #edf4f1;background:#fff;color:var(--ink);padding:.72rem .85rem;text-align:left;cursor:pointer}.document-options button:last-child{border-bottom:0}.document-options button:hover{background:var(--surface-soft)}.toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;display:inline-flex;max-width:min(440px,calc(100vw - 2.5rem));align-items:center;gap:.55rem;border:1px solid rgba(57,151,117,.22);border-radius:8px;background:#f4fff9;color:var(--green-deep);padding:.85rem 1rem;font-weight:850;box-shadow:var(--shadow)}.video-panel,.quiz-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft)}.training-overview,.training-detail-header{display:grid;gap:1rem;border:1px solid rgba(57,151,117,.2);border-radius:8px;padding:clamp(1.1rem,3vw,1.6rem);background:linear-gradient(135deg,#fffffff5,#e9faf4e0),var(--surface);box-shadow:var(--shadow-soft)}.training-overview{grid-template-columns:minmax(0,1fr) auto;align-items:end}.training-overview h2,.training-detail-title h2{margin:.25rem 0 0;font-size:clamp(1.45rem,2vw,2.1rem);line-height:1.12}.training-overview p,.training-detail-title p,.training-module-card p{color:var(--muted);line-height:1.55}.training-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.training-module-card{min-height:305px;grid-template-rows:auto auto minmax(58px,1fr) auto auto}.training-card-topline,.training-card-footer,.training-detail-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.module-duration,.training-card-footer span{display:inline-flex;align-items:center;gap:.4rem;color:var(--green-deep);font-size:.84rem;font-weight:850;white-space:nowrap}.module-duration{border-radius:999px;background:var(--surface-soft);padding:.35rem .55rem}.product-badge-list{display:flex;flex-wrap:wrap;align-content:start;gap:.45rem}.product-badge{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(36,189,183,.28);border-radius:999px;background:#f0fbf8;color:var(--green-deep);padding:.28rem .55rem;font-size:.75rem;font-weight:850}.multi-product-badge{border-color:#f1c65d6b;background:#fff6df;color:#74511a}.training-progress{display:grid;gap:.45rem}.training-progress-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.training-progress-status,.training-progress-percent{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:.22rem .5rem;font-size:.75rem;font-weight:850;white-space:nowrap}.training-progress-percent{color:var(--green-deep);background:var(--surface-soft)}.status-not-started{background:#eef3f1;color:#536864}.status-in-progress{background:#e4f8f7;color:var(--green-deep)}.status-complete{background:#e8f8ee;color:#1f7a52}.training-progress-track{height:9px;border-radius:999px;background:#e7f0ec;overflow:hidden}.training-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--aqua))}.training-card-footer{border-top:1px solid var(--line);padding-top:.9rem}.training-card-footer strong{color:var(--green-deep);font-size:.9rem}.training-card-cta{text-align:right}.cta-certificate{color:#74511a}.cta-resume,.cta-start{color:var(--green-deep)}.training-detail-page{gap:1rem}.back-link{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;color:var(--green-deep);font-weight:850}.video-placeholder{display:grid;min-height:360px;place-items:center;padding:2rem;text-align:center;background:linear-gradient(135deg,#0f5d50d6,#24bdb7b8),linear-gradient(45deg,#92d38547,#f1c65d2e);color:#fff}.video-placeholder .eyebrow,.video-placeholder p{color:#ffffffe0}.play-button{display:inline-grid;width:78px;height:78px;place-items:center;border:2px solid rgba(255,255,255,.76);border-radius:50%;background:#ffffff2e;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-panel{padding:clamp(1rem,3vw,1.5rem)}.quiz-list{display:grid;gap:1rem;margin-top:1rem}.quiz-question{display:grid;gap:.65rem;border:1px solid var(--line);border-radius:8px;margin:0;padding:1rem}.quiz-question legend{padding:0 .35rem;font-weight:850}.radio-option{display:flex;align-items:center;gap:.65rem;border-radius:8px;padding:.65rem;color:#3d514e;font-weight:700}.radio-option:hover{background:var(--surface-soft)}.radio-option input{width:18px;height:18px;accent-color:var(--green)}.quiz-submit{margin-top:1rem}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-card{min-height:260px}.resource-card .secondary-button{align-self:end;width:fit-content}.wall-builder{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:1.25rem;align-items:start}.asset-rail,.chart-workspace{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft)}.asset-rail{position:sticky;top:116px;max-height:calc(100vh - 140px);overflow:auto;padding:1rem}.asset-rail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.asset-rail h3{margin:0}.asset-rail-heading span{border-radius:999px;background:var(--surface-soft);color:var(--green-deep);padding:.3rem .55rem;font-weight:850}.asset-list{display:grid;gap:.75rem}.asset-card{display:grid;grid-template-columns:9px minmax(0,1fr);gap:.65rem;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.7rem;background:#fbfefd;cursor:grab;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.asset-card:active{cursor:grabbing}.asset-card>span{width:9px;height:68px;border-radius:999px}.asset-card img{width:100%;height:56px;object-fit:contain;grid-column:2;background:#f2f5f3;border-radius:6px}.asset-card strong{grid-column:2;font-size:.88rem}.chart-workspace{padding:clamp(.75rem,2vw,1.25rem);overflow:auto}.wall-chart-preview{width:min(100%,1080px);min-width:720px;border:1px solid #cfd8d4;background:#fff;box-shadow:0 16px 36px #00000014}.chart-top-image{display:block;width:100%}.chart-body{display:grid;grid-template-columns:minmax(0,1fr) 32%;align-items:stretch}.chart-drop-zone{display:grid;min-height:100%;align-content:start;border:2px dashed #b8d9cc;border-left:0;border-bottom:0;background:linear-gradient(180deg,#eef8f3a8,#ffffffeb),repeating-linear-gradient(0deg,transparent,transparent 63px,rgba(57,151,117,.08) 64px);padding:1.1rem;transition:background-color .16s ease,border-color .16s ease}.drop-zone-active{border-color:var(--aqua);background-color:#effbf8}.empty-drop-state{display:grid;min-height:310px;place-items:center;align-content:center;gap:.45rem;color:var(--green-deep);text-align:center}.empty-drop-state span{color:var(--muted);font-size:.9rem;font-weight:700}.placed-product-stack{display:grid;gap:.75rem}.drop-insertion-line{position:relative;display:block;height:6px;border-radius:999px;background:var(--aqua);box-shadow:0 0 0 3px #24bdb724,0 8px 18px #24bdb747}.drop-insertion-line:before,.drop-insertion-line:after{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--green-deep);content:"";transform:translateY(-50%)}.drop-insertion-line:before{left:-1px}.drop-insertion-line:after{right:-1px}.placed-product{position:relative;border:1px solid #d8dfdc;border-radius:6px;background:#fff;box-shadow:0 8px 20px #00000012;cursor:grab;overflow:hidden}.placed-product.is-dragging{opacity:.48;outline:2px solid var(--aqua);outline-offset:2px}.placed-product img{display:block;width:100%}.placed-product button{position:absolute;top:.55rem;right:.55rem;display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid rgba(154,47,72,.4);border-radius:8px;background:#b83150;color:#fff;cursor:pointer;box-shadow:0 10px 22px #9a2f4857}.right-chart-section{align-self:stretch;border-left:1px solid #d9dedc;background:#fff}.right-chart-section img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:1180px){.dashboard-grid,.training-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{grid-template-columns:220px minmax(0,1fr)}.product-actions{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:980px){.login-page{grid-template-columns:1fr}.login-form-panel{align-items:start}.portal-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;gap:1rem}.portal-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.portal-nav-link{justify-content:center;padding:0 .55rem}.portal-nav-link span,.sidebar-note{display:none}.overview-band,.training-overview,.wall-builder{grid-template-columns:1fr}.asset-rail{position:static;max-height:none}.asset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{grid-template-columns:1fr}}@media(max-width:720px){.login-brand-panel{padding:1.5rem}.overview-stats,.dashboard-grid,.training-module-grid,.asset-list{grid-template-columns:1fr}.portal-header,.section-heading-row,.training-detail-title,.builder-actions{align-items:stretch;flex-direction:column}.product-card{grid-template-columns:1fr}.product-image-shell{height:120px}.product-actions,.builder-actions{justify-content:stretch}.product-actions>*,.builder-actions>*,.link-button{width:100%}.document-menu summary,.document-options{width:100%}.document-options{position:static;margin-top:.5rem}.video-placeholder{min-height:300px}}