@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap);@font-face{font-display:swap;font-family:Plus Jakarta Sans Local;font-style:normal;font-weight:300;src:url(/static/media/PlusJakartaSans-Light.31d6cfe0d16ae931b73c.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans Local;font-style:normal;font-weight:400;src:url(/static/media/PlusJakartaSans-Regular.31d6cfe0d16ae931b73c.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans Local;font-style:normal;font-weight:500;src:url(/static/media/PlusJakartaSans-Medium.31d6cfe0d16ae931b73c.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans Local;font-style:normal;font-weight:600;src:url(/static/media/PlusJakartaSans-SemiBold.31d6cfe0d16ae931b73c.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans Local;font-style:normal;font-weight:700;src:url(/static/media/PlusJakartaSans-Bold.31d6cfe0d16ae931b73c.ttf) format("truetype")}:root{--pearson-purple:#5f259f;--pearson-purple-dark:#4a1d7a;--pearson-amethyst:#9b7fcb;--pearson-light-purple:#d1c4e9;--pearson-turquoise:#00b2a9;--pearson-turquoise-dark:#008f88;--pearson-light-turquoise:#b2e0e5;--pearson-yellow:gold;--pearson-amber:#f59e0b;--pearson-light-yellow:#fff9c4;--pearson-red:#dc2626;--pearson-green:#059669;--neutral-white:#fff;--neutral-black:#111827;--neutral-grey-50:#f9fafb;--neutral-grey-100:#f3f4f6;--neutral-grey-200:#e5e7eb;--neutral-grey-300:#d1d5db;--neutral-grey-400:#9ca3af;--neutral-grey-500:#6b7280;--neutral-grey-600:#4b5563;--neutral-grey-700:#374151;--neutral-grey-800:#1f2937;--neutral-grey-900:#111827}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f3fa,#e5d8f6);color:#111827;color:var(--neutral-grey-900);font-family:Plus Jakarta Sans,Plus Jakarta Sans Local,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}header{background-color:#5f259f;background-color:var(--pearson-purple);box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--neutral-white);padding:1rem 0}button{cursor:pointer;font-family:Plus Jakarta Sans,Plus Jakarta Sans Local,sans-serif;font-weight:500;transition:all .3s ease}a:focus,button:focus,input:focus,select:focus{outline:2px solid #00b2a9;outline:2px solid var(--pearson-turquoise);outline-offset:2px}.text-on-dark{color:#fff;color:var(--neutral-white)}.text-on-light{color:#111827;color:var(--neutral-grey-900)}.text-secondary-on-dark{color:#e5e7eb;color:var(--neutral-grey-200)}.text-secondary-on-light{color:#374151;color:var(--neutral-grey-700)}.status-success{background-color:#059669;background-color:var(--pearson-green);color:#fff;color:var(--neutral-white)}.status-warning{background-color:#f59e0b;background-color:var(--pearson-amber);color:#111827;color:var(--neutral-black)}.status-error{background-color:#dc2626;background-color:var(--pearson-red);color:#fff;color:var(--neutral-white)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}@media (max-width:768px){.container{padding:0 1rem}}@media (max-width:480px){.grid-cols-2{grid-template-columns:1fr}}.font-plus-jakarta{font-family:Plus Jakarta Sans,Plus Jakarta Sans Local,sans-serif}.modern-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #4a1d7a1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-card:hover{box-shadow:0 16px 40px #4a1d7a26;transform:translateY(-2px)}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 12px 40px #4a1d7a1a}.unit-card{background:linear-gradient(135deg,#d1c4e9cc,#d1c4e999);border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.unit-card:before{background:linear-gradient(135deg,#4a1d7a1a,#9b7fcb1a);border-radius:10px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.unit-card:hover:before{opacity:1}.unit-card.selected{background:linear-gradient(135deg,#4a1d7a,#5f259f);border-color:#4a1d7a;box-shadow:0 8px 25px #4a1d7a4d;color:#fff;transform:scale(1.02)}.unit-card:hover:not(.selected){background:linear-gradient(135deg,#b39ddbe6,#b39ddbb3);box-shadow:0 6px 20px #4a1d7a26;transform:translateY(-2px)}.section-header{background:linear-gradient(135deg,#4a1d7a,#5f259f);border:2px solid #0000;border-radius:12px;color:#fff;cursor:pointer;padding:20px;transition:all .2s ease}.section-header:hover{background:linear-gradient(135deg,#5f259f,#6b46c1);box-shadow:0 6px 20px #4a1d7a33;transform:translateY(-1px)}.progress-indicator{background:#ffffffe6;border-left:4px solid #00b2a9;border-left:4px solid var(--pearson-turquoise);border-radius:12px;margin-bottom:20px;padding:16px}.progress-step{align-items:center;display:flex;gap:12px}.progress-step-number{align-items:center;background:#00b2a9;background:var(--pearson-turquoise);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.progress-step.completed .progress-step-number{background:#059669;background:var(--pearson-green)}.progress-step.current .progress-step-number{animation:pulse 2s infinite;background:#5f259f;background:var(--pearson-purple)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.btn-primary{background:linear-gradient(135deg,#00b2a9,#008f88);border:none;border-radius:12px;box-shadow:0 4px 15px #00b2a94d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#008f88,#00b2a9);box-shadow:0 8px 25px #00b2a966;transform:translateY(-2px)}.btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.6}.btn-secondary{background:#ffffffe6;border:2px solid #5f259f;border:2px solid var(--pearson-purple);border-radius:12px;color:#5f259f;color:var(--pearson-purple);cursor:pointer;font-weight:600;padding:14px 30px;transition:all .2s ease}.btn-secondary:hover{background:#5f259f;background:var(--pearson-purple);box-shadow:0 6px 20px #4a1d7a33;color:#fff;transform:translateY(-1px)}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a1d7af2;border:1px solid #fff3;border-radius:12px;bottom:125%;box-shadow:0 8px 32px #0000004d;color:#fff;font-size:14px;left:50%;line-height:1.4;margin-left:-140px;opacity:0;padding:12px 16px;position:absolute;text-align:left;transition:all .3s ease;visibility:hidden;width:280px;z-index:1000}.tooltip .tooltiptext:after{border:5px solid #0000;border-top-color:#4a1d7af2;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}@media (max-width:768px){.modern-card{border-radius:12px;margin:4px}.unit-card{border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:16px;text-align:center}.unit-card:before{border-radius:6px}.section-header{border-radius:8px;font-size:16px;padding:16px}.tooltip .tooltiptext{bottom:110%;font-size:13px;margin-left:-140px;width:280px}.btn-primary,.btn-secondary{font-size:16px;min-height:48px;padding:16px 24px}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}.xl\\:col-span-4{grid-column:span 1}.xl\\:col-span-3{grid-column:span 1}.xl\\:col-span-1{grid-column:span 1;order:-1}.space-y-4>*+*{margin-top:1.5rem}.space-y-6>*+*{margin-top:2rem}[role=button],a,button{min-height:44px;min-width:44px}.sticky{position:relative;top:0}}@media (max-width:480px){.modern-card{border-radius:8px;margin:0}.unit-card{min-height:70px}.section-header,.unit-card{font-size:14px;padding:12px}.tooltip .tooltiptext{font-size:12px;margin-left:-130px;width:260px}.grid-cols-1{grid-template-columns:1fr}.sm\\:grid-cols-2{grid-template-columns:1fr}.lg\\:grid-cols-3{grid-template-columns:1fr 1fr}.xl\\:grid-cols-4{grid-template-columns:1fr 1fr}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}h4{font-size:1rem}.btn-primary,.btn-secondary{font-size:15px;padding:14px 20px;width:100%}.progress-step-number{font-size:12px;height:28px;width:28px}}@media (max-width:896px) and (orientation:landscape){.min-h-screen{min-height:100vh}.modern-card{margin:2px}.sticky{position:relative}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.unit-card{box-shadow:0 2px 8px #4a1d7a1a}.modern-card{box-shadow:0 4px 16px #4a1d7a1a}}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.a30e4254.css.map*/