:root{color-scheme:dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(92,212,188,.18),transparent 28%),radial-gradient(circle at top right,rgba(247,95,139,.16),transparent 26%),linear-gradient(180deg,#081017,#0d1822 45%,#07121c);color:#ecf4ff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border-radius:14px;border:1px solid rgba(153,173,191,.22);background:#0a141fcc;color:#eff7ff;padding:.85rem .95rem}textarea{resize:vertical}#root{min-height:100vh}.shell{position:relative;padding:2rem;overflow:hidden}.shell__glow{position:absolute;width:22rem;height:22rem;border-radius:999px;filter:blur(90px);opacity:.34;pointer-events:none}.shell__glow--a{left:-7rem;top:-6rem;background:#15bd97}.shell__glow--b{right:-9rem;top:6rem;background:#ef5f8f}.hero,.tabs,.layout{position:relative;z-index:1}.hero{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;margin-bottom:1.5rem}.hero h1{margin:.3rem 0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95;letter-spacing:-.04em}.eyebrow{margin:0;color:#75d9c0;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem}.hero__copy{max-width:48rem;color:#9db0c5;margin:0}.hero__actions{display:flex;gap:.75rem;flex-wrap:wrap}.tabs{display:flex;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.tab,.button,.icon-button,.lesson-chip{border:0;border-radius:999px;transition:transform .16s ease,background .16s ease,opacity .16s ease}.tab{background:#0b1722bf;color:#c5d4e4;padding:.8rem 1rem}.tab--active,.button{background:linear-gradient(135deg,#10b090,#2f91ff);color:#fff}.button{padding:.85rem 1.1rem;font-weight:700}.button--ghost{background:#0b1722bf;color:#d9e6f4}.button--danger{background:linear-gradient(135deg,#cc456b,#ef5f8f);color:#fff}.icon-button{width:2.2rem;height:2.2rem;background:#ffffff14;color:#dbe8f5}.layout{display:grid;grid-template-columns:.95fr 1.45fr 1fr;gap:1rem}.panel,.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111bc7;border:1px solid rgba(159,180,199,.14);box-shadow:0 18px 50px #00000038}.panel{border-radius:28px;padding:1.1rem}.card{border-radius:24px;padding:1rem}.stack,.lesson-library,.record-list,.action-list,.recent-board,.timeline,.lesson-pills{display:grid;gap:.85rem}.section-header,.card__header,.actions-row{display:flex;justify-content:space-between;align-items:start;gap:1rem}.section-header h2,.card__header h3,.card__header h4{margin:0}.section-header p,.card__header p,.muted{margin:.25rem 0 0;color:#8ea3b8}.metric-grid,.chart-grid,.summary-grid,.detail-grid,.form-grid{display:grid;gap:.9rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:1rem 0}.chart-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card strong,.metric-block strong{font-size:2rem;margin-top:.4rem}.metric-card span,.metric-block span,.record-card span,.recent-board__item span{color:#9db0c5}.record-card,.recent-board__item{text-align:left;width:100%;background:#ffffff08;color:inherit;border:1px solid transparent;border-radius:20px;padding:1rem}.record-card--active{border-color:#2f91ff8c;background:#2f91ff14}.form-card{display:grid;gap:1rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-editor,.mini-form{display:grid;gap:.75rem}.timeline-editor__row{display:grid;grid-template-columns:1.1fr 1fr 1.3fr auto;gap:.55rem}.detail-card h4{margin:0 0 .75rem}.detail-meta{display:flex;gap:.5rem;flex-wrap:wrap}.pill,.tag{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.4rem .75rem;background:#ffffff14;color:#dce8f4;text-transform:capitalize}.pill--success{background:#4fd1a12e;color:#72ddb7}.timeline__item{position:relative;padding-left:1.1rem;border-left:2px solid rgba(47,145,255,.4)}.timeline__item span,.action-card p,.action-card small{color:#9db0c5}.timeline__item p,.action-card p{margin:.2rem 0 0}.action-card{display:flex;justify-content:space-between;gap:1rem;align-items:start;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:.9rem}.action-card--overdue{border-color:#f75f8b73;background:#f75f8b14}.action-card__controls{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;justify-content:end}.callout{margin-top:.75rem;border-left:3px solid #ef5f8f;padding:.8rem 0 .8rem .85rem;background:#ef5f8f12;border-radius:0 16px 16px 0}.lesson-chip{background:#ffffff0f;color:#e8f2ff;padding:.65rem .9rem}.lesson-chip--attached{background:#15bd9729;color:#7ce5c8}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem}.bar-chart{display:grid;gap:.85rem}.bar-chart__row{display:grid;grid-template-columns:5rem 1fr 2rem;gap:.75rem;align-items:center}.bar-chart__track{border-radius:999px;height:.75rem;background:#ffffff12}.bar-chart__bar{height:100%;border-radius:inherit}.loading,.toast{position:fixed;right:1.25rem;z-index:20;border-radius:18px;padding:.9rem 1rem}.loading{top:1.25rem;background:#0b1722e6}.toast{bottom:1.25rem;background:#0b1722f2}.toast--success{border:1px solid rgba(79,209,161,.35)}.toast--error{border:1px solid rgba(247,95,139,.35)}@media (max-width: 1200px){.layout,.chart-grid,.detail-grid{grid-template-columns:1fr}}@media (max-width: 760px){.shell{padding:1rem}.hero,.section-header,.card__header,.actions-row{flex-direction:column;align-items:stretch}.form-grid,.metric-grid,.timeline-editor__row{grid-template-columns:1fr}.panel--hidden-mobile{display:none}.action-card{flex-direction:column}}