@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Source+Sans+3:wght@300;400;500;600&display=swap);:root{--coral-primary:#fe876e;--coral-dark:#e5705a;--coral-light:#ffb4a2;--coral-lightest:#fff0ec;--gray-dark:#646a6c;--gray-medium:#8a9194;--gray-light:#bbbdbc;--gray-lighter:#e8eaeb;--gray-lightest:#f5f6f7;--text-primary:#2d3436;--text-secondary:#646a6c;--text-light:#8a9194;--text-inverted:#fff;--bg-white:#fff;--bg-light:#f5f6f7;--bg-dark:#646a6c;--teal:#4ecdc4;--teal-dark:#3ba99e;--teal-light:#a8e6e1;--navy:#2c3e50;--success:#4caf50;--success-light:#e8f5e9;--warning:#ff9800;--warning-light:#fff3e0;--error:#f44336;--error-light:#ffebee;--info:#2196f3;--info-light:#e3f2fd;--font-heading:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.1;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-coral:0 4px 14px #fe876e40;--shadow-coral-lg:0 8px 24px #fe876e4d;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}@font-face{font-family:Dancing Script;font-style:normal;font-weight:500;src:url(/static/media/dancing-script-v16-latin-500.e3c6b712eae62b9aba5d.eot);src:local(""),url(/static/media/dancing-script-v16-latin-500.e3c6b712eae62b9aba5d.eot?#iefix) format("embedded-opentype"),url(/static/media/dancing-script-v16-latin-500.83f51239dc43f05d01fd.woff2) format("woff2"),url(/static/media/dancing-script-v16-latin-500.73b6a4189959c0e2ae32.woff) format("woff"),url(/static/media/dancing-script-v16-latin-500.07b9c6493a39e2ba786a.ttf) format("truetype"),url(/static/media/dancing-script-v16-latin-500.016897b26d8ad4489ee6.svg#DancingScript) format("svg")}@font-face{font-family:Oswald;font-style:normal;font-weight:400;src:url(/static/media/oswald-v40-latin-regular.6e41c76124ac786bc049.eot);src:local(""),url(/static/media/oswald-v40-latin-regular.6e41c76124ac786bc049.eot?#iefix) format("embedded-opentype"),url(/static/media/oswald-v40-latin-regular.5ee68289b9bf597a8aff.woff2) format("woff2"),url(/static/media/oswald-v40-latin-regular.3d1d485b3ed0d998b43f.woff) format("woff"),url(/static/media/oswald-v40-latin-regular.bd101345f20e51ad1040.ttf) format("truetype"),url(/static/media/oswald-v40-latin-regular.998bcd1c2db3644bda6c.svg#Oswald) format("svg")}a:hover{cursor:pointer}a.social{display:inline-block;margin:0 1rem}a.youtube{color:#eb3223}a.facebook{color:#4968ad}a.twitter{color:#49a1eb}a.instagram{color:#fff}a.instagram2{color:#000}#bg-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#2d343699;box-sizing:border-box;height:100vh;width:100%;z-index:100}#bg-content{animation:modalSlideIn .2s ease-out;height:-webkit-max-content;height:max-content;margin:0 auto;max-width:720px;min-width:280px;padding:var(--space-6)}body{background:#fff;font-family:Oswald,sans-serif}.btn-container{display:flex;justify-content:center;margin:0 auto;padding:30px 0}.btn-container button{font-size:17px;height:100%;width:100%}.btn-container-one-center{display:flex;justify-content:center;margin:0 auto;width:100%}.btn-container-one-center button{font-size:17px;height:40px;width:120px}.btn-container-one-right{display:flex;justify-content:right;margin:0 auto;width:100%}.btn-container-one-right button{font-size:17px;height:40px;width:120px}.btn-container-multiple-right{margin:0;width:100%}.btn-container-multiple-right button{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);min-width:120px;padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.btn-container-multiple-right button[type=submit]{background-color:var(--coral-primary);border:none;color:var(--text-inverted)}.btn-container-multiple-right button[type=submit]:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.btn-container-multiple-right button[type=button]{background-color:initial;border:1px solid var(--gray-lighter);color:var(--text-secondary)}.btn-container-multiple-right button[type=button]:hover{background-color:var(--gray-lightest);border-color:var(--gray-light)}button{background-color:#3cb371;border:.5px solid #2d8956;border-radius:5px;color:#fff;cursor:pointer;text-align:center}button:hover{background-color:#2e8b57}.card{background-color:#fff;border:1px solid #dadce0;border-radius:12px;box-shadow:0 0 4px #0000000f,0 8px 16px #00000014;margin-bottom:2rem;padding:1.5rem}.card h2{margin-bottom:20px;margin-top:10px}.checkbox-item{margin:10px 8px;min-height:auto!important}.checkbox-item:hover{cursor:pointer}.dialog-box-head{border-bottom:1px solid #dadce0;margin-bottom:10px;margin-top:15px}.disable-radio-btn{opacity:.5;pointer-events:none}.divider{margin:var(--space-6) auto;width:100%}.divider:after,.divider:before{background-color:var(--gray-lighter);height:1px}header{height:66px}h1{font-size:2.625rem;letter-spacing:.3px;margin:0 auto;padding:30px 0;text-align:center}footer{position:relative}form{display:flex;flex-flow:column}form,form input{font-size:var(--text-base);width:100%}form input{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);min-height:42px;padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}form input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}form input::placeholder{color:var(--text-light)}form textarea{box-sizing:border-box;width:100%}form label{color:var(--text-secondary);display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-4)}.form-group input{margin-top:var(--space-2)}.form-group-2-columns{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}input{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);min-height:42px;padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}label{display:flex;flex-flow:column}.line{border-bottom:1px solid #000;width:100%}main{color:#222a35;min-height:80vh;padding-bottom:300px}.modal-title{border-bottom:1px solid var(--gray-lighter);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-4)}.medium-btn-container{display:flex;justify-content:center;margin:0 auto;padding:30px 0}.medium-btn-container button{font-size:17px;height:40px;width:185px}.message-info{color:#0b8043!important;font-size:.875rem!important;letter-spacing:.3px}p{margin:var(--space-3) 0}#bg-content p,p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed)}#bg-content p{margin:var(--space-2) 0}select{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);min-height:42px;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}select:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}select:hover{border-color:var(--gray-light)}.small-btn-container{justify-content:center;margin:0 auto;padding:30px 0}.small-btn-container button{font-size:17px;height:40px;width:120px}table{border-collapse:collapse;margin:20px auto;table-layout:fixed;width:100%}tr td,tr th{border-bottom:1px solid #dadce0;font-size:18px;overflow:hidden;padding:5px 0;text-overflow:ellipsis;white-space:nowrap}textarea{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical;transition:all var(--transition-base)}textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.text-underline{-webkit-text-decoration:underline solid #2e8b57 4px;text-decoration:underline solid #2e8b57 4px}.unseen-component{display:none}.info,.warning-info{align-items:center;display:flex;gap:var(--space-2);margin:var(--space-3) 0}.info{background-color:var(--success-light);border-radius:var(--radius-md);color:var(--success);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}@media screen and (max-width:820px){main{margin:0 20px}}@media screen and (max-width:480px){h1{font-size:2.225rem}main{margin:0 10px}}.ph-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffd1;border-bottom:1px solid #e8eaebb3;box-shadow:0 1px 2px #0000000d;height:72px;left:0;position:fixed;right:0;top:0;z-index:100}@media (max-width:640px){.ph-header{height:64px}}.ph-container{margin:0 auto;max-width:1280px;padding:0 80px}@media (max-width:1024px){.ph-container{padding:0 40px}}@media (max-width:640px){.ph-container{padding:0 16px}}.ph-headerRow{gap:24px;height:100%;justify-content:space-between}.ph-headerRow,.ph-logo{align-items:center;display:flex}.ph-logo{flex-shrink:0;text-decoration:none}.ph-logo img{display:block;height:44px;object-fit:contain;width:auto}.ph-nav{align-items:center;display:flex;gap:18px}.ph-nav a{color:#2d3436c7;font-family:var(--font-heading);font-size:14px;font-weight:600;padding:10px 2px;position:relative;text-decoration:none;transition:color .2s ease;white-space:nowrap}.ph-nav a:hover{color:var(--text-primary)}.ph-nav a:after{background:var(--coral-primary);border-radius:999px;bottom:6px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.ph-nav a:hover:after{width:100%}.ph-nav a.ph-active{color:var(--text-primary)}.ph-nav a.ph-active:after{width:100%}.ph-headerCta{align-items:center;display:flex;gap:12px}.ph-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:14px;font-weight:600;justify-content:center;line-height:1;padding:16px 32px;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.ph-btn-contact{background:#4caf50;box-shadow:0 10px 20px #4caf5038;color:#fff}.ph-btn-contact:hover{box-shadow:0 14px 26px #4caf5033;filter:brightness(.95);transform:translateY(-1px)}.ph-menuBtn{align-items:center;background:#fff;border:1px solid var(--gray-lighter);border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:none;height:42px;justify-content:center;transition:transform .2s ease,border-color .2s ease;width:42px}.ph-menuBtn:hover{border-color:#fe876e59;transform:translateY(-1px)}.ph-menuBtn svg{stroke:var(--gray-dark);height:22px;width:22px}@media (max-width:1024px){.ph-nav{display:none}.ph-menuBtn{display:inline-flex}}.ph-mobileNav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fffffff2;border-top:1px solid #e8eaebd9;display:none}.ph-mobileNav-open{display:block}.ph-mobileNavInner{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;padding-top:10px}.ph-mobileNav a{border-radius:10px;color:#2d3436d6;font-family:var(--font-heading);font-size:14px;font-weight:600;padding:12px 10px;text-decoration:none;transition:background .2s ease,color .2s ease}.ph-mobileNav a:hover{background:var(--gray-lightest);color:var(--text-primary)}.ph-mobileNav a.ph-active{background:#fe876e1f;color:var(--text-primary)}.header-container{background:#fff;background:var(--bg-white,#fff);border-bottom:1px solid #e8eaeb;border-bottom:1px solid var(--gray-lighter,#e8eaeb);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);justify-content:space-between;left:0;padding:0 1.5rem;padding:0 var(--space-6,1.5rem);position:fixed;right:0;top:0;z-index:100}#header-logo,.header-container{align-items:center;display:flex;height:66px}#header-logo{flex-flow:row}#header-logo a{color:#646a6c;color:var(--gray-dark,#646a6c);display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1.5rem;font-size:var(--text-2xl,1.5rem);font-weight:700;font-weight:var(--font-bold,700);letter-spacing:.3px;margin-left:.75rem;margin-left:var(--space-3,.75rem);min-width:120px;padding:1rem 0;padding:var(--space-4,1rem) 0;text-decoration:none}#header-logo a:hover{color:#fe876e;color:var(--coral-primary,#fe876e);cursor:pointer}.header-logo-searchbar-container{align-items:center;display:flex;flex-flow:row}#logo-img-container{cursor:pointer;width:80px}#logo-img-container img{object-fit:cover;width:100%}#header-user-points{color:#646a6c;color:var(--gray-dark,#646a6c);display:inline-block;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1.25rem;font-size:var(--text-xl,1.25rem);font-weight:500;font-weight:var(--font-medium,500);margin-right:2.5rem;margin-right:var(--space-10,2.5rem)}.icon-sign{color:#8a9194;color:var(--gray-medium,#8a9194);transition:color .15s ease;transition:color var(--transition-fast,.15s ease)}.icon-sign:hover{color:#fe876e;color:var(--coral-primary,#fe876e);cursor:pointer}.navbar{justify-content:space-between;padding:1rem;padding:var(--space-4,1rem)}.navbar,.navbar ul{align-items:center;display:flex}.navbar ul{margin:0;padding:0;text-align:right}.navbar ul li{display:inline-block;list-style:none;padding:0 1rem;padding:0 var(--space-4,1rem)}.navbar ul li a{color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;display:block;font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:1.25rem;font-size:var(--text-xl,1.25rem);font-weight:500;font-weight:var(--font-medium,500);padding:.5rem .25rem;padding:var(--space-2,.5rem) var(--space-1,.25rem);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast,.15s ease)}.navbar ul li a:hover{color:#fe876e;color:var(--coral-primary,#fe876e)}.navbar-icons{align-items:center;border-left:1px solid #e8eaeb;border-left:1px solid var(--gray-lighter,#e8eaeb);display:flex;gap:.25rem;gap:var(--space-1,.25rem);margin-left:1rem;margin-left:var(--space-4,1rem);padding-left:1rem;padding-left:var(--space-4,1rem)}.navbar-icons .navbar-icon{padding:0 .5rem;padding:0 var(--space-2,.5rem)}.navbarMenu{align-items:center;display:flex}.menu-burger{align-items:center;border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--gray-dark,#646a6c);cursor:pointer;display:none;padding:.5rem;padding:var(--space-2,.5rem);transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.menu-burger:hover{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);color:#fe876e;color:var(--coral-primary,#fe876e)}.side-drawer-menu{background-color:#2c3e50;background-color:var(--navy,#2c3e50);color:#fff;color:var(--text-inverted,#fff);display:flex;flex-flow:column;font-size:1.125rem;font-size:var(--text-lg,1.125rem);height:100%;left:0;padding-top:1rem;padding-top:var(--space-4,1rem);position:fixed;right:0;top:66px;z-index:99}.side-drawer-menu a{border-bottom:1px solid #ffffff1a;color:#bbbdbc;color:var(--gray-light,#bbbdbc);cursor:pointer;font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);padding:1rem 1.5rem;padding:var(--space-4,1rem) var(--space-6,1.5rem);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.side-drawer-menu a:hover{background-color:#ffffff1a;color:#fe876e;color:var(--coral-primary,#fe876e)}@media screen and (max-width:768px){.header-container{padding:0 1rem;padding:0 var(--space-4,1rem)}.navbar{display:none}.menu-burger{display:flex}}@media screen and (max-width:520px){#header-logo a{display:none}}.footer-container{bottom:0;left:0;position:absolute;right:0;transition:padding-left .5s;width:100%}.footer{background-color:#2c3e50;background-color:var(--navy,#2c3e50);display:flex;flex-wrap:wrap;justify-content:space-between;padding:2.5rem;padding:var(--space-10,2.5rem) var(--space-10,2.5rem)}.footer-section{color:#fff;color:var(--text-inverted,#fff);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);min-width:140px;padding:0 1.5rem;padding:0 var(--space-6,1.5rem)}.footer-section>div:first-child{color:#fff;color:var(--text-inverted,#fff);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1rem;font-size:var(--text-base,1rem);font-weight:600;font-weight:var(--font-semibold,600);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.footer-section ul{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2,.5rem);list-style:none;margin:0;padding:0}.footer-section ul li a{color:#bbbdbc;color:var(--gray-light,#bbbdbc);cursor:pointer;font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast,.15s ease)}.footer-section ul li a:hover{color:#fe876e;color:var(--coral-primary,#fe876e)}.footer-section nav{display:flex;gap:.75rem;gap:var(--space-3,.75rem)}.footer-section .social{align-items:center;background-color:#ffffff1a;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;color:var(--text-inverted,#fff);display:inline-flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;transition:all var(--transition-base,.2s ease);width:36px}.footer-section .social:hover{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);transform:translateY(-2px)}#footer-copyright{background-color:#1a252f;display:flex;justify-content:center;padding:1rem 1.5rem;padding:var(--space-4,1rem) var(--space-6,1.5rem)}#copyright-text{color:#bbbdbc;color:var(--gray-light,#bbbdbc);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);margin:0}@media screen and (max-width:767px){.footer{flex-direction:column;padding:2rem 1.5rem;padding:var(--space-8,2rem) var(--space-6,1.5rem)}.footer-section{margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);padding:0}.footer-section:last-child{margin-bottom:0}}.simple-loading-container #bg-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.simple-loading-container #bg-content{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;min-width:320px;padding:var(--space-8);text-align:center}.simple-loading-container #bg-content h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:.05em;margin:0 0 var(--space-4) 0}.simple-loading-container .loading-item{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.loading-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.loading-modal-content{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;min-width:320px;padding:var(--space-8);text-align:center}.loading-modal-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-5) 0}.loading-spinner{justify-content:center;min-height:100px}.loading-result,.loading-spinner{align-items:center;display:flex;width:100%}.loading-result{flex-direction:column;gap:var(--space-6)}.loading-result-text{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0;text-align:center}.loading-result-btn{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:48px;justify-content:center;min-width:140px;padding:0 var(--space-8);transition:all var(--transition-base)}.loading-result-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.loading-result-btn:active{transform:translateY(0)}@media screen and (max-width:480px){.loading-modal-content,.simple-loading-container #bg-content{margin:0 var(--space-4);min-width:auto;padding:var(--space-6)}.loading-modal-title{font-size:var(--text-lg)}}#login-page{align-items:center;background-color:var(--bg-light);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:var(--space-8) var(--space-4)}.login-article{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:var(--space-10);width:100%}.login-article h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0;text-align:center}#login-page-intro{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-lg);margin:0 0 var(--space-6) 0;padding:0;text-align:center;width:100%}#form-login{margin:0;padding:0;width:100%}#form-login label{color:var(--text-secondary);display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-4)}#form-login input{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);display:block;font-family:var(--font-body);font-size:var(--text-base);margin-top:var(--space-2);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}#form-login input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}#form-login input::placeholder{color:var(--text-light)}#pw-forget{margin-bottom:var(--space-6);text-align:right}#pw-forget a{color:var(--coral-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}#pw-forget a:hover{color:var(--coral-dark);text-decoration:underline}#form-login .small-btn-container{padding:0}#form-login button[type=submit]{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);justify-content:center;line-height:1.5;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);width:100%}#form-login button[type=submit]:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}#form-login button[type=submit]:active{transform:translateY(0)}.divider{align-items:center;color:var(--text-light);display:flex;font-family:var(--font-body);font-size:var(--text-sm);margin:var(--space-6) 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid var(--gray-lighter);content:"";flex:1 1}.divider:before{margin-right:var(--space-4)}.divider:after{margin-left:var(--space-4)}.provider-login-container{margin:0}#google-login-btn{display:flex;justify-content:center;margin:0;width:100%}#login-fail-info{align-items:center;background-color:var(--error-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--error);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin:0 0 var(--space-4) 0;padding:var(--space-3) var(--space-4);width:100%}#login-fail-info svg{flex-shrink:0}@media (max-width:480px){#login-page{align-items:flex-start;padding:var(--space-4);padding-top:var(--space-10)}.login-article{border-radius:var(--radius-lg);padding:var(--space-6)}.login-article h1{font-size:var(--text-3xl)}}#notfound-intro{font-size:20px;letter-spacing:.3px;text-align:center}#img-error{width:100%}#img-error-container{margin:0 auto;max-width:1280px}.legal{margin:0 auto;max-width:1040px}.user-setting-container{margin:0 auto;max-width:900px;padding:var(--space-12) var(--space-4)}.user-setting-container h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-8)}.user-setting-container .loading-item{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}.setting-container{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-8)}.setting-box{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-slow)}.setting-box:hover{border-color:var(--coral-light);box-shadow:var(--shadow-md)}.setting-box h3{border-bottom:1px solid var(--gray-lighter);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3)}.setting-box>p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0}.setting-box form{display:flex;flex-direction:column;gap:var(--space-4)}.setting-box form label{color:var(--text-secondary);display:flex;flex-direction:column;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);margin-bottom:0}.setting-box form label div{align-items:center;display:flex;gap:var(--space-1)}.setting-box form label svg{color:var(--text-light);cursor:help}.setting-box form input{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.setting-box form input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.setting-box form input:disabled{background-color:var(--gray-lightest);color:var(--text-light);cursor:not-allowed}.setting-box form input::placeholder{color:var(--text-light)}.warning-info{background-color:var(--error-light);border-radius:var(--radius-md);color:var(--error);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-2);padding:var(--space-3) var(--space-4)}.small-btn-container{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.small-btn-container button{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);height:44px;justify-content:center;min-width:120px;padding:0 var(--space-6);transition:all var(--transition-base)}.small-btn-container button:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.setting-box .role-info{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base)}.setting-box .role-info b{color:var(--text-secondary);font-weight:var(--font-semibold)}#bg-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}#bg-content{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-8);width:100%}#bg-content h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}#bg-content>p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}.delete-feedback-form-container{display:flex;flex-direction:column;gap:var(--space-3)}.feedback-option-item{align-items:center;background-color:var(--gray-lightest);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-flow:row;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.feedback-option-item:hover{background-color:var(--gray-lighter)}.feedback-option-item input[type=checkbox]{accent-color:var(--coral-primary);cursor:pointer;flex-shrink:0;height:20px;width:20px}.feedback-option-item input:focus{outline:2px solid var(--coral-primary);outline-offset:2px}.feedback-option-item label{color:var(--text-primary);cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:var(--text-base)}.btn-container-multiple-right{display:flex;gap:var(--space-3);justify-content:flex-end;margin-bottom:var(--space-4);margin-top:var(--space-6)}.btn-container-multiple-right button:first-child{align-items:center;background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);height:44px;justify-content:center;min-width:120px;padding:0 var(--space-6);transition:all var(--transition-base)}.btn-container-multiple-right button:first-child:hover{background-color:var(--gray-lighter);border-color:var(--gray-light)}.btn-container-multiple-right button:last-child{align-items:center;background-color:var(--error);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);height:44px;justify-content:center;min-width:120px;padding:0 var(--space-6);transition:all var(--transition-base)}.btn-container-multiple-right button:last-child:hover{background-color:#d32f2f;box-shadow:0 4px 14px #f4433640;transform:translateY(-1px)}@media screen and (max-width:900px){.setting-container{grid-template-columns:1fr}}@media screen and (max-width:768px){.user-setting-container{padding:var(--space-8) var(--space-4)}.user-setting-container h1{font-size:var(--text-2xl)}.setting-box{padding:var(--space-5)}.setting-box h3{font-size:var(--text-lg)}}@media screen and (max-width:480px){.user-setting-container{padding:var(--space-6) var(--space-3)}.user-setting-container h1{font-size:var(--text-xl)}.setting-box{padding:var(--space-4)}.small-btn-container button{width:100%}#bg-content{padding:var(--space-6)}.btn-container-multiple-right{flex-direction:column}.btn-container-multiple-right button:first-child,.btn-container-multiple-right button:last-child{width:100%}}.subject{background-color:#fff;background-color:var(--bg-white,#fff);margin:0 auto;max-width:900px;padding:0 1rem;padding:0 var(--space-4,1rem);padding-bottom:5rem;padding-bottom:var(--space-20,5rem)}.subject .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.subject h1{color:#646a6c;color:var(--gray-dark,#646a6c);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:2.25rem;font-size:var(--text-4xl,2.25rem);font-weight:700;font-weight:var(--font-bold,700);line-height:1.1;line-height:var(--leading-tight,1.1);margin:0;padding-bottom:1rem;padding-bottom:var(--space-4,1rem);text-align:left}.subject-hero{align-items:center;display:flex;flex-flow:row;gap:2rem;gap:var(--space-8,2rem);justify-content:space-between;padding-bottom:2rem;padding-bottom:var(--space-8,2rem);padding-top:3rem;padding-top:var(--space-12,3rem)}.subject-hero-section{flex:1 1;max-width:500px}.subject-description{color:#646a6c;color:var(--text-secondary,#646a6c);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:1.125rem;font-size:var(--text-lg,1.125rem);line-height:1.6;line-height:var(--leading-relaxed,1.6)}.subject-cover-image-container{border-radius:3%;box-shadow:14px 8px 29px #000;flex-shrink:0;width:175px}.subject-cover-image{border-radius:3%;height:100%;position:relative;right:3px;top:0;width:100%}.subject-avatar-setting{border-bottom:1px solid #e8eaeb;border-bottom:1px solid var(--gray-lighter,#e8eaeb);padding:1.5rem 0;padding:var(--space-6,1.5rem) 0}.avatar-toggle-container{align-items:center;background:#f5f6f7;background:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:1rem;border-radius:var(--radius-lg,1rem);display:flex;flex-flow:row;justify-content:space-between;padding:1.25rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem)}.avatar-toggle-label{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem)}.avatar-toggle-title{color:#646a6c;color:var(--gray-dark,#646a6c);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1.125rem;font-size:var(--text-lg,1.125rem);font-weight:600;font-weight:var(--font-semibold,600)}.avatar-toggle-description{color:#8a9194;color:var(--text-light,#8a9194);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem)}.avatar-toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.avatar-toggle-switch input{height:0;opacity:0;width:0}.avatar-toggle-slider{background-color:#bbbdbc;background-color:var(--gray-light,#bbbdbc);border-radius:9999px;border-radius:var(--radius-full,9999px);bottom:0;cursor:pointer;left:0;right:0;top:0}.avatar-toggle-slider,.avatar-toggle-slider:before{position:absolute;transition:.2s ease;transition:var(--transition-base,.2s ease)}.avatar-toggle-slider:before{background-color:#fff;background-color:var(--bg-white,#fff);border-radius:50%;bottom:3px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);content:"";height:22px;left:3px;width:22px}.avatar-toggle-switch input:checked+.avatar-toggle-slider{background-color:#fe876e;background-color:var(--coral-primary,#fe876e)}.avatar-toggle-switch input:checked+.avatar-toggle-slider:before{transform:translateX(24px)}.avatar-toggle-switch.disabled .avatar-toggle-slider{background-color:#bbbdbc;background-color:var(--gray-light,#bbbdbc);cursor:not-allowed;opacity:.6}.avatar-toggle-right{align-items:center;display:flex;gap:1rem;gap:var(--space-4,1rem)}.credits-badge{align-items:center;background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border-radius:9999px;border-radius:var(--radius-full,9999px);display:flex;gap:.5rem;gap:var(--space-2,.5rem);padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem)}.credits-badge-icon{font-size:1rem;font-size:var(--text-base,1rem)}.credits-badge-count,.credits-badge-icon{color:#fff;color:var(--text-inverted,#fff)}.credits-badge-count{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600)}.subject-chapter{padding:2rem 0;padding:var(--space-8,2rem) 0}.content-list-row-header{border-bottom:2px solid #e8eaeb;border-bottom:2px solid var(--gray-lighter,#e8eaeb);display:flex;flex-flow:row;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.content-list-row-header-sub-1{color:#646a6c;color:var(--gray-dark,#646a6c);font-size:1.25rem;font-size:var(--text-xl,1.25rem);font-weight:600;font-weight:var(--font-semibold,600)}.content-list-row-header-sub-1,.content-list-row-header-sub-2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif)}.content-list-row-header-sub-2{align-content:end;color:#8a9194;color:var(--text-light,#8a9194);font-size:1rem;font-size:var(--text-base,1rem);font-weight:500;font-weight:var(--font-medium,500)}.content-list-row{border-bottom:1px solid #e8eaeb;border-bottom:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:inherit;display:flex;flex-flow:row;margin-bottom:.25rem;margin-bottom:var(--space-1,.25rem);padding:1rem;padding:var(--space-4,1rem) var(--space-4,1rem);text-decoration:none;transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.content-list-row:hover{background:#fff0ec;background:var(--coral-lightest,#fff0ec);border-color:#ffb4a2;border-color:var(--coral-light,#ffb4a2);cursor:pointer}.content-list-row-chapter-number{align-self:center;color:#fe876e;color:var(--coral-primary,#fe876e);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1.125rem;font-size:var(--text-lg,1.125rem);font-weight:600;font-weight:var(--font-semibold,600);min-width:50px;text-align:center}.content-list-row-sub-1{align-items:center;color:#2d3436;color:var(--text-primary,#2d3436);display:flex;flex:1 1 auto;flex-flow:row;font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:1rem;font-size:var(--text-base,1rem);min-width:230px}.content-list-row-sub-2-item{align-content:center;color:#4caf50;color:var(--success,#4caf50);text-align:center;width:48px}.subject-content-status{margin-right:.75rem;margin-right:var(--space-3,.75rem)}.subject-quiz-section{border-top:1px solid #e8eaeb;border-top:1px solid var(--gray-lighter,#e8eaeb);margin-bottom:5rem;margin-top:2rem;margin-top:var(--space-8,2rem);padding-top:3rem;padding-top:var(--space-12,3rem)}.subject-quiz-section h2{border-bottom:1px solid #e8eaeb;border-bottom:1px solid var(--gray-lighter,#e8eaeb);color:#646a6c;color:var(--gray-dark,#646a6c);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1.5rem;font-size:var(--text-2xl,1.5rem);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 1rem;margin-bottom:var(--space-4,1rem);padding-bottom:.75rem;padding-bottom:var(--space-3,.75rem)}.subject-quiz-section-sub-2{align-items:center;display:flex;flex-flow:row;gap:1.5rem;gap:var(--space-6,1.5rem);justify-content:space-between}.subject-quiz-section-description{color:#646a6c;color:var(--text-secondary,#646a6c);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:1rem;font-size:var(--text-base,1rem);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0;max-width:500px}.subject-quiz-btn-container{flex-shrink:0;padding:1.5rem 0;padding:var(--space-6,1.5rem) 0}.subject-quiz-btn-container button{align-items:center;background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border:none;border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fff;color:var(--text-inverted,#fff);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1rem;font-size:var(--text-base,1rem);font-weight:600;font-weight:var(--font-semibold,600);justify-content:center;padding:.75rem 2rem;padding:var(--space-3,.75rem) var(--space-8,2rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease);white-space:nowrap}.subject-quiz-btn-container button:hover{background-color:#e5705a;background-color:var(--coral-dark,#e5705a);box-shadow:0 4px 14px #fe876e40;box-shadow:var(--shadow-coral,0 4px 14px #fe876e40);transform:translateY(-1px)}.subject-quiz-btn-container button:active{transform:translateY(0)}.subject-exam-result{align-items:center;background-color:#e8f5e9;background-color:var(--success-light,#e8f5e9);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#4caf50;color:var(--success,#4caf50);display:inline-flex;gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.subject-exam-result,.subject-warning-text{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem)}.subject-warning-text{color:#8a9194;color:var(--text-light,#8a9194);padding-top:.5rem;padding-top:var(--space-2,.5rem)}.subject-warning-text--error{color:#f44336;color:var(--error,#f44336)}@media screen and (min-width:768px){.subject{padding:0 2.5rem;padding:0 var(--space-10,2.5rem);padding-bottom:5rem;padding-bottom:var(--space-20,5rem)}.subject h1{font-size:3rem;font-size:var(--text-5xl,3rem)}}@media screen and (max-width:767px){.subject-hero{flex-flow:column-reverse;gap:1.5rem;gap:var(--space-6,1.5rem);padding-top:2rem;padding-top:var(--space-8,2rem);text-align:left}.subject-hero-section{max-width:100%}.subject-cover-image-container{margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.subject h1{font-size:1.875rem;font-size:var(--text-3xl,1.875rem)}.subject-quiz-section-sub-2{align-items:flex-start;flex-flow:column}.subject-quiz-section-description{max-width:100%}.subject-quiz-btn-container{padding:1rem 0;padding:var(--space-4,1rem) 0;width:100%}.subject-quiz-btn-container button{width:100%}}@media screen and (max-width:480px){.avatar-toggle-container{align-items:flex-start;flex-flow:column;gap:1rem;gap:var(--space-4,1rem)}.avatar-toggle-right{justify-content:space-between;width:100%}.credits-badge{padding:.25rem .75rem;padding:var(--space-1,.25rem) var(--space-3,.75rem)}.credits-badge-count{font-size:.75rem;font-size:var(--text-xs,.75rem)}.content-list-row-chapter-number{font-size:1rem;font-size:var(--text-base,1rem);min-width:40px}.content-list-row-sub-1{font-size:.875rem;font-size:var(--text-sm,.875rem);min-width:auto}}.cookie-banner{background-color:#fff;border:1px solid #dadce0;border-radius:5px;font-size:18px;left:1em;letter-spacing:.3px;margin:0 auto;max-height:90%;max-width:650px;overflow-x:hidden;overflow-y:auto;padding:21px;position:fixed;right:0;top:15%;width:60%;z-index:100}.cookie-banner button{font-size:17px;height:40px;margin-right:10px;margin-top:20px;width:120px}.cookie-banner #rcc-decline-button{background-color:#fff;color:#3cb371}.cookie-banner-bg{align-items:center;background-color:#000000b3;display:flex;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:10}@media screen and (max-width:640px){.cookie-banner{right:15px;width:80%}}.quiz-container{padding:var(--space-12) var(--space-4)}.quiz-container .sub-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.quiz-container .loading-item{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}@media screen and (max-width:768px){.quiz-container{padding:var(--space-8) var(--space-4)}.quiz-container .sub-title{font-size:var(--text-2xl)}}@media screen and (max-width:480px){.quiz-container{padding:var(--space-6) var(--space-3)}.quiz-container .sub-title{font-size:var(--text-xl)}}.single-choice-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin:var(--space-10) auto;max-width:820px;transition:all var(--transition-slow)}.single-choice-container:hover{border-color:var(--coral-light);box-shadow:var(--shadow-md)}.single-choice-container-inner{padding:var(--space-5) var(--space-6)}.single-choice-number{color:var(--text-light);display:flex;flex-flow:row;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);justify-content:center;margin-bottom:var(--space-4)}.single-choice-question{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);margin-bottom:var(--space-6);padding:var(--space-3) 0}.single-choice-answer-option{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-base);margin-bottom:var(--space-3);min-height:52px;padding:var(--space-4) var(--space-5);transition:all var(--transition-base)}.single-choice-answer-option:hover{background-color:var(--coral-lightest);border-color:var(--coral-light)}.single-choice-answer-option.correct,.single-choice-answer-option[style*="background-color: green"]{background-color:var(--success)!important;border-color:var(--success)!important;color:var(--text-inverted)!important}.single-choice-answer-option.wrong,.single-choice-answer-option[style*="background-color: rgb(211, 47, 47)"]{background-color:var(--error)!important;border-color:var(--error)!important;color:var(--text-inverted)!important}.single-choice-btn-options{border-top:1px solid var(--gray-lighter);display:flex;margin-top:var(--space-5);padding-top:var(--space-4)}.single-choice-btn-options button{background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;flex:1 1;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:52px;transition:all var(--transition-base)}.single-choice-btn-options button:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.single-choice-next-btn{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:flex;font-family:var(--font-heading);font-weight:var(--font-semibold);justify-content:center;margin-bottom:var(--space-3);min-height:52px;padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.single-choice-next-btn:hover{background-color:var(--coral-dark)}@media screen and (max-width:768px){.single-choice-container{margin:var(--space-6) auto}.single-choice-container-inner{padding:var(--space-4) var(--space-5)}.single-choice-question{font-size:var(--text-lg)}}@media screen and (max-width:480px){.single-choice-container-inner{padding:var(--space-4)}.single-choice-answer-option{min-height:48px;padding:var(--space-3) var(--space-4)}.single-choice-btn-options button{font-size:var(--text-sm);height:48px}}.motivation-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin:var(--space-10) auto;max-width:820px;transition:all var(--transition-slow)}.motivation-container:hover{border-color:var(--coral-light);box-shadow:var(--shadow-md)}.motivation-container-inner{padding:var(--space-10) var(--space-8)}.motivation-img-text{align-items:center;display:flex;flex-flow:row;margin-bottom:var(--space-6);padding:0 var(--space-6)}.motivation-img-container{margin-right:var(--space-8);min-width:140px;width:140px}.motivation-img-container img{border:4px solid var(--coral-lightest);border-radius:50%;box-shadow:var(--shadow-md);height:100%;object-fit:cover;width:100%}.motivation-info-text{max-width:500px}.motivation-info-text p{margin:0}.p-headline{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.motivation-btn-container{display:flex;justify-content:flex-end}.motivation-btn-container .small-btn-container{padding:0}.motivation-btn-container .small-btn-container button{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:48px;justify-content:center;min-width:140px;padding:0 var(--space-6);transition:all var(--transition-base)}.motivation-btn-container .small-btn-container button:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}@media screen and (max-width:768px){.motivation-container-inner{padding:var(--space-8) var(--space-6)}.motivation-img-text{padding:0}.motivation-img-container{margin-right:var(--space-6);min-width:120px;width:120px}.p-headline{font-size:var(--text-xl)}}@media screen and (max-width:640px){.motivation-container-inner{padding:var(--space-6) var(--space-5)}.motivation-img-text{flex-flow:column;text-align:center}.motivation-img-container{margin-bottom:var(--space-5);margin-right:0;min-width:120px;width:120px}.motivation-btn-container{justify-content:center}.motivation-btn-container .small-btn-container,.motivation-btn-container .small-btn-container button{width:100%}.p-headline{font-size:var(--text-lg)}}.motivational-card-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin:var(--space-10) auto;max-width:820px;transition:all var(--transition-slow)}.motivational-card-container:hover{border-color:var(--coral-light);box-shadow:var(--shadow-md)}.motivational-card-container-inner{padding:var(--space-10) var(--space-8)}.motivational-card-img-text{align-items:center;display:flex;flex-flow:row;margin-bottom:var(--space-8);padding:0 var(--space-6)}.motivational-card-text{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);max-width:500px;quotes:none}.motivational-card-text:after,.motivational-card-text:before{content:none}.motivational-img-container{margin-right:var(--space-8);min-width:140px;width:140px}.motivational-img-container img{border:4px solid var(--coral-lightest);border-radius:50%;box-shadow:var(--shadow-md);height:100%;object-fit:cover;width:100%}.motivational-card-next-btn{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:52px;justify-content:center;text-decoration:none;transition:all var(--transition-base);width:100%}.motivational-card-next-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);color:var(--text-inverted);text-decoration:none;transform:translateY(-1px)}@media screen and (max-width:768px){.motivational-card-container-inner{padding:var(--space-8) var(--space-6)}.motivational-card-img-text{padding:0}.motivational-img-container{margin-right:var(--space-6);min-width:120px;width:120px}.motivational-card-text{font-size:var(--text-xl)}}@media screen and (max-width:640px){.motivational-card-container-inner{padding:var(--space-6) var(--space-5)}.motivational-card-img-text{flex-flow:column;text-align:center}.motivational-img-container{margin-bottom:var(--space-5);margin-right:0;min-width:120px;width:120px}.motivational-card-text{font-size:var(--text-lg);max-width:100%}}.game-over-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin:var(--space-10) auto;max-width:820px;padding:var(--space-10) var(--space-8);text-align:center}.game-over-headline{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.game-over-text{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin:0 auto;max-width:500px}.game-over-btn-container{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-8)}.game-over-btn-secondary{align-items:center;background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:48px;justify-content:center;min-width:120px;padding:0 var(--space-6);transition:all var(--transition-base)}.game-over-btn-secondary:hover{background-color:var(--gray-lighter);border-color:var(--gray-light)}.game-over-btn-primary{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:48px;justify-content:center;min-width:120px;padding:0 var(--space-6);transition:all var(--transition-base)}.game-over-btn-primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}@media screen and (max-width:768px){.game-over-container{margin:var(--space-6) auto;padding:var(--space-8) var(--space-6)}.game-over-headline{font-size:var(--text-4xl)}.game-over-text{font-size:var(--text-base)}}@media screen and (max-width:480px){.game-over-container{padding:var(--space-6) var(--space-4)}.game-over-headline{font-size:var(--text-3xl)}.game-over-btn-container{flex-direction:column}.game-over-btn-primary,.game-over-btn-secondary{width:100%}}.quiz-admin-container{margin:0 auto;max-width:900px;padding:var(--space-12) var(--space-4);padding-bottom:var(--space-20)}.quiz-admin-container .loading-item{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}.quiz-admin-container h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-8) 0}.quiz-admin-container .card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6);transition:all var(--transition-slow)}.quiz-admin-container .card:hover{border-color:var(--coral-light);box-shadow:var(--shadow-md)}.quiz-admin-container .card h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-5) 0}.quiz-admin-container table{border-collapse:collapse;width:100%}.quiz-admin-container thead tr{border-bottom:2px solid var(--gray-lighter)}.quiz-admin-container thead td,.quiz-admin-container thead th{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--space-3) var(--space-2);text-align:left;text-transform:uppercase}.quiz-admin-container tbody tr{border-bottom:1px solid var(--gray-lighter);transition:background-color var(--transition-fast)}.quiz-admin-container tbody tr:hover{background-color:var(--gray-lightest);cursor:pointer}.quiz-admin-container tbody td{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-4) var(--space-2)}.quiz-admin-categories-table-container{overflow-x:auto}.quiz-admin-categories-table-container table{table-layout:auto}.quiz-admin-categories-table-container .column-title{min-width:196px;text-align:left;width:60%}.quiz-admin-categories-table-container .column-data{color:var(--text-secondary);min-width:100px;text-align:center;width:15%}.quiz-admin-container tbody td svg{color:var(--text-light);cursor:pointer;transition:color var(--transition-fast)}.quiz-admin-container tbody td svg:hover{color:var(--error)}.quiz-admin-container .column-action{cursor:default!important;text-align:center;width:55px}.quiz-admin-single-choice-form{max-height:90vh;max-width:520px!important;overflow-y:auto;width:100%}.quiz-admin-container .btn-primary{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:40px;justify-content:center;transition:all var(--transition-base);width:120px}.quiz-admin-container .btn-primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.quiz-admin-container .btn-secondary{align-items:center;background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:40px;justify-content:center;transition:all var(--transition-base);width:120px}.quiz-admin-container .btn-secondary:hover{background-color:var(--gray-lighter);border-color:var(--gray-light)}.quiz-admin-container .btn-container{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5);width:100%}@media screen and (max-width:768px){.quiz-admin-container{padding:var(--space-8) var(--space-4)}.quiz-admin-container h1{font-size:var(--text-3xl)}}@media screen and (max-width:480px){.quiz-admin-container{padding:var(--space-6) var(--space-3)}.quiz-admin-container h1{font-size:var(--text-2xl)}.quiz-admin-container .card{padding:var(--space-4)}.quiz-admin-container .btn-container{flex-direction:column}.quiz-admin-container .btn-primary,.quiz-admin-container .btn-secondary{width:100%}}.select-container{margin:var(--space-2) 0;width:100%}.select-label{color:var(--text-secondary);display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.select-element{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.select-element:hover{border-color:var(--gray-light)}.select-element:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.pdf-upload-container{font-family:Arial,sans-serif;margin:16px 0;text-align:center}.dropzone{background-color:#fafafa;border:2px dashed #ccc;border-radius:16px;cursor:pointer;padding:40px 20px;transition:all .3s ease}.dropzone:hover{background-color:#f0f8ff;border-color:#007bff}.dropzone.dragging{background-color:#e6f2ff;border-color:#007bff;box-shadow:0 0 8px #007bff80;transform:scale(1.02)}.dropzone-content{align-items:center;display:flex;flex-direction:column}.dropzone-icon{font-size:40px;margin-bottom:10px}.dropzone-text{color:#333;font-size:16px}.click-hint{color:#007bff;text-decoration:underline}.dropzone-subtext{color:#888;font-size:12px;margin-top:4px}.upload-success{color:#28a745}.upload-error,.upload-success{font-size:14px;margin-top:20px}.upload-error{color:#dc3545}.tabs-container{align-items:center;background-color:#f0f0f0;border-radius:6px;color:#666;display:grid;height:40px;justify-content:center;margin-top:12px;outline:none;padding:4px;width:100%}.tabs-container button:hover{background-color:inherit}.tab-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:15px;gap:6px;justify-content:center;padding:9px 12px;transition:all .1s ease-in-out}.tab-button:focus-visible{outline:2px solid #39f;outline-offset:2px}.tab-button.active{color:#000}.tab-button.active,.tabs-container .tab-button.active:hover{background-color:#fff}.icon{height:16px;width:16px}.learning-stack-category-deletion-form-info{letter-spacing:.3px}.game-result-container{box-shadow:0 0 4px #0000000f,0 8px 16px #00000014;letter-spacing:.3px;margin:50px auto;max-width:820px}.game-result-container-inner{padding:50px 30px 14px}.game-result-img-text{align-items:center;display:flex;flex-flow:row;padding-bottom:30px;padding-left:30px;padding-right:30px}.game-result-img-container{margin-right:40px;width:175px}.game-result-img-container img{border-radius:50%;height:100%;object-fit:cover;width:100%}@media screen and (max-width:720px){.game-result-img-text{flex-flow:column}.game-result-img-container{margin-right:0}}@media screen and (max-width:420px){.game-result-container-inner .btn-container-multiple-right{justify-content:center}}.quiz-container{margin:0 auto;max-width:960px}.quiz-container h1{font-size:37px;padding-bottom:5px;padding-top:10px;text-align:left}.quiz-container .loading-item{height:55vh;margin:0 auto}.quiz-container .sub-title{font-size:25px;font-weight:500;letter-spacing:.3px}.flashcard-admin-container{margin:0 auto;max-width:900px;padding:var(--space-12) var(--space-4);padding-bottom:var(--space-20)}.flashcard-admin-container .loading-item{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}.flashcard-admin-container h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-8) 0}.flashcard-admin-container .card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6);transition:all var(--transition-slow)}.flashcard-admin-container .card:hover{border-color:var(--coral-light);box-shadow:var(--shadow-md)}.flashcard-admin-container .card h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-5) 0}.flashcard-admin-container table{border-collapse:collapse;width:100%}.flashcard-admin-container table p{margin:0;padding:0}.flashcard-admin-container thead tr{border-bottom:2px solid var(--gray-lighter)}.flashcard-admin-container thead td,.flashcard-admin-container thead th{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--space-3) var(--space-2);text-align:left;text-transform:uppercase}.flashcard-admin-container tbody tr{border-bottom:1px solid var(--gray-lighter);transition:background-color var(--transition-fast)}.flashcard-admin-container tbody tr:hover{background-color:var(--gray-lightest)}.flashcard-admin-container tbody td{color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-4) var(--space-2)}.flashcard-admin-categories-table-container{overflow-x:auto}.flashcard-admin-categories-table-container table{table-layout:auto}.flashcard-admin-categories-table-container .column-title{min-width:196px;text-align:left;width:60%}.flashcard-admin-categories-table-container .column-data{color:var(--text-secondary);min-width:100px;text-align:center;width:15%}.flashcard-admin-container tbody td svg{color:var(--text-light);cursor:pointer;transition:color var(--transition-fast)}.flashcard-admin-container tbody td svg:hover{color:var(--error)}.flashcard-admin-container .column-action{cursor:default!important;text-align:center;width:55px}.flashcard-admin-container .btn-primary{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:40px;justify-content:center;transition:all var(--transition-base);width:120px}.flashcard-admin-container .btn-primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.flashcard-admin-container .btn-secondary{align-items:center;background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:40px;justify-content:center;transition:all var(--transition-base);width:120px}.flashcard-admin-container .btn-secondary:hover{background-color:var(--gray-lighter);border-color:var(--gray-light)}.flashcard-admin-container .btn-container{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5);width:100%}@media screen and (max-width:768px){.flashcard-admin-container{padding:var(--space-8) var(--space-4)}.flashcard-admin-container h1{font-size:var(--text-3xl)}}@media screen and (max-width:480px){.flashcard-admin-container{padding:var(--space-6) var(--space-3)}.flashcard-admin-container h1{font-size:var(--text-2xl)}.flashcard-admin-container .card{padding:var(--space-4)}.flashcard-admin-container .btn-container{flex-direction:column}.flashcard-admin-container .btn-primary,.flashcard-admin-container .btn-secondary{width:100%}}.flashcard-form-content{display:flex;flex-direction:column;gap:var(--space-4)}.flashcard-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.flashcard-form-label{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium)}.flashcard-form-btn-container{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.flashcard-form-btn-primary{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:44px;justify-content:center;min-width:120px;padding:0 var(--space-6);transition:all var(--transition-base)}.flashcard-form-btn-primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.flashcard-form-btn-secondary{align-items:center;background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:44px;justify-content:center;min-width:120px;padding:0 var(--space-6);transition:all var(--transition-base)}.flashcard-form-btn-secondary:hover{background-color:var(--gray-lighter);border-color:var(--gray-light)}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.custom-quill-editor{display:flex;flex-flow:column;height:100%}.custom-quill-editor .ql-container{max-height:calc(100% - 50px)}.custom-quill-editor .ql-editor{background-color:#fff;font-family:Oswald,sans-serif;font-size:16px;letter-spacing:.3px;line-height:1.5;overflow-y:auto}.custom-quill-editor .ql-toolbar{border-radius:6px 6px 0 0}.learn-session-container{margin:0 auto;max-width:960px;padding:var(--space-12) var(--space-4)}.learn-session-container .sub-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.learn-session-container .loading-item{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}.learn-session-timer{align-items:center;background-color:var(--coral-lightest);border-radius:var(--radius-full);color:var(--coral-dark);display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4)}.learn-session-timer svg{color:var(--coral-primary)}.learn-session-timer-container{display:flex;justify-content:flex-end;margin-top:var(--space-6)}@media screen and (max-width:768px){.learn-session-container{padding:var(--space-8) var(--space-4)}.learn-session-container .sub-title{font-size:var(--text-2xl)}}@media screen and (max-width:480px){.learn-session-container{padding:var(--space-6) var(--space-3)}.learn-session-container .sub-title{font-size:var(--text-xl)}}.flashcard-progress-indicator{display:flex;flex-flow:row;gap:var(--space-2)}.circle-grey{background-color:var(--gray-lighter);transition:all var(--transition-base)}.circle-green,.circle-grey{border-radius:50%;height:12px;width:12px}.circle-green{background-color:var(--teal);box-shadow:0 0 8px #4ecdc466}.flashcard-actions{display:flex;flex-flow:row;gap:var(--space-3);justify-content:end}.flashcard-actions svg{color:var(--text-light);cursor:pointer;transition:color var(--transition-fast)}.flashcard-actions svg:hover{color:var(--coral-primary)}.flashcard-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin:var(--space-10) auto;max-width:820px;transition:all var(--transition-slow)}.flashcard-container:hover{border-color:var(--coral-light);box-shadow:var(--shadow-md)}.flashcard-container-inner{padding:var(--space-5) var(--space-6)}.flashcard-header{align-items:center;display:flex;flex-flow:row;justify-content:space-between;margin-bottom:var(--space-4)}.flashcard-question{border-bottom:1px solid var(--gray-lighter);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);margin-bottom:var(--space-4);padding:var(--space-3) 0}.flashcard-question p{margin:0}.flashcard-answer{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);max-height:300px;min-height:250px;overflow-y:auto;padding:var(--space-2) var(--space-3)}.flashcard-answer p{margin:0 0 var(--space-3) 0}.flashcard-answer ol,.flashcard-answer ul{margin:0 0 var(--space-3) var(--space-4);padding:0}.flashcard-answer li{margin-bottom:var(--space-2)}.flashcard-btns-container{border-top:1px solid var(--gray-lighter);margin-top:var(--space-5);padding-top:var(--space-4)}.flashcard-btns-container .flashcard-show-answer-btn{background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:52px;transition:all var(--transition-base);width:100%}.flashcard-btns-container .flashcard-show-answer-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.flashcard-btn-options{display:flex;gap:var(--space-4)}.flashcard-btn-options button{border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:52px;transition:all var(--transition-base)}.flashcard-btn-options button:first-child{background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);color:var(--text-primary)}.flashcard-btn-options button:first-child:hover{background-color:var(--gray-lighter);border-color:var(--gray-light)}.flashcard-btn-options button:last-child{background-color:var(--coral-primary);border:none;color:var(--text-inverted)}.flashcard-btn-options button:last-child:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}@media screen and (max-width:768px){.flashcard-container{margin:var(--space-6) auto}.flashcard-container-inner{padding:var(--space-4) var(--space-5)}.flashcard-question{font-size:var(--text-lg)}.flashcard-answer{font-size:var(--text-base);min-height:200px}}@media screen and (max-width:480px){.flashcard-container-inner{padding:var(--space-4)}.flashcard-btn-options{gap:var(--space-3)}.flashcard-btn-options button,.flashcard-btns-container .flashcard-show-answer-btn{font-size:var(--text-sm);height:48px}}.timer-setup-content{display:flex;flex-direction:column;gap:var(--space-5)}.timer-setup-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.timer-setup-label{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium)}.timer-setup-input{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.timer-setup-input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.timer-setup-warning{background-color:var(--error-light);border-radius:var(--radius-sm);color:var(--error);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.timer-setup-btn-container{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.timer-setup-btn{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:44px;justify-content:center;min-width:120px;padding:0 var(--space-6);transition:all var(--transition-base)}.timer-setup-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.timeout-card-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin:var(--space-10) auto;max-width:820px}.timeout-card-inner{padding:var(--space-10) var(--space-8)}.timeout-card-content{align-items:center;display:flex;flex-flow:row;margin-bottom:var(--space-8);padding:0 var(--space-6)}.timeout-img-container{margin-right:var(--space-8);min-width:140px;width:140px}.timeout-img-container img{border:4px solid var(--coral-lightest);border-radius:50%;box-shadow:var(--shadow-md);height:100%;object-fit:cover;width:100%}.timeout-text-container{display:flex;flex-direction:column;gap:var(--space-3)}.timeout-headline{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin:0}.timeout-subtext{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.timeout-btn-container{display:flex;gap:var(--space-4);justify-content:flex-end}.timeout-btn-secondary{align-items:center;background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:48px;justify-content:center;min-width:120px;padding:0 var(--space-6);transition:all var(--transition-base)}.timeout-btn-secondary:hover{background-color:var(--gray-lighter);border-color:var(--gray-light)}.timeout-btn-primary{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:48px;justify-content:center;min-width:120px;padding:0 var(--space-6);transition:all var(--transition-base)}.timeout-btn-primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}@media screen and (max-width:768px){.timeout-card-inner{padding:var(--space-8) var(--space-6)}.timeout-card-content{padding:0}.timeout-img-container{margin-right:var(--space-6);min-width:120px;width:120px}.timeout-headline{font-size:var(--text-xl)}}@media screen and (max-width:640px){.timeout-card-inner{padding:var(--space-6) var(--space-5)}.timeout-card-content{flex-flow:column;text-align:center}.timeout-img-container{margin-bottom:var(--space-5);margin-right:0;min-width:120px;width:120px}.timeout-headline{font-size:var(--text-lg)}.timeout-btn-container{flex-direction:column}.timeout-btn-primary,.timeout-btn-secondary{width:100%}}#learning-stack-overview-page{background-color:var(--bg-light);min-height:calc(100vh - 200px);padding:var(--space-8) var(--space-4)}.learning-stacks-container{margin:0 auto;max-width:900px}.learning-stacks-container h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-6) 0}.learning-stacks-container .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.learning-stack-controls{margin-bottom:var(--space-6)}.learning-stack-controls button{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1.5;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.learning-stack-controls button:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.learning-stack-controls button:active{transform:translateY(0)}.archived-learning-stack-table-container,.learning-stack-table-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden}.archived-learning-stack-table-container table,.learning-stack-table-container table{border-collapse:collapse;table-layout:auto;width:100%}.archived-learning-stack-table-container thead,.learning-stack-table-container thead{background-color:var(--gray-lightest);border-bottom:1px solid var(--gray-lighter)}.archived-learning-stack-table-container th,.learning-stack-table-container th{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.03em;padding:var(--space-4);text-transform:uppercase}.archived-learning-stack-table-container th.column-title,.learning-stack-table-container th.column-title{text-align:left}.archived-learning-stack-table-container th.column-data,.learning-stack-table-container th.column-data{text-align:center}.archived-learning-stack-table-container tbody tr,.learning-stack-table-container tbody tr{border-bottom:1px solid var(--gray-lighter);transition:background-color var(--transition-fast)}.archived-learning-stack-table-container tbody tr:last-child,.learning-stack-table-container tbody tr:last-child{border-bottom:none}.archived-learning-stack-table-container tbody tr:hover,.learning-stack-table-container tbody tr:hover{background-color:var(--coral-lightest);cursor:pointer}.archived-learning-stack-table-container td,.learning-stack-table-container td{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-4);vertical-align:middle}.archived-learning-stack-table-container .column-title,.learning-stack-table-container .column-title{font-weight:var(--font-medium);min-width:200px;text-align:left;width:60%}.archived-learning-stack-table-container .column-data,.learning-stack-table-container .column-data{color:var(--text-secondary);min-width:80px;text-align:center;width:12%}.archived-learning-stack-table-container .column-action,.learning-stack-table-container .column-action{padding:var(--space-3);text-align:center;width:50px}.archived-learning-stack-table-container td svg,.learning-stack-table-container td svg{color:var(--gray-medium);cursor:pointer;transition:color var(--transition-fast)}.archived-learning-stack-table-container td svg:hover,.learning-stack-table-container td svg:hover{color:var(--coral-primary)}.learning-stacks-empty{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-lg);padding:var(--space-12) var(--space-6);text-align:center}.archived-learning-stack-table-container{margin-top:var(--space-8)}.archived-learning-stack-table-container th.column-title{color:var(--text-light)}.learning-stack-table-container .column-data{font-family:var(--font-heading);font-weight:var(--font-semibold)}.learning-stack-table-container tbody td:nth-child(2){color:var(--teal)}.learning-stack-table-container tbody td:nth-child(3){color:var(--coral-primary)}@media (max-width:768px){#learning-stack-overview-page{padding:var(--space-4)}.learning-stacks-container h1{font-size:var(--text-3xl)}.archived-learning-stack-table-container,.learning-stack-table-container{border-radius:var(--radius-md)}.archived-learning-stack-table-container td,.archived-learning-stack-table-container th,.learning-stack-table-container td,.learning-stack-table-container th{padding:var(--space-3)}.archived-learning-stack-table-container .column-title,.learning-stack-table-container .column-title{min-width:150px}.archived-learning-stack-table-container .column-data,.learning-stack-table-container .column-data{min-width:60px}}@media (max-width:480px){.learning-stacks-container h1{font-size:var(--text-2xl)}.learning-stack-controls button{width:100%}.archived-learning-stack-table-container th.column-data,.learning-stack-table-container th.column-data{font-size:var(--text-xs)}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.react-datepicker-wrapper{width:100%}.react-datepicker{border:none!important;border-radius:12px!important;box-shadow:0 4px 12px #00000026;font-family:sans-serif;overflow:hidden}.react-datepicker__header{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px}.react-datepicker__current-month{color:#111827;font-size:16px;font-weight:600}.react-datepicker__day-name{color:#6b7280;font-weight:500}.react-datepicker__day{border-radius:6px;height:32px;line-height:32px;margin:4px;transition:all .2s ease;width:32px}.react-datepicker__day:hover{background-color:#e0f2fe;color:#2e8b57}.react-datepicker__day--selected{background-color:#2e8b57!important;color:#fff!important;font-weight:700}.react-datepicker__day--today{border:1px solid #2e8b57;border-radius:6px}.learning-stack-deletion-form-info{font-family:var(--font-body);line-height:var(--leading-relaxed)}.learning-stack-deletion-form-info p{color:var(--text-secondary);margin:var(--space-2) 0}.learning-stack-deletion-form-info p:last-of-type{color:var(--error);font-weight:var(--font-medium);margin-top:var(--space-4)}.learning-stack-container{margin:0 auto;max-width:960px;padding:var(--space-12) var(--space-4)}.learning-stack-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-8)}.learning-stack-container h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0}.learning-stack-edit-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all var(--transition-base)}.learning-stack-edit-btn:hover{background-color:var(--coral-lightest);color:var(--coral-primary)}.learning-stack-container .loading-item{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}.learning-stack-container .card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6);transition:all var(--transition-slow)}.learning-stack-container .card:hover{border-color:var(--coral-light);box-shadow:var(--shadow-md)}.learning-stack-container .card h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-5) 0}.progress-container{background-color:var(--gray-lightest);border-radius:var(--radius-full);height:8px;margin-top:var(--space-6);overflow:hidden;width:100%}.progress-bar{background-color:var(--teal);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-text{color:var(--text-light);display:flex;font-family:var(--font-body);font-size:var(--text-sm);justify-content:space-between;margin-top:var(--space-2)}.learning-stack-stats-container{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(5,1fr)}.learning-stack-stats{background-color:var(--gray-lightest);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;transition:all var(--transition-base)}.learning-stack-stats:hover{background-color:var(--coral-lightest)}.learning-stack-stat-number{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.learning-stack-stat-label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.learning-stack-actions-container{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.learning-stack-actions-container button{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-lg);color:var(--text-inverted);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-5);text-align:center;transition:all var(--transition-base)}.learning-stack-actions-container button:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-2px)}.learning-stack-actions-container button svg{color:var(--text-inverted)}.learning-stack-overview-action-container{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.learning-stack-overview-action-container .card{margin-bottom:0}.learning-stack-categories-table-container{overflow-x:auto}.learning-stack-categories-table-container table{border-collapse:collapse;table-layout:auto;width:100%}.learning-stack-categories-table-container thead tr{border-bottom:2px solid var(--gray-lighter)}.learning-stack-categories-table-container th{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--space-3) var(--space-2);text-transform:uppercase}.learning-stack-categories-table-container tbody tr{border-bottom:1px solid var(--gray-lighter);transition:background-color var(--transition-fast)}.learning-stack-categories-table-container tbody tr:hover{background-color:var(--gray-lightest)}.learning-stack-categories-table-container td{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-4) var(--space-2)}.learning-stack-categories-table-container .column-title{min-width:196px;text-align:left;width:70%}.learning-stack-categories-table-container .column-data{color:var(--text-secondary);min-width:90px;text-align:center;width:15%}@media screen and (max-width:920px){.learning-stack-container{padding:var(--space-8) var(--space-4)}.learning-stack-overview-action-container{grid-template-columns:1fr}}@media screen and (max-width:820px){.learning-stack-stats-container{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:680px){.learning-stack-container h1{font-size:var(--text-3xl)}.learning-stack-stats-container{grid-template-columns:repeat(3,1fr)}.learning-stack-actions-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.learning-stack-container{padding:var(--space-6) var(--space-3)}.learning-stack-container h1{font-size:var(--text-2xl)}.learning-stack-stats-container{grid-template-columns:repeat(2,1fr)}.learning-stack-container .card{padding:var(--space-4)}}.learning-statistic-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.learning-statistic-chart-header h2{margin-bottom:0!important}.learning-statistic-no-data{align-items:center;background-color:var(--gray-lightest);border-radius:var(--radius-md);color:var(--text-light);display:flex;font-family:var(--font-body);font-size:var(--text-base);justify-content:center;padding:var(--space-10) var(--space-4);text-align:center}.learning-statistic-chart-header select{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.learning-statistic-chart-header select:hover{border-color:var(--coral-primary)}.learning-statistic-chart-header select:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.forecast-card-progress-text{color:var(--text-light);display:flex;font-family:var(--font-body);font-size:var(--text-xs);justify-content:flex-start;margin-bottom:var(--space-4);margin-top:var(--space-1)}.forecast-card-details{border-top:1px solid var(--gray-lighter);display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4)}.forecast-card-detail-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.forecast-card-detail-label{align-items:center;color:var(--text-secondary);display:flex;flex-direction:row;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2)}.forecast-card-detail-label svg{color:var(--coral-primary)}.forecast-card-detail-value{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium)}#forecast-card h2{margin-top:0}.progress-labels{color:#4b5563;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:4px}.progress-bar{background-color:#e5e7eb;border-radius:9999px;height:12px;width:100%}.progress-bar-fill{background-color:#10b981;border-radius:9999px;height:100%;transition:width 1s ease}.exam-container{margin:0 auto;max-width:960px;padding:var(--space-12) var(--space-4)}.exam-container .sub-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.exam-container .loading-item{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}.exam-timer{align-items:center;background-color:var(--coral-lightest);border-radius:var(--radius-full);color:var(--coral-dark);display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4)}.exam-timer svg{color:var(--coral-primary)}.exam-timer-container{display:flex;justify-content:flex-end;margin-top:var(--space-6)}@media screen and (max-width:768px){.exam-container{padding:var(--space-8) var(--space-4)}.exam-container .sub-title{font-size:var(--text-2xl)}}@media screen and (max-width:480px){.exam-container{padding:var(--space-6) var(--space-3)}.exam-container .sub-title{font-size:var(--text-xl)}}.exam-notasks-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin:var(--space-10) auto;max-width:820px}.exam-notasks-inner{padding:var(--space-10) var(--space-8)}.exam-notasks-content{align-items:flex-start;display:flex;flex-flow:row;margin-bottom:var(--space-8);padding:0 var(--space-6)}.exam-notasks-img-container{margin-right:var(--space-8);min-width:140px;width:140px}.exam-notasks-img-container img{border:4px solid var(--coral-lightest);border-radius:50%;box-shadow:var(--shadow-md);height:100%;object-fit:cover;width:100%}.exam-notasks-text{display:flex;flex-direction:column;gap:var(--space-3)}.exam-notasks-headline{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin:0}.exam-notasks-subtext{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.exam-notasks-btn-container{display:flex;justify-content:flex-end}.exam-notasks-btn{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:48px;justify-content:center;min-width:140px;padding:0 var(--space-6);transition:all var(--transition-base)}.exam-notasks-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}@media screen and (max-width:768px){.exam-notasks-inner{padding:var(--space-8) var(--space-6)}.exam-notasks-content{padding:0}.exam-notasks-img-container{margin-right:var(--space-6);min-width:120px;width:120px}.exam-notasks-headline{font-size:var(--text-xl)}}@media screen and (max-width:640px){.exam-notasks-inner{padding:var(--space-6) var(--space-5)}.exam-notasks-content{align-items:center;flex-flow:column;text-align:center}.exam-notasks-img-container{margin-bottom:var(--space-5);margin-right:0;min-width:120px;width:120px}.exam-notasks-headline{font-size:var(--text-lg)}.exam-notasks-btn-container{justify-content:center}.exam-notasks-btn{width:100%}}.exam-question-number{color:var(--text-light);display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);justify-content:center;margin-bottom:var(--space-4)}.exam-flashcard-btn-options{display:flex;gap:var(--space-4)}.exam-flashcard-btn-options button{border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:52px;transition:all var(--transition-base)}.exam-flashcard-btn-options button:first-child{background-color:var(--coral-primary);border:none;color:var(--text-inverted)}.exam-flashcard-btn-options button:first-child:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.exam-flashcard-btn-options button:last-child{background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);color:var(--text-primary)}.exam-flashcard-btn-options button:last-child:hover{background-color:var(--gray-lighter);border-color:var(--gray-light)}.exam-timeout-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin:var(--space-10) auto;max-width:820px}.exam-timeout-inner{padding:var(--space-10) var(--space-8)}.exam-timeout-content{align-items:center;display:flex;flex-flow:row;margin-bottom:var(--space-8);padding:0 var(--space-6)}.exam-timeout-img-container{margin-right:var(--space-8);min-width:140px;width:140px}.exam-timeout-img-container img{border:4px solid var(--coral-lightest);border-radius:50%;box-shadow:var(--shadow-md);height:100%;object-fit:cover;width:100%}.exam-timeout-text{display:flex;flex-direction:column;gap:var(--space-3)}.exam-timeout-headline{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin:0}.exam-timeout-subtext{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.exam-timeout-btn-container{display:flex;justify-content:flex-end}.exam-timeout-btn{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:48px;justify-content:center;min-width:140px;padding:0 var(--space-6);transition:all var(--transition-base)}.exam-timeout-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}@media screen and (max-width:768px){.exam-timeout-inner{padding:var(--space-8) var(--space-6)}.exam-timeout-content{padding:0}.exam-timeout-img-container{margin-right:var(--space-6);min-width:120px;width:120px}.exam-timeout-headline{font-size:var(--text-xl)}}@media screen and (max-width:640px){.exam-timeout-inner{padding:var(--space-6) var(--space-5)}.exam-timeout-content{flex-flow:column;text-align:center}.exam-timeout-img-container{margin-bottom:var(--space-5);margin-right:0;min-width:120px;width:120px}.exam-timeout-headline{font-size:var(--text-lg)}.exam-timeout-btn-container{justify-content:center}.exam-timeout-btn{width:100%}}.exam-result-container{margin:60px auto 0;max-width:840px}.exam-result-container .loading-item{height:55vh;margin:0 auto}.exam-result-container h1{font-size:37px;padding-bottom:30px;padding-top:10px;text-align:left}.exam-total-result-circle{align-content:center;background:#3cb371;border-radius:9999px;color:#fff;font-size:39px;font-weight:600;height:140px;margin:15px auto;text-align:center;width:140px}.exam-total-result-container{align-items:center;display:flex;flex-flow:row;font-size:18px;padding-bottom:11px;padding-left:30px;padding-right:30px}.exam-total-result-container-sub-1{margin-right:70px;text-align:center;width:175px}.exam-total-result-container-sub-2{width:100%}.exam-total-result-item{display:flex;flex-flow:row;justify-content:space-between;padding-bottom:12px;width:100%}@media screen and (max-width:640px){.exam-total-result-container{flex-flow:column}.exam-total-result-container-sub-1{margin-bottom:40px;margin-right:0}}.exam-result-category-card{border:1px solid #f3f4f6;border-radius:12px;margin-bottom:24px;padding:24px}.exam-result-category-header{align-items:center;display:flex;flex-flow:row;justify-content:space-between;margin-bottom:16px}.exam-result-category-title{color:#1f2937;font-size:21px;font-weight:600;letter-spacing:.3px}.exam-result-category-footer{display:flex;justify-content:right}.exam-result-category-status{align-items:center;color:#4b5563;display:flex;font-size:.875rem}.learning-settings-container{margin:0 auto;max-width:820px;padding:var(--space-12) var(--space-4)}.learning-settings-container .loading-item{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}.learning-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.learning-settings-container h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0}.learning-settings-container .card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6);transition:all var(--transition-slow)}.learning-settings-container .card:hover{border-color:var(--coral-light);box-shadow:var(--shadow-md)}.learning-settings-container .card h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.learning-settings-container p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0}.learning-settings-info{align-items:center;display:flex;flex-flow:row;justify-content:space-between;margin-bottom:var(--space-2)}.learning-settings-info p{color:var(--text-primary);font-weight:var(--font-medium);margin:0}.duration-label{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);min-width:80px;text-align:right}.learning-settings-container .slider-container{margin-bottom:var(--space-6)}.learning-settings-container .btn-primary{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);justify-content:center;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.learning-settings-container .btn-primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.learning-settings-container .btn-danger{align-items:center;background-color:var(--error);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:40px;justify-content:center;transition:all var(--transition-base);width:120px}.learning-settings-container .btn-danger:hover{background-color:#d32f2f;box-shadow:0 4px 14px #f443364d;transform:translateY(-1px)}.learning-settings-container .btn-container{display:flex;justify-content:flex-end;width:100%}.learning-settings-container .status-message{align-items:center;border-radius:var(--radius-md);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.learning-settings-container .status-success{background-color:var(--success-light);color:var(--success)}.learning-settings-container .status-error{background-color:var(--error-light);color:var(--error)}@media screen and (max-width:768px){.learning-settings-container{padding:var(--space-8) var(--space-4)}.learning-settings-container h1{font-size:var(--text-3xl)}.learning-settings-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}}@media screen and (max-width:480px){.learning-settings-container{padding:var(--space-6) var(--space-3)}.learning-settings-container h1{font-size:var(--text-2xl)}.learning-settings-container .card{padding:var(--space-4)}.learning-settings-info{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.duration-label{text-align:left}}.slider-container{margin-bottom:var(--space-4)}.slider{-webkit-appearance:none;appearance:none;background:#0000;border:none;cursor:pointer;margin:var(--space-2) 0;max-height:8px;min-height:8px;padding:0;width:100%}.slider:focus{border:none;outline:none;outline-offset:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#fe876e 0,#fe876e 50%,#e8eaeb 0,#e8eaeb);background:linear-gradient(to right,#fe876e 0,#fe876e var(--slider-track-fill,50%),#e8eaeb var(--slider-track-fill,50%),#e8eaeb 100%);border-radius:var(--radius-full);height:8px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--bg-white);border:3px solid #fe876e;border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:22px;margin-top:-7px;position:relative;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);width:22px;z-index:2}.slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-coral);transform:scale(1.1)}.slider::-moz-range-track{background:linear-gradient(90deg,#fe876e 0,#fe876e 50%,#e8eaeb 0,#e8eaeb);background:linear-gradient(to right,#fe876e 0,#fe876e var(--slider-track-fill,50%),#e8eaeb var(--slider-track-fill,50%),#e8eaeb 100%);border-radius:var(--radius-full);height:8px}.slider::-moz-range-thumb{background:var(--bg-white);border:3px solid #fe876e;border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:22px;width:22px}.slider::-moz-range-thumb:hover{transform:scale(1.1)}.slider-scale{color:var(--text-light);display:flex;font-family:var(--font-body);font-size:var(--text-xs);justify-content:space-between;margin-top:var(--space-1)}.hp{-webkit-font-smoothing:antialiased;background:var(--gray-lightest);text-rendering:optimizeLegibility}@media (max-width:640px){.hp{padding-top:var(--space-16)}}.hp a{color:inherit;text-decoration:none}.hp a:focus-visible{outline:3px solid #fe876e59;outline-offset:3px}.hp-container{margin:0 auto;max-width:1280px;padding:0 var(--space-20)}@media (max-width:1024px){.hp-container{padding:0 var(--space-10)}}@media (max-width:640px){.hp-container{padding:0 var(--space-4)}}.hp-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.hp-btn-primary{background:var(--coral-primary);box-shadow:var(--shadow-coral);color:var(--text-inverted)}.hp-btn-primary:hover{background:var(--coral-dark);box-shadow:var(--shadow-coral-lg);transform:translateY(-1px)}.hp-btn-primary:active{transform:translateY(0)}.hp-btn-outline{background:#0000;border:2px solid var(--coral-primary);box-shadow:none;color:var(--coral-primary)}.hp-btn-outline:hover{background:var(--coral-primary);box-shadow:var(--shadow-coral);color:var(--text-inverted);transform:translateY(-1px)}.hp-section{padding:var(--space-20) 0}@media (max-width:640px){.hp-section{padding:var(--space-12) 0}}.hp-sectionAlt{background:var(--bg-white)}.hp-sectionSoft{background:var(--gray-lightest)}.hp-sectionNavy{background:var(--bg-white)}.hp-sectionNavy h2{color:var(--gray-dark)}.hp-sectionNavy .hp-lead{color:var(--text-secondary);max-width:78ch}.hp-kicker{align-items:center;color:var(--text-light);display:inline-flex;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-3);letter-spacing:.14em;margin-bottom:var(--space-4);text-transform:uppercase}.hp-dot{background:var(--coral-primary);border-radius:var(--radius-full);box-shadow:0 0 0 6px #fe876e1a;height:10px;width:10px}.hp h1,.hp h2,.hp h3,.hp h4{font-family:var(--font-heading);margin:0}.hp h1{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight)}.hp h1,.hp h2{color:var(--gray-dark);letter-spacing:-.02em}.hp h2{font-size:var(--text-4xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.hp h3{font-size:var(--text-2xl);line-height:1.3}.hp h3,.hp h4{color:var(--gray-dark);font-weight:var(--font-semibold)}.hp h4{font-size:var(--text-xl);line-height:1.4}@media (max-width:640px){.hp h1{font-size:var(--text-4xl)}.hp h2{font-size:1.75rem}}.hp-lead{color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-top:var(--space-6);max-width:72ch}.hp-muted{color:var(--text-light);margin:var(--space-4) 0 0;max-width:72ch}.hp-heroGrid{grid-gap:var(--space-16);align-items:center;display:grid;gap:var(--space-16);grid-template-columns:1.05fr .95fr}@media (max-width:1024px){.hp-heroGrid{gap:var(--space-12);grid-template-columns:1fr}}.hp-heroCard{background:linear-gradient(180deg,var(--bg-white),#ffffffdb);border:1px solid var(--gray-lighter);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:var(--space-12);position:relative}.hp-heroCard:after{background:radial-gradient(circle at 50% 50%,#fe876e59,#fe876e00 65%);content:"";height:260px;inset:auto auto -80px -80px;pointer-events:none;position:absolute;width:260px}.hp-heroActions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}.hp-heroImageStage{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-height:360px;overflow:hidden;position:relative}.hp-heroImageStage img{display:block;height:100%;min-height:360px;object-fit:cover;width:100%}.hp-heroImageCaption{background:#ffffffe0;border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);bottom:var(--space-4);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--text-sm);left:var(--space-4);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);position:absolute;right:var(--space-4)}.hp-divider3{align-items:center;display:flex;gap:var(--space-4);justify-content:center;margin:var(--space-12) 0 0;opacity:.95}.hp-divider3 span{background:#fe876ee6;border-radius:var(--radius-full);height:3px;width:44px}.hp-grid3{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin-top:var(--space-12)}@media (max-width:1024px){.hp-grid3{grid-template-columns:1fr}}.hp-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--transition-slow)}.hp-card:hover{border-color:var(--coral-primary);box-shadow:0 8px 24px #fe876e1f;transform:translateY(-4px)}.hp-cardIcon{align-items:center;background:linear-gradient(180deg,var(--coral-lightest),#ffffffe6);border:1px solid #fe876e40;border-radius:var(--radius-lg);display:flex;height:44px;justify-content:center;margin-bottom:var(--space-4);width:44px}.hp-cardIcon svg{stroke:var(--coral-primary);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;height:22px;width:22px}.hp-card p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:var(--space-3) 0 0}.hp-productStack{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr;margin-top:var(--space-12)}.hp-product{grid-gap:var(--space-12);align-items:start;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:grid;gap:var(--space-12);grid-template-columns:1.2fr .8fr;overflow:hidden;padding:var(--space-8);position:relative}.hp-product:before{background:radial-gradient(circle at 60% 60%,#fe876e2e,#0000 65%);content:"";height:220px;left:-120px;pointer-events:none;position:absolute;top:-120px;width:220px}@media (max-width:1024px){.hp-product{grid-template-columns:1fr}}.hp-productTop{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-3)}.hp-tag{align-items:center;background:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-3);padding:var(--space-2) var(--space-3)}.hp-tDot{background:var(--coral-primary);border-radius:var(--radius-full);height:8px;width:8px}.hp-product p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:var(--space-3) 0 0}.hp-specList{background:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-4)}.hp-spec{border-bottom:1px solid var(--gray-lighter);padding:var(--space-3) 0}.hp-spec:last-child{border-bottom:none}.hp-spec strong{color:var(--text-light);display:block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.12em;margin-bottom:var(--space-2);text-transform:uppercase}.hp-spec span{color:var(--text-primary);display:block;font-size:var(--text-sm);line-height:var(--leading-normal)}.hp-tableWrap{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:var(--space-12);overflow:hidden}.hp-tableWrap table{border-collapse:collapse;width:100%}.hp-tableWrap thead th{background:var(--gray-lightest);border-bottom:1px solid var(--gray-lighter);color:var(--text-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.12em;padding:var(--space-4);text-align:left;text-transform:uppercase}.hp-tableWrap tbody td{border-bottom:1px solid var(--gray-lighter);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);vertical-align:top}.hp-tableWrap tbody tr:last-child td{border-bottom:none}.hp-tableWrap tbody td strong{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}@media (max-width:900px){.hp-tableWrap thead{display:none}.hp-tableWrap table,.hp-tableWrap tbody,.hp-tableWrap td,.hp-tableWrap tr{display:block;width:100%}.hp-tableWrap tbody td{border-bottom:none}.hp-tableWrap tbody tr{border-bottom:1px solid var(--gray-lighter);padding:var(--space-3) 0}.hp-tableWrap tbody tr:last-child{border-bottom:none}.hp-tableWrap tbody td:before{color:var(--text-light);content:attr(data-label);display:block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.12em;margin-bottom:var(--space-2);text-transform:uppercase}}.hp-reveal{opacity:0;transform:translateY(10px)}.hp-reveal.hp-on{opacity:1;transform:none;transition:opacity var(--transition-slow),transform var(--transition-slow)}@media (prefers-reduced-motion:reduce){.hp-reveal,.hp-reveal.hp-on{opacity:1;transform:none;transition:none}.hp-btn,.hp-card{transition:none}}.hp-subLabel{font-size:var(--text-sm);font-weight:var(--font-medium)}.hp-contactKicker,.hp-subLabel{color:var(--text-light)}.hp-contactDot{box-shadow:0 0 0 6px #fe876e1a}.hp-contactActions{margin-top:var(--space-12)}#password-forget-page{align-items:center;background-color:var(--bg-light);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:var(--space-8) var(--space-4)}.password-forget-article{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:var(--space-10);width:100%}.password-forget-article h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0;text-align:center}#password-forget-intro{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-lg);margin:0 0 var(--space-6) 0;padding:0;text-align:center;width:100%}#form-password-forget{margin:0;padding:0;width:100%}#form-password-forget label{color:var(--text-secondary);display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-4)}#form-password-forget input{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);display:block;font-family:var(--font-body);font-size:var(--text-base);margin-top:var(--space-2);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}#form-password-forget input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}#form-password-forget input::placeholder{color:var(--text-light)}#password-forget-warning{align-items:center;background-color:var(--error-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--error);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin:0 0 var(--space-4) 0;padding:var(--space-3) var(--space-4);width:100%}#form-password-forget .small-btn-container{margin-top:var(--space-6);padding:0}#form-password-forget button[type=submit]{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);justify-content:center;line-height:1.5;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);width:100%}#form-password-forget button[type=submit]:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}#form-password-forget button[type=submit]:active{transform:translateY(0)}#back-to-login{margin-top:var(--space-6);text-align:center}#back-to-login a{color:var(--coral-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}#back-to-login a:hover{color:var(--coral-dark);text-decoration:underline}@media (max-width:480px){#password-forget-page{align-items:flex-start;padding:var(--space-4);padding-top:var(--space-10)}.password-forget-article{border-radius:var(--radius-lg);padding:var(--space-6)}.password-forget-article h1{font-size:var(--text-3xl)}}.course-session-page{background-color:#fff;background-color:var(--bg-white,#fff);height:100vh;margin:0;overflow:hidden;padding:0}.course-session-container{display:flex;flex-direction:column;font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);height:100vh;width:100%}.course-session-layout{display:grid;grid-template-columns:1fr 400px;height:calc(100vh - 56px);overflow:hidden}.course-session-avatar{background:#2c3e50;background:var(--navy,#2c3e50);height:100%;overflow:hidden;position:relative}.course-session-avatar .course-session-start-button{background:#0000;bottom:40px;left:50%;padding:0;position:absolute;transform:translateX(-50%);z-index:10}.course-session-avatar .course-session-start-button button{box-shadow:0 8px 24px #fe876e4d;box-shadow:var(--shadow-coral-lg,0 8px 24px #fe876e4d)}.avatar-voice-input{align-items:center;bottom:40px;display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);left:50%;position:absolute;transform:translateX(-50%);z-index:10}.avatar-voice-transcript{background:#fffffff2;border-radius:1.5rem;border-radius:var(--radius-xl,1.5rem);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px #0000001a);color:#2d3436;color:var(--text-primary,#2d3436);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:1rem;font-size:var(--text-base,1rem);max-width:400px;padding:.75rem 1.25rem;padding:var(--space-3,.75rem) var(--space-5,1.25rem);text-align:center}.avatar-mic-btn{align-items:center;background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 14px #fe876e40;box-shadow:var(--shadow-coral,0 4px 14px #fe876e40);color:#fff;color:var(--text-inverted,#fff);cursor:pointer;display:flex;height:64px;justify-content:center;transition:all .2s ease;transition:all var(--transition-base,.2s ease);width:64px}.avatar-mic-btn:hover:not(:disabled){background-color:#e5705a;background-color:var(--coral-dark,#e5705a);transform:scale(1.05)}.avatar-mic-btn:disabled{background-color:#8a9194;background-color:var(--gray-medium,#8a9194);box-shadow:none;cursor:not-allowed;opacity:.6}.avatar-mic-btn.listening{animation:pulse-mic 1.5s ease-in-out infinite;background-color:#f44336;background-color:var(--error,#f44336)}@keyframes pulse-mic{0%{box-shadow:0 0 0 0 #f44336b3}50%{box-shadow:0 0 0 15px #f4433600}to{box-shadow:0 0 0 0 #f4433600}}.avatar-voice-error{background:#f44336;background:var(--error,#f44336);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fff;color:var(--text-inverted,#fff);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem)}.course-session-chat{background:#fff;background:var(--bg-white,#fff);border-left:1px solid #e8eaeb;border-left:1px solid var(--gray-lighter,#e8eaeb);display:flex;flex-direction:column;height:100%;overflow:hidden}.course-session-layout.chat-only{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);grid-template-columns:1fr}.course-session-layout.chat-only .course-session-chat{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);border-left:none;margin:0 auto;max-width:900px;width:80%}.course-session-container .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.course-session-start-button{align-items:center;background:#f5f6f7;background:var(--bg-light,#f5f6f7);display:flex;justify-content:center;padding:2rem;padding:var(--space-8,2rem)}.course-session-start-button button{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border:none;border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fff;color:var(--text-inverted,#fff);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1rem;font-size:var(--text-base,1rem);font-weight:600;font-weight:var(--font-semibold,600);height:48px;padding:0 2rem;padding:0 var(--space-8,2rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.course-session-start-button button:hover{background-color:#e5705a;background-color:var(--coral-dark,#e5705a);box-shadow:0 4px 14px #fe876e40;box-shadow:var(--shadow-coral,0 4px 14px #fe876e40);transform:translateY(-1px)}.course-session-start-button button:active{transform:translateY(0)}@media (max-width:1024px){.course-session-layout{grid-template-columns:1fr 360px}}@media (max-width:768px){.course-session-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;height:calc(100vh - 52px)}.course-session-avatar{min-height:300px}.course-session-chat{border-left:none;border-top:1px solid #e8eaeb;border-top:1px solid var(--gray-lighter,#e8eaeb);height:auto;max-height:50vh}.course-session-layout.chat-only .course-session-chat{border-radius:0;max-width:100%}}@media (max-width:400px){.course-session-start-button button{font-size:.875rem;font-size:var(--text-sm,.875rem);height:44px;padding:0 1.5rem;padding:0 var(--space-6,1.5rem)}}.session-header{background:#fff;background:var(--bg-white,#fff);border-bottom:1px solid #e8eaeb;border-bottom:1px solid var(--gray-lighter,#e8eaeb);box-sizing:border-box;justify-content:space-between;min-height:56px;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem)}.session-header,.session-header-left{align-items:center;display:flex}.session-header-logo{height:auto;object-fit:cover;width:80px}.session-header-right{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem)}.session-header-credits{align-items:center;background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border-radius:9999px;border-radius:var(--radius-full,9999px);display:flex;gap:.5rem;gap:var(--space-2,.5rem);padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem)}.session-header-credits-icon{color:#fff;color:var(--text-inverted,#fff);font-size:1rem;font-size:var(--text-base,1rem)}.session-header-credits-count{color:#fff;color:var(--text-inverted,#fff);font-weight:600;font-weight:var(--font-semibold,600)}.session-header-credits-count,.session-header-exit-btn{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem)}.session-header-exit-btn{align-items:center;background:#f5f6f7;background:var(--gray-lightest,#f5f6f7);border:none;border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-medium,500);gap:.5rem;gap:var(--space-2,.5rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.session-header-exit-btn:hover{background:#e8eaeb;background:var(--gray-lighter,#e8eaeb);color:#646a6c;color:var(--gray-dark,#646a6c)}.session-exit-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-exit-dialog{animation:slideUp .3s ease;background:#fff;background:var(--bg-white,#fff);border-radius:1.5rem;border-radius:var(--radius-xl,1.5rem);box-shadow:0 20px 25px #0000001a;box-shadow:var(--shadow-xl,0 20px 25px #0000001a);max-width:400px;padding:2rem;padding:var(--space-8,2rem);text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-exit-dialog-icon{align-items:center;background:#f5f6f7;background:var(--gray-lightest,#f5f6f7);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#8a9194;color:var(--gray-medium,#8a9194);display:flex;height:64px;justify-content:center;margin:0 auto 1.25rem;margin:0 auto var(--space-5,1.25rem);width:64px}.session-exit-dialog-title{color:#646a6c;color:var(--gray-dark,#646a6c);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1.25rem;font-size:var(--text-xl,1.25rem);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 .75rem;margin:0 0 var(--space-3,.75rem)}.session-exit-dialog-text{color:#646a6c;color:var(--text-secondary,#646a6c);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:1rem;font-size:var(--text-base,1rem);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0 0 1.5rem;margin:0 0 var(--space-6,1.5rem)}.session-exit-dialog-actions{display:flex;gap:.75rem;gap:var(--space-3,.75rem)}.session-exit-dialog-btn{border:none;border-radius:.5rem;border-radius:var(--radius-md,.5rem);cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1rem;font-size:var(--text-base,1rem);font-weight:600;font-weight:var(--font-semibold,600);padding:.75rem 1.25rem;padding:var(--space-3,.75rem) var(--space-5,1.25rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.session-exit-dialog-btn-cancel{background:#fe876e;background:var(--coral-primary,#fe876e);color:#fff;color:var(--text-inverted,#fff)}.session-exit-dialog-btn-cancel:hover{background:#e5705a;background:var(--coral-dark,#e5705a);box-shadow:0 4px 14px #fe876e40;box-shadow:var(--shadow-coral,0 4px 14px #fe876e40);transform:translateY(-1px)}.session-exit-dialog-btn-confirm{background:#f5f6f7;background:var(--gray-lightest,#f5f6f7);color:#646a6c;color:var(--text-secondary,#646a6c)}.session-exit-dialog-btn-confirm:hover{background:#e8eaeb;background:var(--gray-lighter,#e8eaeb)}@media (max-width:768px){.session-header{min-height:52px;padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.session-header-logo{height:auto;width:80px}.session-header-credits{padding:.25rem .75rem;padding:var(--space-1,.25rem) var(--space-3,.75rem)}.session-header-credits-count,.session-header-exit-btn{font-size:.75rem;font-size:var(--text-xs,.75rem)}.session-header-exit-btn{padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem)}.session-header-exit-btn span{display:none}.session-exit-dialog{margin:1rem;margin:var(--space-4,1rem);padding:1.5rem;padding:var(--space-6,1.5rem)}.session-exit-dialog-actions{flex-direction:column-reverse}}.message-item{display:flex;margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.message-user{justify-content:flex-end}.message-bot{justify-content:flex-start}.message-item-content{word-wrap:break-word;border-radius:1rem;border-radius:var(--radius-lg,1rem);max-width:75%;padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.message-user .message-item-content{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--radius-sm,.25rem);color:#fff;color:var(--text-inverted,#fff)}.message-bot .message-item-content{background-color:#fff;background-color:var(--bg-white,#fff);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--radius-sm,.25rem);color:#2d3436;color:var(--text-primary,#2d3436)}.message-item-text{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:1rem;font-size:var(--text-base,1rem);line-height:1.6;line-height:var(--leading-relaxed,1.6)}.message-item-text img,.message-item-text video{height:auto;max-width:100%}.message-item-text img{cursor:pointer;transition:opacity .2s ease}.message-item-text img:hover{opacity:.9}.message-item-text p{margin:0 0 .5rem;margin:0 0 var(--space-2,.5rem)}.message-item-text p:last-child{margin-bottom:0}.message-item-text a{color:inherit;text-decoration:underline}.message-user .message-item-text a{color:#fff;color:var(--text-inverted,#fff)}.message-bot .message-item-text a{color:#fe876e;color:var(--coral-primary,#fe876e)}.message-item-media{margin-top:.5rem;margin-top:var(--space-2,.5rem)}.message-item-image{border-radius:.5rem;border-radius:var(--radius-md,.5rem);cursor:pointer;max-width:100%;object-fit:contain;transition:transform .2s ease;transition:transform var(--transition-base,.2s ease);width:300px}.message-item-image:hover{transform:scale(1.02)}.message-item-video{border-radius:.5rem;border-radius:var(--radius-md,.5rem);max-width:100%;width:300px}.typing-indicator-container{display:flex;justify-content:flex-start;margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.typing-indicator-content{align-items:center;background-color:#fff;background-color:var(--bg-white,#fff);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:1rem;border-radius:var(--radius-lg,1rem);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--radius-sm,.25rem);color:#2d3436;color:var(--text-primary,#2d3436);display:flex;gap:.5rem;gap:var(--space-2,.5rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.typing-indicator-label{color:#8a9194;color:var(--text-light,#8a9194);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem)}.typing-indicator-dots{align-items:center;display:flex;gap:.25rem;gap:var(--space-1,.25rem)}.typing-dot{animation:typing-bounce 1.4s ease-in-out infinite;background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border-radius:9999px;border-radius:var(--radius-full,9999px);height:6px;width:6px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.chat-window{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-window-messages{flex:1 1;overflow-y:auto;padding:1.25rem;padding:var(--space-5,1.25rem);scroll-behavior:smooth}.chat-window-messages::-webkit-scrollbar{width:8px}.chat-window-messages::-webkit-scrollbar-track{background:#f5f6f7;background:var(--gray-lightest,#f5f6f7)}.chat-window-messages::-webkit-scrollbar-thumb{background:#bbbdbc;background:var(--gray-light,#bbbdbc);border-radius:.25rem;border-radius:var(--radius-sm,.25rem)}.chat-window-messages::-webkit-scrollbar-thumb:hover{background:#8a9194;background:var(--gray-medium,#8a9194)}.chat-input-container{background:#fff;background:var(--bg-white,#fff);border-top:1px solid #e8eaeb;border-top:1px solid var(--gray-lighter,#e8eaeb);padding:1rem;padding:var(--space-4,1rem)}.chat-input-wrapper{align-items:flex-end;display:flex;gap:.75rem;gap:var(--space-3,.75rem)}.chat-input-textarea{background:#f5f6f7;background:var(--bg-light,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);flex:1 1;max-height:120px;min-height:44px;padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);transition:border-color .15s ease;transition:border-color var(--transition-fast,.15s ease)}.chat-input-textarea:focus-within{border-color:#fe876e;border-color:var(--coral-primary,#fe876e)}.chat-input-textarea textarea{background:#0000;border:none;box-shadow:none;color:#2d3436;color:var(--text-primary,#2d3436);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.5;line-height:var(--leading-normal,1.5);min-height:0;min-height:auto;outline:none;padding:0;resize:none;width:100%}.chat-input-textarea textarea::placeholder{color:#8a9194;color:var(--text-light,#8a9194)}.chat-input-textarea textarea:disabled{cursor:not-allowed;opacity:.6}.chat-input-actions{display:flex;gap:.5rem;gap:var(--space-2,.5rem)}.chat-input-send-btn{align-items:center;background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;color:var(--text-inverted,#fff);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;transition:all var(--transition-base,.2s ease);width:44px}.chat-input-send-btn:hover:not(:disabled){background-color:#e5705a;background-color:var(--coral-dark,#e5705a);transform:scale(1.05)}.chat-input-send-btn:disabled{background-color:#bbbdbc;background-color:var(--gray-light,#bbbdbc);cursor:not-allowed}.chat-input-mic-btn{align-items:center;background-color:#8a9194;background-color:var(--gray-medium,#8a9194);border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;color:var(--text-inverted,#fff);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;transition:all var(--transition-base,.2s ease);width:44px}.chat-input-mic-btn:hover:not(:disabled){background-color:#646a6c;background-color:var(--gray-dark,#646a6c)}.chat-input-mic-btn:disabled{background-color:#bbbdbc;background-color:var(--gray-light,#bbbdbc);cursor:not-allowed;opacity:.6}.chat-input-mic-btn.listening{animation:pulse 1.5s ease-in-out infinite;background-color:#f44336;background-color:var(--error,#f44336)}.chat-input-mic-btn.listening:hover{background-color:#c82333}.chat-input-mic-btn.unsupported{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb);color:#bbbdbc;color:var(--gray-light,#bbbdbc)}.avatar-window{background:#fff;background:var(--bg-white,#fff);border-left:1px solid #e8eaeb;border-left:1px solid var(--gray-lighter,#e8eaeb);display:flex;flex-direction:column;height:100%}.avatar-window-header{align-items:center;border-bottom:1px solid #e8eaeb;border-bottom:1px solid var(--gray-lighter,#e8eaeb);display:flex;justify-content:space-between;padding:1rem;padding:var(--space-4,1rem)}.avatar-window-title{color:#646a6c;color:var(--gray-dark,#646a6c);font-size:1.125rem;font-size:var(--text-lg,1.125rem);font-weight:600;font-weight:var(--font-semibold,600);margin:0}.avatar-status-badge,.avatar-window-title{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif)}.avatar-status-badge{border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;color:var(--text-inverted,#fff);font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;font-weight:var(--font-medium,500);padding:.25rem .75rem;padding:var(--space-1,.25rem) var(--space-3,.75rem)}.avatar-window-content{align-items:center;background:#f5f6f7;background:var(--bg-light,#f5f6f7);display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.avatar-video{display:none;height:100%;object-fit:cover;width:100%}.avatar-video.active{animation:avatarFadeIn .5s ease-in;display:block}@keyframes avatarFadeIn{0%{opacity:0}to{opacity:1}}.avatar-placeholder{color:#8a9194;color:var(--text-light,#8a9194);flex-direction:column;gap:1rem;gap:var(--space-4,1rem)}.avatar-placeholder,.avatar-placeholder-icon{align-items:center;display:flex;justify-content:center}.avatar-placeholder-icon{height:80px;width:80px}.avatar-placeholder-icon svg{opacity:.5}.avatar-placeholder-text{color:#8a9194;color:var(--text-light,#8a9194);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);margin:0}.avatar-loading-spinner{margin-top:1rem;margin-top:var(--space-4,1rem)}.spinner{animation:spin 1s linear infinite;border:4px solid #e8eaeb;border-top:4px solid #fe876e;border:4px solid var(--gray-lighter,#e8eaeb);border-radius:9999px;border-radius:var(--radius-full,9999px);border-top-color:var(--coral-primary,#fe876e);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-error{align-items:center;display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);justify-content:center;padding:1.25rem;padding:var(--space-5,1.25rem);text-align:center}.avatar-error-icon{font-size:48px}.avatar-error-text{color:#f44336;color:var(--error,#f44336);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1rem;font-size:var(--text-base,1rem);font-weight:600;font-weight:var(--font-semibold,600);margin:0}.avatar-error-hint{color:#8a9194;color:var(--text-light,#8a9194);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);margin:0;max-width:300px}.avatar-window.speaking .avatar-video{animation:avatar-pulse 1.5s ease-in-out infinite}@keyframes avatar-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (max-width:768px){.avatar-window{border-left:none;border-top:1px solid #e8eaeb;border-top:1px solid var(--gray-lighter,#e8eaeb)}}.media-modal-overlay{background:#000000e6;cursor:pointer;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.media-modal-content,.media-modal-overlay{align-items:center;display:flex;justify-content:center}.media-modal-content{max-height:90vh;max-width:90vw;position:relative}.media-modal-image{object-fit:contain}.media-modal-image,.media-modal-video{border-radius:8px;max-height:90vh;max-width:90vw}.media-modal-close{align-items:center;background:#fff3;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:background .2s ease;width:40px}.media-modal-close:hover{background:#ffffff4d}.inactivity-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.inactivity-modal-content{animation:modalSlideIn .3s ease-out;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-8);text-align:center;width:90%}.inactivity-modal-icon{height:100px;margin:0 auto var(--space-6);position:relative;width:100px}.countdown-circle{transform:rotate(-90deg)}.countdown-circle-bg{stroke:var(--gray-lighter)}.countdown-circle-progress{stroke:var(--warning);transition:stroke-dashoffset 1s linear}.countdown-number{color:var(--warning);font-size:var(--text-3xl);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.countdown-number,.inactivity-modal-title{font-family:var(--font-heading);font-weight:var(--font-bold)}.inactivity-modal-title{color:var(--text-primary);font-size:var(--text-2xl);margin:0 0 var(--space-4)}.inactivity-modal-text{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6)}.inactivity-modal-text strong{color:var(--warning);font-weight:var(--font-semibold)}.inactivity-modal-button{background:var(--coral-primary);border:none;border-radius:var(--radius-lg);color:var(--text-inverted);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-8);transition:background .2s ease,transform .1s ease;width:100%}.inactivity-modal-button:hover{background:var(--coral-dark)}.inactivity-modal-button:active{transform:scale(.98)}@media (max-width:480px){.inactivity-modal-content{padding:var(--space-6)}.inactivity-modal-title{font-size:var(--text-xl)}.inactivity-modal-text{font-size:var(--text-sm)}}.credits-depleted-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.credits-depleted-modal-content{animation:creditsModalSlideIn .3s ease-out;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-8);text-align:center;width:90%}@keyframes creditsModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.credits-depleted-modal-icon{align-items:center;background:var(--coral-lightest);border-radius:50%;color:var(--coral-primary);display:flex;height:80px;justify-content:center;margin:0 auto var(--space-6);width:80px}.credits-depleted-modal-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-4)}.credits-depleted-modal-text{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6)}.credits-depleted-modal-text strong{color:var(--coral-primary);font-weight:var(--font-semibold)}.credits-depleted-modal-button{background:var(--coral-primary);border:none;border-radius:var(--radius-lg);color:var(--text-inverted);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-8);transition:background .2s ease,transform .1s ease;width:100%}.credits-depleted-modal-button:hover{background:var(--coral-dark)}.credits-depleted-modal-button:active{transform:scale(.98)}@media (max-width:480px){.credits-depleted-modal-content{padding:var(--space-6)}.credits-depleted-modal-title{font-size:var(--text-xl)}.credits-depleted-modal-text{font-size:var(--text-sm)}}.course-item{background-color:#fff;background-color:var(--bg-white,#fff);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:1rem;border-radius:var(--radius-lg,1rem);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:all .3s ease;transition:all var(--transition-slow,.3s ease)}.course-item:hover{border-color:#fe876e;border-color:var(--coral-primary,#fe876e);box-shadow:0 8px 24px #fe876e1f;transform:translateY(-4px)}.course-item-image{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);height:200px;overflow:hidden;position:relative;width:100%}.course-image{height:100%;object-fit:cover;transition:transform .3s ease;transition:transform var(--transition-slow,.3s ease);width:100%}.course-item:hover .course-image{transform:scale(1.03)}.course-item-category{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 14px #fe876e40;box-shadow:var(--shadow-coral,0 4px 14px #fe876e40);color:#fff;color:var(--text-inverted,#fff);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:600;font-weight:var(--font-semibold,600);left:.75rem;left:var(--space-3,.75rem);letter-spacing:.5px;padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem);position:absolute;text-transform:uppercase;top:.75rem;top:var(--space-3,.75rem)}.course-item-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;gap:var(--space-4,1rem);padding:1.5rem;padding:var(--space-6,1.5rem)}.course-item-header{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2,.5rem)}.course-item-title{color:#646a6c;color:var(--gray-dark,#646a6c);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1.25rem;font-size:var(--text-xl,1.25rem);font-weight:600;font-weight:var(--font-semibold,600);line-height:1.2;line-height:var(--leading-snug,1.2);margin:0}.course-item-trainer{color:#8a9194;color:var(--text-light,#8a9194);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;font-weight:var(--font-medium,500)}.course-item-description,.course-item-trainer{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif)}.course-item-description{color:#646a6c;color:var(--text-secondary,#646a6c);flex:1 1;font-size:1rem;font-size:var(--text-base,1rem);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0}.course-item-footer{align-items:center;border-top:1px solid #e8eaeb;border-top:1px solid var(--gray-lighter,#e8eaeb);display:flex;justify-content:flex-end;margin-top:auto;padding-top:1rem;padding-top:var(--space-4,1rem)}.course-item-cta{align-items:center;color:#fe876e;color:var(--coral-primary,#fe876e);display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.course-item:hover .course-item-cta{color:#e5705a;color:var(--coral-dark,#e5705a);gap:.75rem;gap:var(--space-3,.75rem)}.course-item-arrow{transition:transform .2s ease;transition:transform var(--transition-base,.2s ease)}.course-item:hover .course-item-arrow{transform:translateX(4px)}@media (max-width:767px){.course-item-image{height:160px}.course-item-content{gap:.75rem;gap:var(--space-3,.75rem);padding:1.25rem;padding:var(--space-5,1.25rem)}.course-item-title{font-size:1.125rem;font-size:var(--text-lg,1.125rem)}.course-item-cta,.course-item-description{font-size:.875rem;font-size:var(--text-sm,.875rem)}.course-item-category{font-size:.7rem;padding:.25rem .75rem;padding:var(--space-1,.25rem) var(--space-3,.75rem)}}.course-overview{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);min-height:calc(100vh - 200px)}.course-overview .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.course-overview-container{margin:0 auto;max-width:1280px;padding:2.5rem 1rem;padding:var(--space-10,2.5rem) var(--space-4,1rem)}.course-overview-hero{margin-bottom:2.5rem;margin-bottom:var(--space-10,2.5rem)}.course-overview-hero h1{color:#646a6c;color:var(--gray-dark,#646a6c);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:2.25rem;font-size:var(--text-4xl,2.25rem);font-weight:700;font-weight:var(--font-bold,700);line-height:1.1;line-height:var(--leading-tight,1.1);margin:0;padding-bottom:.5rem;padding-bottom:var(--space-2,.5rem)}.course-overview-hero h1:after{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border-radius:2px;content:"";display:block;height:4px;margin-top:1rem;margin-top:var(--space-4,1rem);width:60px}.course-grid{grid-gap:2rem;grid-gap:var(--space-8,2rem);gap:2rem;gap:var(--space-8,2rem);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.no-courses-message{background-color:#fff;background-color:var(--bg-white,#fff);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:1rem;border-radius:var(--radius-lg,1rem);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);grid-column:1/-1;padding:4rem 1.5rem;padding:var(--space-16,4rem) var(--space-6,1.5rem);text-align:center}.no-courses-message p{color:#646a6c;color:var(--text-secondary,#646a6c);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:1.125rem;font-size:var(--text-lg,1.125rem);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0}@media (min-width:768px){.course-overview-container{padding:3rem 2.5rem;padding:var(--space-12,3rem) var(--space-10,2.5rem)}.course-overview-hero h1{font-size:3rem;font-size:var(--text-5xl,3rem)}}@media (max-width:767px){.course-overview-container{padding:1.5rem 1rem;padding:var(--space-6,1.5rem) var(--space-4,1rem)}.course-overview-hero{margin-bottom:2rem;margin-bottom:var(--space-8,2rem)}.course-overview-hero h1{font-size:1.875rem;font-size:var(--text-3xl,1.875rem)}.course-grid{gap:1.5rem;gap:var(--space-6,1.5rem);grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.course-grid{grid-template-columns:repeat(2,1fr)}}.final-exam-container{margin:60px auto 0;max-width:960px}.final-exam-container .loading-item{height:55vh;margin:0 auto}.final-exam-container .sub-title{font-size:25px;font-weight:500;letter-spacing:.3px}.final-exam-result-container{box-shadow:0 0 4px #0000000f,0 8px 16px #00000014;letter-spacing:.3px;margin:50px auto;max-width:820px}.final-exam-result-container-inner{padding:50px 30px 14px}.final-exam-result-img-text{align-items:center;display:flex;flex-flow:row;padding-bottom:30px;padding-left:30px;padding-right:30px}.final-exam-result-img-container{margin-right:40px;width:175px}.final-exam-result-img-container img{border-radius:50%;height:100%;object-fit:cover;width:100%}.final-exam-result-info-text{font-size:18px}@media screen and (max-width:720px){.final-exam-result-img-text{flex-flow:column}.final-exam-result-img-container{margin-right:0}}@media screen and (max-width:420px){.final-exam-result-container-inner .btn-container-multiple-right{justify-content:center}}.lesson-admin{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.lesson-admin .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.lesson-admin-container{margin:0 auto;max-width:1000px;padding:var(--space-6)}.lesson-admin-container .back-btn{align-items:center;background:none;border:none;color:var(--coral-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) 0;transition:color var(--transition-fast)}.lesson-admin-container .back-btn:hover{background-color:initial;color:var(--coral-dark);text-decoration:underline}.lesson-admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.lesson-admin-header-left h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin:0}.lesson-admin-subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-normal);margin:var(--space-2) 0 0 0}.lesson-admin-container .card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-8)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.card-header h2{color:var(--text-primary);font-size:var(--text-xl);margin:0}.card-header button,.card-header h2{font-family:var(--font-heading);font-weight:var(--font-semibold)}.card-header button{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.card-header button:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.card-header button:active{transform:translateY(0)}.card-header button:disabled{background-color:var(--gray-light);box-shadow:none;cursor:not-allowed;transform:none}.learning-element-list{display:flex;flex-direction:column;gap:var(--space-2);min-height:100px}.learning-element-list.dragging-over{background-color:var(--coral-lightest);border-radius:var(--radius-md)}.learning-element-item{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.learning-element-item:hover{border-color:var(--coral-primary);box-shadow:0 2px 8px #fe876e26}.learning-element-item.dragging{background-color:var(--coral-lightest);border-color:var(--coral-primary);box-shadow:var(--shadow-lg)}.drag-handle{align-items:center;border-radius:var(--radius-sm);color:var(--gray-light);cursor:grab;display:flex;justify-content:center;padding:var(--space-2) var(--space-1);transition:all var(--transition-base)}.drag-handle:hover{background-color:var(--gray-lightest);color:var(--gray-dark)}.drag-handle:active{cursor:grabbing}.element-index{align-items:center;background-color:var(--coral-primary);border-radius:var(--radius-full);color:var(--text-inverted);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);height:32px;justify-content:center;width:32px}.element-content{flex:1 1;min-width:0}.element-description{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal)}.element-note{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);font-style:italic;margin-top:var(--space-1)}.media-indicator-icon{color:var(--coral-primary);display:inline-block;margin-left:var(--space-2);vertical-align:middle}.element-actions{display:flex;flex-shrink:0;gap:var(--space-2)}.action-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.action-btn.edit-btn{background-color:var(--gray-lightest);color:var(--gray-dark)}.action-btn.edit-btn:hover{background-color:var(--coral-primary);color:var(--text-inverted)}.action-btn.delete-btn{background-color:var(--gray-lightest);color:var(--gray-dark)}.action-btn.delete-btn:hover{background-color:var(--error);color:var(--text-inverted)}.learning-element-empty{background-color:var(--gray-lightest);border:2px dashed var(--gray-lighter);border-radius:var(--radius-md);padding:var(--space-10) var(--space-6);text-align:center}.learning-element-empty p{color:var(--text-secondary);font-family:var(--font-body);margin:0}.learning-element-empty p:last-child{color:var(--text-light);font-size:var(--text-sm);margin-top:var(--space-2)}.element-count{border-top:1px solid var(--gray-lighter);color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-4);padding-top:var(--space-4);text-align:right}.error-message{background-color:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.lesson-admin-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.lesson-admin-modal-content{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-8);width:100%}.lesson-admin-modal-content.small{max-width:450px}.lesson-admin-modal-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-6) 0}.lesson-admin-form-group{margin-bottom:var(--space-4)}.lesson-admin-form-group label{color:var(--text-secondary);display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.lesson-admin-form-group textarea{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);resize:vertical;transition:all var(--transition-base);width:100%}.lesson-admin-form-group textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.lesson-admin-form-group textarea::placeholder{color:var(--text-light)}.lesson-admin-btn-container{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.lesson-admin-btn-primary{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.lesson-admin-btn-primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.lesson-admin-btn-primary:active{transform:translateY(0)}.lesson-admin-btn-primary:disabled{background-color:var(--gray-light);box-shadow:none;cursor:not-allowed;transform:none}.lesson-admin-btn-primary.danger{background-color:var(--error)}.lesson-admin-btn-primary.danger:hover{background-color:#d32f2f;box-shadow:0 4px 14px #f4433640}.lesson-admin-btn-secondary{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.lesson-admin-btn-secondary:hover{background-color:var(--gray-lightest)}.lesson-admin-btn-secondary:disabled{color:var(--gray-light);cursor:not-allowed}.lesson-admin-delete-preview{background-color:var(--gray-lightest);border-left:4px solid var(--coral-primary);border-radius:var(--radius-md);margin-top:var(--space-3);padding:var(--space-3)}.lesson-admin-delete-preview strong{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.lesson-admin-delete-preview p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:var(--space-1) 0 0 0}.learning-element-edit-back{align-items:center;background:none;border:none;color:var(--coral-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) 0;transition:color var(--transition-fast)}.learning-element-edit-back:hover{background-color:initial;color:var(--coral-dark);text-decoration:underline}.learning-element-edit-panel-header{align-items:center;background-color:var(--gray-lightest);border-bottom:1px solid var(--gray-lighter);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.learning-element-edit-panel-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.background-info-list,.process-step-list{display:flex;flex-direction:column;gap:var(--space-3)}.background-info-item,.process-step-item{background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);overflow:hidden}.background-info-item-header,.process-step-item-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.background-info-item-header:hover,.process-step-item-header:hover{background-color:var(--gray-lighter)}.background-info-item-header-left,.process-step-item-header-left{align-items:center;display:flex;gap:var(--space-3);min-width:0}.background-info-item-header-right,.process-step-item-header-right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-1)}.background-info-item-preview,.process-step-item-preview{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-info-item-chevron,.process-step-item-chevron{color:var(--gray-dark);flex-shrink:0;font-size:var(--text-xs);transition:transform var(--transition-base)}.background-info-item.collapsed .background-info-item-chevron,.process-step-item.collapsed .process-step-item-chevron{transform:rotate(-90deg)}.background-info-item-number,.process-step-item-number{align-items:center;background-color:var(--coral-primary);border-radius:var(--radius-full);color:var(--text-inverted);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-bold);height:28px;justify-content:center;width:28px}.background-info-item-body,.process-step-item-body{padding:0 var(--space-4) var(--space-4)}.background-info-item.collapsed .background-info-item-body,.process-step-item.collapsed .process-step-item-body{display:none}.background-info-item-remove,.process-step-item-remove{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.background-info-item-remove:hover,.process-step-item-remove:hover{background-color:var(--error);color:var(--text-inverted)}.background-info-item-fields,.process-step-item-fields{display:flex;flex-direction:column;gap:var(--space-3)}.background-info-field label,.process-step-field label{color:var(--text-light);display:block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.background-info-field textarea,.process-step-field textarea{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);outline:none;padding:var(--space-2) var(--space-3);resize:vertical;transition:all var(--transition-base);width:100%}.background-info-field textarea:focus,.process-step-field textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.background-info-field textarea::placeholder,.process-step-field textarea::placeholder{color:var(--text-light)}.background-info-add-btn,.process-step-add-btn{align-items:center;background-color:initial;border:2px dashed var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.background-info-add-btn:hover,.process-step-add-btn:hover{background-color:var(--coral-lightest);border-color:var(--coral-primary);color:var(--coral-dark)}.learning-element-edit-media-section{margin-bottom:var(--space-4)}.learning-element-edit-media-section>label{color:var(--text-secondary);display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.learning-element-edit-media-upload{display:flex;flex-direction:column;gap:var(--space-4)}.learning-element-edit-upload-btn{align-items:center;background-color:var(--gray-lightest);border:2px dashed var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.learning-element-edit-upload-btn:hover{background-color:var(--coral-lightest);border-color:var(--coral-primary);color:var(--coral-dark)}.learning-element-edit-upload-btn input[type=file]{display:none}.learning-element-edit-media-preview{display:flex;flex-wrap:wrap;gap:var(--space-3)}.learning-element-edit-media-item{border:1px solid var(--gray-lighter);border-radius:var(--radius-md);height:90px;overflow:hidden;position:relative;width:120px}.learning-element-edit-media-item img,.learning-element-edit-media-item video{height:100%;object-fit:cover;width:100%}.learning-element-edit-media-item-remove{align-items:center;background-color:var(--error);border:none;border-radius:var(--radius-full);color:var(--text-inverted);cursor:pointer;display:flex;font-size:var(--text-xs);height:24px;justify-content:center;position:absolute;right:var(--space-1);top:var(--space-1);transition:all var(--transition-base);width:24px}.learning-element-edit-media-item-remove:hover{background-color:#d32f2f;transform:scale(1.1)}.learning-element-edit-chat{display:flex;flex-direction:column;height:100%}.learning-element-edit-chat-messages{background-color:var(--bg-light);display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);overflow-y:auto;padding:var(--space-4)}.learning-element-edit-chat-messages::-webkit-scrollbar{width:8px}.learning-element-edit-chat-messages::-webkit-scrollbar-track{background:var(--gray-lightest)}.learning-element-edit-chat-messages::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:var(--radius-sm)}.learning-element-edit-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--gray-medium)}.learning-element-edit-chat-loading{align-items:center;display:flex;justify-content:center;padding:var(--space-8)}.learning-element-edit-chat-message{display:flex}.learning-element-edit-chat-message.user{justify-content:flex-end}.learning-element-edit-chat-message.assistant{justify-content:flex-start}.learning-element-edit-chat-message-content{border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:80%;padding:var(--space-3) var(--space-4)}.learning-element-edit-chat-message.user .learning-element-edit-chat-message-content{background-color:var(--coral-primary);border-bottom-right-radius:var(--radius-sm);color:var(--text-inverted)}.learning-element-edit-chat-message.assistant .learning-element-edit-chat-message-content{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-bottom-left-radius:var(--radius-sm);color:var(--text-primary)}.learning-element-edit-chat-message-content img,.learning-element-edit-chat-message-content video{height:auto;max-width:100%}.learning-element-edit-chat-message-content img{cursor:pointer;transition:opacity .2s ease}.learning-element-edit-chat-message-content img:hover{opacity:.9}.learning-element-edit-lightbox{align-items:center;background-color:#000000e6;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.learning-element-edit-lightbox img{border-radius:var(--radius-md);cursor:default;max-height:90%;max-width:90%;object-fit:contain}.learning-element-edit-lightbox-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:var(--text-2xl);justify-content:center;padding:var(--space-2);position:absolute;right:var(--space-4);top:var(--space-4);transition:opacity .2s ease}.learning-element-edit-lightbox-close:hover{opacity:.7}.learning-element-edit-typing{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);width:-webkit-fit-content;width:fit-content}.learning-element-edit-typing-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm)}.learning-element-edit-typing-dots{display:flex;gap:var(--space-1)}.learning-element-edit-typing-dot{animation:typing-bounce 1.4s ease-in-out infinite;background-color:var(--coral-primary);border-radius:var(--radius-full);height:6px;width:6px}.learning-element-edit-typing-dot:first-child{animation-delay:-.32s}.learning-element-edit-typing-dot:nth-child(2){animation-delay:-.16s}.learning-element-edit-chat-input{background-color:var(--bg-white);border-top:1px solid var(--gray-lighter);padding:var(--space-4)}.learning-element-edit-chat-input-wrapper{align-items:flex-end;display:flex;gap:var(--space-3)}.learning-element-edit-chat-input-field{background:var(--bg-light);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);flex:1 1;max-height:120px;min-height:44px;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast)}.learning-element-edit-chat-input-field:focus-within{border-color:var(--coral-primary)}.learning-element-edit-chat-input-field textarea{background:#0000;border:none;box-shadow:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);min-height:0;min-height:auto;outline:none;padding:0;resize:none;width:100%}.learning-element-edit-chat-input-field textarea::placeholder{color:var(--text-light)}.learning-element-edit-chat-actions{display:flex;gap:var(--space-2)}.learning-element-edit-chat-btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-base);width:44px}.learning-element-edit-chat-btn-mic{background-color:var(--gray-medium);color:var(--text-inverted)}.learning-element-edit-chat-btn-mic:hover:not(:disabled){background-color:var(--gray-dark)}.learning-element-edit-chat-btn-mic:disabled{background-color:var(--gray-light);cursor:not-allowed;opacity:.6}.learning-element-edit-chat-btn-mic.listening{animation:pulse 1.5s ease-in-out infinite;background-color:var(--error)}.learning-element-edit-chat-btn-send{background-color:var(--coral-primary);color:var(--text-inverted)}.learning-element-edit-chat-btn-send:hover:not(:disabled){background-color:var(--coral-dark);transform:scale(1.05)}.learning-element-edit-chat-btn-send:disabled{background-color:var(--gray-light);cursor:not-allowed}.learning-element-edit-save-btn{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);justify-content:center;line-height:1;padding:var(--space-3) var(--space-8);transition:all var(--transition-base)}.learning-element-edit-save-btn:hover:not(:disabled){background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.learning-element-edit-save-btn:active:not(:disabled){transform:translateY(0)}.learning-element-edit-save-btn:disabled{background-color:var(--gray-light);box-shadow:none;cursor:not-allowed;transform:none}.learning-element-edit-form-actions-row{border-top:1px solid var(--gray-lighter);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5);padding-top:var(--space-5)}.learning-element-edit-form-actions-row .learning-element-edit-save-btn,.learning-element-edit-test-btn{min-width:140px}.learning-element-edit-test-btn{align-items:center;background-color:var(--bg-white);border:2px solid var(--coral-primary);border-radius:var(--radius-md);color:var(--coral-primary);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);justify-content:center;line-height:1;padding:var(--space-3) var(--space-8);transition:all var(--transition-base)}.learning-element-edit-test-btn:hover{background-color:var(--coral-lightest);transform:translateY(-1px)}.learning-element-edit-test-btn:active{transform:translateY(0)}.learning-element-edit-chat-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.learning-element-edit-chat-popup{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:80vh;max-height:600px;max-width:500px;overflow:hidden;width:100%}.learning-element-edit-chat-popup .learning-element-edit-panel-header{align-items:center;display:flex;justify-content:space-between}.learning-element-edit-chat-close{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.learning-element-edit-chat-close:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.learning-element-edit-chat-popup .learning-element-edit-chat{display:flex;flex:1 1;flex-direction:column;min-height:0}@media (max-width:768px){.lesson-admin-container{padding:var(--space-4)}.lesson-admin-container .card{padding:var(--space-5)}.lesson-admin-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.lesson-admin-header-left h1{font-size:var(--text-2xl)}.lesson-admin-subtitle{font-size:var(--text-base)}.card-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.card-header button{width:100%}.learning-element-item{flex-wrap:wrap;padding:var(--space-3)}.element-content{margin-top:var(--space-2);order:3;width:100%}.element-actions{margin-left:auto}.lesson-admin-modal-content{padding:var(--space-5)}.lesson-admin-btn-container{flex-direction:column-reverse}.lesson-admin-btn-primary,.lesson-admin-btn-secondary{width:100%}.learning-element-edit-form-actions-row{flex-direction:column-reverse}.learning-element-edit-form-actions-row .learning-element-edit-save-btn,.learning-element-edit-test-btn{width:100%}.learning-element-edit-chat-popup{border-radius:var(--radius-lg);height:90vh;max-height:none;max-width:100%}}.toast{align-items:center;animation:toast-slide-up .3s ease-out;background:var(--gray-800);border-radius:8px;bottom:24px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;gap:12px;left:50%;padding:14px 20px;position:fixed;transform:translateX(-50%);z-index:9999}@keyframes toast-slide-up{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast-icon{flex-shrink:0;font-size:18px}.toast-spinner{animation:toast-spin 1s linear infinite}@keyframes toast-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast-message{white-space:nowrap}.toast-loading{background:#2c3e50}.toast-success{background:#27ae60}.toast-error{background:#e74c3c}.admin-chat-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.admin-chat-popup{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:80vh;max-height:600px;max-width:500px;overflow:hidden;width:100%}.admin-chat-header{align-items:center;background-color:var(--gray-lightest);border-bottom:1px solid var(--gray-lighter);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.admin-chat-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.admin-chat-close{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.admin-chat-close:hover{background-color:var(--gray-lighter);color:var(--text-primary)}.admin-chat-body{min-height:0}.admin-chat-body,.admin-chat-messages{display:flex;flex:1 1;flex-direction:column}.admin-chat-messages{background-color:var(--bg-light);gap:var(--space-3);overflow-y:auto;padding:var(--space-4)}.admin-chat-messages::-webkit-scrollbar{width:8px}.admin-chat-messages::-webkit-scrollbar-track{background:var(--gray-lightest)}.admin-chat-messages::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:var(--radius-sm)}.admin-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--gray-medium)}.admin-chat-message{display:flex;opacity:1}.admin-chat-message.fade-in{animation:admin-chat-message-fade-in .3s ease-out}@keyframes admin-chat-message-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-chat-message.user{justify-content:flex-end}.admin-chat-message.assistant{justify-content:flex-start}.admin-chat-message-content{border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:80%;padding:var(--space-3) var(--space-4)}.admin-chat-message.user .admin-chat-message-content{background-color:var(--coral-primary);border-bottom-right-radius:var(--radius-sm);color:var(--text-inverted)}.admin-chat-message.assistant .admin-chat-message-content{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-bottom-left-radius:var(--radius-sm);color:var(--text-primary)}.admin-chat-message-content img,.admin-chat-message-content video{height:auto;max-width:100%}.admin-chat-message-content img{cursor:pointer;transition:opacity .2s ease}.admin-chat-message-content img:hover{opacity:.9}.admin-chat-typing{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);width:-webkit-fit-content;width:fit-content}.admin-chat-typing-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm)}.admin-chat-typing-dots{display:flex;gap:var(--space-1)}.admin-chat-typing-dot{animation:admin-chat-typing-bounce 1.4s ease-in-out infinite;background-color:var(--coral-primary);border-radius:var(--radius-full);height:6px;width:6px}.admin-chat-typing-dot:first-child{animation-delay:-.32s}.admin-chat-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes admin-chat-typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.admin-chat-input{background-color:var(--bg-white);border-top:1px solid var(--gray-lighter);padding:var(--space-4)}.admin-chat-input-wrapper{align-items:flex-end;display:flex;gap:var(--space-3)}.admin-chat-input-field{background:var(--bg-light);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);flex:1 1;max-height:120px;min-height:44px;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast)}.admin-chat-input-field:focus-within{border-color:var(--coral-primary)}.admin-chat-input-field textarea{background:#0000;border:none;box-shadow:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);min-height:0;min-height:auto;outline:none;padding:0;resize:none;width:100%}.admin-chat-input-field textarea::placeholder{color:var(--text-light)}.admin-chat-actions{display:flex;gap:var(--space-2)}.admin-chat-btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-base);width:44px}.admin-chat-btn-mic{background-color:var(--gray-medium);color:var(--text-inverted)}.admin-chat-btn-mic:hover:not(:disabled){background-color:var(--gray-dark)}.admin-chat-btn-mic:disabled{background-color:var(--gray-light);cursor:not-allowed;opacity:.6}.admin-chat-btn-mic.listening{animation:admin-chat-pulse 1.5s ease-in-out infinite;background-color:var(--error)}@keyframes admin-chat-pulse{0%{box-shadow:0 0 0 0 #f4433666}70%{box-shadow:0 0 0 10px #f4433600}to{box-shadow:0 0 0 0 #f4433600}}.admin-chat-btn-send{background-color:var(--coral-primary);color:var(--text-inverted)}.admin-chat-btn-send:hover:not(:disabled){background-color:var(--coral-dark);transform:scale(1.05)}.admin-chat-btn-send:disabled{background-color:var(--gray-light);cursor:not-allowed}.admin-chat-completed{background-color:#4caf501a;border-top:1px solid var(--gray-lighter);padding:var(--space-4);text-align:center}.admin-chat-completed span{color:var(--success);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.admin-chat-lightbox{align-items:center;background-color:#000000e6;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.admin-chat-lightbox img{border-radius:var(--radius-md);cursor:default;max-height:90%;max-width:90%;object-fit:contain}.admin-chat-lightbox-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:var(--text-2xl);justify-content:center;padding:var(--space-2);position:absolute;right:var(--space-4);top:var(--space-4);transition:opacity .2s ease}.admin-chat-lightbox-close:hover{opacity:.7}@media (max-width:768px){.admin-chat-popup{border-radius:var(--radius-lg);height:90vh;max-height:none;max-width:100%}}.course-admin{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.course-admin .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.course-admin-container{margin:0 auto;max-width:1000px;padding:var(--space-6)}.course-admin-header{margin-bottom:var(--space-8)}.course-admin-header .back-btn{align-items:center;background:none;border:none;color:var(--coral-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) 0;transition:color var(--transition-fast)}.course-admin-header .back-btn:hover{background-color:initial;color:var(--coral-dark);text-decoration:underline}.course-admin-header h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin:0}.publish-status-bar{align-items:center;border-radius:var(--radius-lg);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5)}.publish-status-bar.published{background-color:#4caf501a;border:1px solid var(--success)}.publish-status-bar.draft{background-color:var(--gray-lightest);border:1px solid var(--gray-lighter)}.publish-status-info{align-items:center;display:flex;gap:var(--space-3)}.publish-status-badge{border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.publish-status-bar.published .publish-status-badge{background-color:var(--success);color:var(--text-inverted)}.publish-status-bar.draft .publish-status-badge{background-color:var(--gray-light);color:var(--text-inverted)}.publish-status-text{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.publish-status-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-5);transition:all var(--transition-base);white-space:nowrap}.publish-status-btn.publish{background-color:var(--success);color:var(--text-inverted)}.publish-status-btn.publish:hover:not(:disabled){background-color:#43a047;box-shadow:0 4px 14px #4caf5040;transform:translateY(-1px)}.publish-status-btn.unpublish{background-color:var(--bg-white);border:1px solid var(--gray-lighter);color:var(--text-secondary)}.publish-status-btn.unpublish:hover:not(:disabled){background-color:var(--gray-lightest);border-color:var(--gray-light)}.publish-status-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.course-admin-container .card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-8)}.course-admin-container .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.course-admin-container .card-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.course-admin-container .card-header button{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.course-admin-container .card-header button:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.course-admin-container .card-header button:active{transform:translateY(0)}.course-admin-container .card-header button:disabled{background-color:var(--gray-light);box-shadow:none;cursor:not-allowed;transform:none}.course-form{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.course-form-layout{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:200px 1fr}.course-form-details{display:flex;flex-direction:column}.course-form-group{margin-bottom:var(--space-4)}.course-form-group label{color:var(--text-secondary);display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.course-form-group input[type=text],.course-form-group textarea{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.course-form-group input[type=text]:focus,.course-form-group textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.course-form-group input[type=text]::placeholder,.course-form-group textarea::placeholder{color:var(--text-light)}.course-form-group textarea{min-height:70px;resize:vertical}.course-form-group-description{margin-bottom:var(--space-4)}.course-form-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23646A6C' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right var(--space-4) center;background-repeat:no-repeat;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);transition:all var(--transition-base);width:100%}.course-form-select:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.course-form-image{display:flex;flex-direction:column}.course-form-image-box{aspect-ratio:1/1;background-color:var(--gray-lightest);border:2px dashed var(--gray-lighter);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base);width:100%}.course-form-image-box:hover{background-color:var(--coral-lightest);border-color:var(--coral-primary)}.course-form-image-box.has-image{border-color:var(--gray-lighter);border-style:solid}.course-form-image-box.has-image:hover{border-color:var(--coral-primary)}.course-form-image-box input[type=file]{display:none}.course-form-image-box>img{height:100%;object-fit:cover;width:100%}.course-form-image-overlay{align-items:center;background-color:#00000080;color:var(--text-inverted);display:flex;flex-direction:column;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-base)}.course-form-image-box:hover .course-form-image-overlay{opacity:1}.course-form-image-empty{align-items:center;color:var(--text-light);display:flex;flex-direction:column;gap:var(--space-2);inset:0;justify-content:center;position:absolute;transition:color var(--transition-base)}.course-form-image-box:hover .course-form-image-empty{color:var(--coral-dark)}.course-form-image-empty span{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium)}.course-form-image-hint{color:var(--text-light)!important;font-size:var(--text-xs)!important;font-weight:var(--font-normal)!important}.course-form-actions{border-top:1px solid var(--gray-lighter);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5);padding-top:var(--space-5)}.course-form-save-btn{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-8);transition:all var(--transition-base)}.course-form-save-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.course-form-save-btn:active{transform:translateY(0)}.course-form-save-btn:disabled{background-color:var(--gray-light);box-shadow:none;cursor:not-allowed;transform:none}.lesson-list{display:flex;flex-direction:column;gap:var(--space-2);min-height:100px}.lesson-list.dragging-over{background-color:var(--coral-lightest);border-radius:var(--radius-md)}.lesson-item{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.lesson-item:hover{border-color:var(--coral-primary);box-shadow:0 2px 8px #fe876e26}.lesson-item.dragging{background-color:var(--coral-lightest);border-color:var(--coral-primary);box-shadow:var(--shadow-lg)}.lesson-drag-handle{align-items:center;border-radius:var(--radius-sm);color:var(--gray-light);cursor:grab;display:flex;justify-content:center;padding:var(--space-2) var(--space-1);transition:all var(--transition-base)}.lesson-drag-handle:hover{background-color:var(--gray-lightest);color:var(--gray-dark)}.lesson-drag-handle:active{cursor:grabbing}.lesson-index{align-items:center;background-color:var(--coral-primary);border-radius:var(--radius-full);color:var(--text-inverted);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);height:32px;justify-content:center;width:32px}.lesson-content{flex:1 1;min-width:0}.lesson-title{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal)}.lesson-actions{display:flex;flex-shrink:0;gap:var(--space-2)}.lesson-action-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.lesson-action-btn.test-btn{background-color:var(--gray-lightest);color:var(--gray-dark)}.lesson-action-btn.test-btn:hover{background-color:var(--success);color:var(--text-inverted)}.lesson-action-btn.content-btn{background-color:var(--gray-lightest);color:var(--gray-dark)}.lesson-action-btn.content-btn:hover{background-color:var(--teal);color:var(--text-inverted)}.lesson-action-btn.quiz-btn{background-color:var(--gray-lightest);color:var(--gray-dark)}.lesson-action-btn.quiz-btn:hover{background-color:var(--navy);color:var(--text-inverted)}.lesson-action-btn.edit-btn{background-color:var(--gray-lightest);color:var(--gray-dark)}.lesson-action-btn.edit-btn:hover{background-color:var(--coral-primary);color:var(--text-inverted)}.lesson-action-btn.delete-btn{background-color:var(--gray-lightest);color:var(--gray-dark)}.lesson-action-btn.delete-btn:hover{background-color:var(--error);color:var(--text-inverted)}.lesson-list-empty{background-color:var(--gray-lightest);border:2px dashed var(--gray-lighter);border-radius:var(--radius-md);padding:var(--space-10) var(--space-6);text-align:center}.lesson-list-empty p{color:var(--text-secondary);font-family:var(--font-body);margin:0}.lesson-list-empty p:last-child{color:var(--text-light);font-size:var(--text-sm);margin-top:var(--space-2)}.course-admin-container .element-count{border-top:1px solid var(--gray-lighter);color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-4);padding-top:var(--space-4);text-align:right}.course-admin-container .error-message{background-color:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.course-admin-modal-content{box-shadow:var(--shadow-xl)}.course-admin-form-group{margin-bottom:var(--space-4)}.course-admin-form-group label{color:var(--text-secondary);display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.course-admin-form-group input[type=text]{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.course-admin-form-group input[type=text]:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.course-admin-form-group input[type=text]::placeholder{color:var(--text-light)}.course-admin-btn-primary{align-items:center;display:inline-flex;gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6)}.course-admin-btn-primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.course-admin-btn-primary:active{transform:translateY(0)}.course-admin-btn-primary:disabled{background-color:var(--gray-light);box-shadow:none;transform:none}.course-admin-btn-primary.danger:hover{background-color:#d32f2f;box-shadow:0 4px 14px #f4433640}.course-admin-btn-secondary{align-items:center;background-color:initial;border:none;color:var(--gray-dark);display:inline-flex;gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6)}.course-admin-btn-secondary:hover{background-color:var(--gray-lightest)}.course-admin-btn-secondary:disabled{color:var(--gray-light)}.course-admin-delete-preview{border-left:4px solid var(--coral-primary);margin-top:var(--space-3);padding:var(--space-3)}.course-admin-delete-preview strong{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.course-admin-delete-preview p{margin:var(--space-1) 0 0 0}@media (max-width:768px){.course-admin-container{padding:var(--space-4)}.course-admin-container .card,.course-form{padding:var(--space-5)}.course-admin-header h1{font-size:var(--text-2xl)}.publish-status-bar{align-items:stretch;flex-direction:column;gap:var(--space-3)}.publish-status-info{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.publish-status-btn{padding:var(--space-3) var(--space-5);width:100%}.course-admin-container .card-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.course-admin-container .card-header button{width:100%}.course-form-layout{grid-template-columns:1fr}.course-form-image-box{aspect-ratio:16/9;height:auto}.lesson-item{flex-wrap:wrap;padding:var(--space-3)}.lesson-content{margin-top:var(--space-2);order:3;width:100%}.lesson-actions{margin-left:auto}.course-admin-modal-content{padding:var(--space-5)}.course-admin-btn-container{flex-direction:column-reverse}.course-admin-btn-primary,.course-admin-btn-secondary{width:100%}.course-form-actions{flex-direction:column-reverse}.course-form-save-btn{width:100%}}.course-admin-chat-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.course-admin-chat-popup{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:80vh;max-height:600px;max-width:500px;overflow:hidden;width:100%}.course-admin-chat-header{align-items:center;background-color:var(--gray-lightest);border-bottom:1px solid var(--gray-lighter);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.course-admin-chat-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.course-admin-chat-close{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.course-admin-chat-close:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.course-admin-chat{display:flex;flex:1 1;flex-direction:column;min-height:0}.course-admin-chat-messages{background-color:var(--bg-light);display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);overflow-y:auto;padding:var(--space-4)}.course-admin-chat-messages::-webkit-scrollbar{width:8px}.course-admin-chat-messages::-webkit-scrollbar-track{background:var(--gray-lightest)}.course-admin-chat-messages::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:var(--radius-sm)}.course-admin-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--gray-medium)}.course-admin-chat-message{display:flex}.course-admin-chat-message.user{justify-content:flex-end}.course-admin-chat-message.assistant{justify-content:flex-start}.course-admin-chat-message-content{border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:80%;padding:var(--space-3) var(--space-4)}.course-admin-chat-message.user .course-admin-chat-message-content{background-color:var(--coral-primary);border-bottom-right-radius:var(--radius-sm);color:var(--text-inverted)}.course-admin-chat-message.assistant .course-admin-chat-message-content{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-bottom-left-radius:var(--radius-sm);color:var(--text-primary)}.course-admin-chat-message-content img,.course-admin-chat-message-content video{height:auto;max-width:100%}.course-admin-chat-message-content img{cursor:pointer;transition:opacity .2s ease}.course-admin-chat-message-content img:hover{opacity:.9}.course-admin-lightbox{align-items:center;background-color:#000000e6;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.course-admin-lightbox img{border-radius:var(--radius-md);cursor:default;max-height:90%;max-width:90%;object-fit:contain}.course-admin-lightbox-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:var(--text-2xl);justify-content:center;padding:var(--space-2);position:absolute;right:var(--space-4);top:var(--space-4);transition:opacity .2s ease}.course-admin-lightbox-close:hover{opacity:.7}.course-admin-typing{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);width:-webkit-fit-content;width:fit-content}.course-admin-typing-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm)}.course-admin-typing-dots{display:flex;gap:var(--space-1)}.course-admin-typing-dot{animation:typing-bounce 1.4s ease-in-out infinite;background-color:var(--coral-primary);border-radius:var(--radius-full);height:6px;width:6px}.course-admin-typing-dot:first-child{animation-delay:-.32s}.course-admin-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.course-admin-chat-input{background-color:var(--bg-white);border-top:1px solid var(--gray-lighter);padding:var(--space-4)}.course-admin-chat-input-wrapper{align-items:flex-end;display:flex;gap:var(--space-3)}.course-admin-chat-input-field{background:var(--bg-light);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);flex:1 1;max-height:120px;min-height:44px;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast)}.course-admin-chat-input-field:focus-within{border-color:var(--coral-primary)}.course-admin-chat-input-field textarea{background:#0000;border:none;box-shadow:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);min-height:0;min-height:auto;outline:none;padding:0;resize:none;width:100%}.course-admin-chat-input-field textarea::placeholder{color:var(--text-light)}.course-admin-chat-actions{display:flex;gap:var(--space-2)}.course-admin-chat-btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-base);width:44px}.course-admin-chat-btn-mic{background-color:var(--gray-medium);color:var(--text-inverted)}.course-admin-chat-btn-mic:hover:not(:disabled){background-color:var(--gray-dark)}.course-admin-chat-btn-mic:disabled{background-color:var(--gray-light);cursor:not-allowed;opacity:.6}.course-admin-chat-btn-mic.listening{animation:pulse 1.5s ease-in-out infinite;background-color:var(--error)}@keyframes pulse{0%{box-shadow:0 0 0 0 #f4433666}70%{box-shadow:0 0 0 10px #f4433600}to{box-shadow:0 0 0 0 #f4433600}}.course-admin-chat-btn-send{background-color:var(--coral-primary);color:var(--text-inverted)}.course-admin-chat-btn-send:hover:not(:disabled){background-color:var(--coral-dark);transform:scale(1.05)}.course-admin-chat-btn-send:disabled{background-color:var(--gray-light);cursor:not-allowed}.course-admin-chat-completed{background-color:#4caf501a;background-color:var(--success-light,#4caf501a);border-top:1px solid var(--gray-lighter);padding:var(--space-4);text-align:center}.course-admin-chat-completed span{color:var(--success);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}@media (max-width:768px){.course-admin-chat-popup{border-radius:var(--radius-lg);height:90vh;max-height:none;max-width:100%}}.lesson-quiz-admin{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.lesson-quiz-admin .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.lesson-quiz-admin-container{margin:0 auto;max-width:1000px;padding:var(--space-6)}.lesson-quiz-admin-container .back-btn{align-items:center;background:none;border:none;color:var(--coral-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) 0;transition:color var(--transition-fast)}.lesson-quiz-admin-container .back-btn:hover{background-color:initial;color:var(--coral-dark);text-decoration:underline}.lesson-quiz-admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.lesson-quiz-admin-header-left h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin:0}.lesson-quiz-admin-subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-normal);margin:var(--space-2) 0 0 0}.single-choice-list{display:flex;flex-direction:column;gap:var(--space-2);min-height:100px}.single-choice-list.dragging-over{background-color:var(--coral-lightest);border-radius:var(--radius-md)}.single-choice-item{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.single-choice-item.dragging{background-color:var(--coral-lightest);border-color:var(--coral-primary);box-shadow:var(--shadow-lg)}.single-choice-drag-handle{align-items:center;border-radius:var(--radius-sm);color:var(--gray-light);cursor:grab;display:flex;justify-content:center;padding:var(--space-2) var(--space-1);transition:all var(--transition-base)}.single-choice-drag-handle:hover{background-color:var(--gray-lightest);color:var(--gray-dark)}.single-choice-drag-handle:active{cursor:grabbing}.single-choice-index{align-items:center;background-color:var(--coral-primary);border-radius:var(--radius-full);color:var(--text-inverted);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);height:32px;justify-content:center;width:32px}.single-choice-content{color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);min-width:0}.single-choice-actions{display:flex;flex-shrink:0;gap:var(--space-2)}.single-choice-actions .delete-btn,.single-choice-actions .edit-btn{align-items:center;background-color:var(--gray-lightest);border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.single-choice-actions .edit-btn:hover{background-color:var(--coral-primary);color:var(--text-inverted)}.single-choice-actions .delete-btn:hover{background-color:var(--error);color:var(--text-inverted)}.single-choice-empty{background-color:var(--gray-lightest);border:2px dashed var(--gray-lighter);border-radius:var(--radius-md);padding:var(--space-10) var(--space-6);text-align:center}.single-choice-empty p{color:var(--text-secondary);font-family:var(--font-body);margin:0}.single-choice-empty p:last-child{color:var(--text-light);font-size:var(--text-sm);margin-top:var(--space-2)}@media (max-width:768px){.lesson-quiz-admin-container{padding:var(--space-4)}.lesson-quiz-admin-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.lesson-quiz-admin-header-left h1{font-size:var(--text-2xl)}.lesson-quiz-admin-subtitle{font-size:var(--text-base)}.single-choice-item{gap:var(--space-2);padding:var(--space-3)}.single-choice-content{font-size:var(--text-sm)}}.course-overview-admin{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.course-overview-admin .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.course-overview-admin-container{margin:0 auto;max-width:1200px;padding:var(--space-6)}.course-overview-admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.course-overview-admin-header h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin:0}.create-course-btn{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.create-course-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.create-course-btn:active{transform:translateY(0)}.course-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.course-card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base)}.course-card:hover{border-color:var(--coral-primary);box-shadow:0 4px 20px #fe876e26;transform:translateY(-2px)}.course-card-image{background-color:var(--gray-lightest);height:160px;overflow:hidden;position:relative;width:100%}.course-card-image img{height:100%;object-fit:cover;width:100%}.course-card-placeholder{background:linear-gradient(135deg,var(--coral-lightest) 0,var(--coral-light) 100%);height:100%;width:100%}.course-card-status{border-radius:var(--radius-sm);bottom:var(--space-3);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);left:var(--space-3);padding:var(--space-1) var(--space-3);position:absolute}.course-card-status.published{background-color:var(--success);color:var(--text-inverted)}.course-card-status.draft{background-color:var(--gray-light);color:var(--text-inverted)}.course-card-content{padding:var(--space-5)}.course-card-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin:0 0 var(--space-2) 0}.course-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;overflow:hidden}.course-card-category{background-color:var(--coral-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-coral);color:var(--text-inverted);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);left:var(--space-3);letter-spacing:.5px;padding:var(--space-2) var(--space-4);position:absolute;text-transform:uppercase;top:var(--space-3)}.course-card-actions{display:flex;gap:var(--space-2);opacity:0;position:absolute;right:var(--space-3);top:var(--space-3);transition:opacity var(--transition-base)}.course-card:hover .course-card-actions{opacity:1}.course-card-delete-btn,.course-card-edit-btn{align-items:center;background-color:var(--bg-white);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--gray-dark);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.course-card-edit-btn:hover{background-color:var(--coral-primary);color:var(--text-inverted)}.course-card-delete-btn:hover{background-color:var(--error);color:var(--text-inverted)}.course-overview-admin-container .empty-state{background-color:var(--gray-lightest);border:2px dashed var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-6);text-align:center}.course-overview-admin-container .empty-state p{color:var(--text-secondary);font-family:var(--font-body);margin:0}.course-overview-admin-container .empty-state p:last-child{color:var(--text-light);font-size:var(--text-sm);margin-top:var(--space-2)}.course-overview-admin-container .error-message{background-color:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.course-admin-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.course-admin-modal-content{animation:modalSlideIn .2s ease-out;background-color:var(--bg-white);border-radius:var(--radius-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-8);width:100%}.course-admin-modal-content.small{max-width:450px}.course-admin-modal-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-6) 0}.course-admin-delete-preview{background-color:var(--gray-lightest);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-4)}.course-admin-delete-preview p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:0}.course-admin-btn-container{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.course-admin-btn-secondary{background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.course-admin-btn-secondary:hover:not(:disabled){background-color:var(--gray-lighter)}.course-admin-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.course-admin-btn-primary{background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.course-admin-btn-primary:hover:not(:disabled){background-color:var(--coral-dark)}.course-admin-btn-primary:disabled{cursor:not-allowed;opacity:.5}.course-admin-btn-primary.danger{background-color:var(--error)}.course-admin-btn-primary.danger:hover:not(:disabled){background-color:#c0392b}@media (max-width:768px){.course-overview-admin-container{padding:var(--space-4)}.course-overview-admin-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.course-overview-admin-header h1{font-size:var(--text-2xl)}.create-course-btn{width:100%}.course-grid{grid-template-columns:1fr}.course-card-actions{opacity:1}.course-card-category{font-size:.7rem;padding:var(--space-1) var(--space-3)}.course-admin-modal-content{padding:var(--space-5)}.course-admin-btn-container{flex-direction:column-reverse}.course-admin-btn-primary,.course-admin-btn-secondary{width:100%}}.create-course-modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.create-course-modal{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.create-course-modal-header{align-items:center;border-bottom:1px solid var(--gray-lighter);display:flex;justify-content:space-between;padding:var(--space-6)}.create-course-modal-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin:0}.create-course-modal-close{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.create-course-modal-close:hover:not(:disabled){background-color:var(--gray-lightest);color:var(--text-primary)}.create-course-modal-close:disabled{cursor:not-allowed;opacity:.5}.create-course-modal-body{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}.create-course-modal-field{display:flex;flex-direction:column;gap:var(--space-2)}.create-course-modal-field label{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium)}.create-course-modal-field input,.create-course-modal-field select,.create-course-modal-field textarea{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.create-course-modal-field input:focus,.create-course-modal-field select:focus,.create-course-modal-field textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.create-course-modal-field input:disabled,.create-course-modal-field select:disabled,.create-course-modal-field textarea:disabled{background-color:var(--gray-lightest);cursor:not-allowed}.create-course-modal-field input::placeholder,.create-course-modal-field textarea::placeholder{color:var(--text-light)}.create-course-modal-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:var(--space-10)}.create-course-modal-field textarea{line-height:var(--leading-relaxed);min-height:100px;resize:vertical}.create-course-modal-footer{background-color:var(--gray-lightest);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--gray-lighter);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5) var(--space-6)}.create-course-modal-cancel-btn{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.create-course-modal-cancel-btn:hover:not(:disabled){background-color:var(--bg-white)}.create-course-modal-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.create-course-modal-submit-btn{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.create-course-modal-submit-btn:hover:not(:disabled){background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.create-course-modal-submit-btn:active:not(:disabled){transform:translateY(0)}.create-course-modal-submit-btn:disabled{background-color:var(--gray-light);box-shadow:none;color:var(--text-inverted);cursor:not-allowed;transform:none}@media (max-width:480px){.create-course-modal-backdrop{align-items:flex-end;padding:var(--space-2)}.create-course-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh}.create-course-modal-body,.create-course-modal-header{padding:var(--space-5)}.create-course-modal-footer{border-radius:0;flex-direction:column-reverse;padding:var(--space-4) var(--space-5)}.create-course-modal-cancel-btn,.create-course-modal-submit-btn{padding:var(--space-4) var(--space-6);width:100%}}.user-admin-container{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.user-admin-container-inner{margin:0 auto;max-width:1100px;padding:var(--space-6)}.user-admin-header{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.user-admin-header h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin:0}.btn-primary{white-space:nowrap}.user-admin-filters{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.filter-dropdowns{display:flex;gap:var(--space-3)}.user-search-bar{flex:1 1;max-width:400px;min-width:250px;position:relative}.user-search-bar input{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);padding-left:var(--space-10);transition:all var(--transition-base);width:100%}.user-search-bar input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.search-icon,.user-search-bar input::placeholder{color:var(--text-light)}.search-icon{left:var(--space-4);position:absolute;top:50%;transform:translateY(-50%)}.user-filter-dropdown select{-webkit-appearance:none;appearance:none;background-color:var(--bg-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23646A6C' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right var(--space-4) center;background-repeat:no-repeat;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);min-width:160px;outline:none;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);transition:all var(--transition-base)}.user-filter-dropdown select:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.user-table-wrapper{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:visible}.user-table{border-collapse:collapse;overflow:visible;width:100%}.user-table td,.user-table th{border-bottom:1px solid var(--gray-lighter);padding:var(--space-4) var(--space-5);text-align:left}.user-table th{background-color:var(--gray-lightest);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.user-table th.sortable{cursor:pointer;transition:color var(--transition-base);-webkit-user-select:none;user-select:none}.user-table th.sortable:hover{color:var(--coral-primary)}.sort-icon{color:var(--gray-light);margin-left:var(--space-2);vertical-align:middle}.sort-icon.sort-active{color:var(--coral-primary)}.user-table tbody tr{position:relative;transition:background-color var(--transition-base)}.user-table tbody tr:hover{background-color:var(--coral-lightest)}.user-table tbody tr:last-child td{border-bottom:none}.user-table tbody tr.row-inactive{background-color:var(--gray-lightest)}.user-table tbody tr.row-inactive .cell-date,.user-table tbody tr.row-inactive .cell-email,.user-table tbody tr.row-inactive .cell-name{color:var(--text-light)}.user-table tbody tr.row-inactive:hover{background-color:var(--gray-lighter)}.cell-name{color:var(--text-primary);font-weight:var(--font-medium)}.cell-email,.cell-name{font-family:var(--font-body);font-size:var(--text-base)}.cell-email{color:var(--text-secondary)}.cell-date{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);white-space:nowrap}.role-badge{border-radius:var(--radius-sm);display:inline-block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);text-transform:uppercase}.role-admin{background-color:var(--teal-light);color:var(--teal-dark)}.role-trainer{background-color:var(--coral-lightest);color:var(--coral-dark)}.role-user{background-color:var(--gray-lighter);color:var(--text-secondary)}.status-badge{border-radius:var(--radius-sm);display:inline-block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.status-active{background-color:var(--success);color:var(--text-inverted)}.status-inactive{background-color:var(--gray-light);color:var(--text-inverted)}.actions-header{text-align:center;width:80px}.cell-actions{overflow:visible;position:relative;text-align:center}.actions-menu-container{display:inline-block;position:relative}.btn-actions{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.btn-actions:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.actions-dropdown{background:#fff;border:2px solid #fe876e;border-radius:8px;box-shadow:0 10px 25px #0000004d;margin-top:4px;min-width:160px;padding:4px 0;position:absolute;right:0;top:100%;z-index:9999}.action-item{background:none;border:none;color:#2c3e50;cursor:pointer;display:block;font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:14px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.action-item:hover{background-color:var(--coral-lightest);color:var(--coral-dark)}.action-item.action-danger{color:#2c3e50}.action-item.action-danger:hover{background-color:var(--coral-lightest);color:var(--coral-dark)}.action-item:disabled{cursor:not-allowed;opacity:.4}.action-item:disabled:hover{background:none;color:var(--text-primary)}.user-table-empty,.user-table-loading{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;flex-direction:column;font-family:var(--font-body);justify-content:center;padding:var(--space-16)}.pagination-container{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.pagination-info{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.pagination-controls{align-items:center;display:flex;gap:var(--space-1)}.pagination-btn{align-items:center;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);height:36px;justify-content:center;min-width:36px;padding:0 var(--space-2);transition:none}.pagination-btn,.pagination-btn:hover{background-color:var(--bg-white)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn.active{border-color:var(--coral-primary);color:var(--text-inverted)}.pagination-btn.active,.pagination-btn.active:hover{background-color:var(--coral-primary)}.pagination-btn.ellipsis{background:none;border:none;color:var(--text-light);cursor:default}.pagination-btn.ellipsis:hover{background:none}.pagination-page-size{align-items:center;color:var(--text-secondary);display:flex;gap:var(--space-2)}.pagination-page-size,.pagination-page-size select{font-family:var(--font-body);font-size:var(--text-sm)}.pagination-page-size select{-webkit-appearance:none;appearance:none;background-color:var(--bg-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23646A6C' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right var(--space-2) center;background-repeat:no-repeat;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;outline:none;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);transition:all var(--transition-base)}.pagination-page-size select:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}@media (max-width:768px){.user-admin-container-inner{padding:var(--space-4)}.user-admin-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.user-admin-header h1{font-size:var(--text-2xl)}.btn-primary{width:100%}.user-admin-filters{flex-direction:column}.user-search-bar{max-width:100%;width:100%}.filter-dropdowns{width:100%}.user-filter-dropdown{flex:1 1}.user-filter-dropdown select{width:100%}.user-table td,.user-table th{padding:var(--space-3)}.pagination-container{align-items:flex-start;flex-direction:column}.pagination-controls{justify-content:center;width:100%}}.user-edit-container{background-color:var(--bg-light);min-height:calc(100vh - 200px);padding:var(--space-6) 0}.user-edit-container-inner{margin:0 auto;max-width:600px;padding:0 var(--space-6)}.btn-back{align-items:center;background:none;border:none;color:var(--coral-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) 0;transition:color var(--transition-fast)}.btn-back:hover{background-color:initial;color:var(--coral-dark);text-decoration:underline}.user-edit-card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-8)}.user-edit-card h1{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin:0 0 var(--space-6) 0}.user-edit-card h1,.user-edit-card h2{color:var(--text-primary);font-family:var(--font-heading)}.user-edit-card h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--text-secondary);display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-group input,.form-group select,.role-select,.status-select{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.form-group input:focus,.form-group select:focus,.role-select:focus,.status-select:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.form-group input::placeholder{color:var(--text-light)}.form-group input.input-error,.form-group select.input-error{border-color:var(--error)}.form-group input:disabled,.form-group select:disabled{background-color:var(--gray-lightest);color:var(--text-light);cursor:not-allowed}.error-message{color:var(--error)}.error-message,.form-hint{display:block;font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-1)}.form-hint{color:var(--text-light);font-style:italic}.form-value{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) 0}.form-actions{border-top:1px solid var(--gray-lighter);display:flex;justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-5)}.form-error-message{background-color:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.btn-primary{align-items:center;background-color:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.btn-primary:hover:not(:disabled){background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background-color:var(--gray-light);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{align-items:center;background-color:var(--gray-lightest);border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-lighter)}.btn-secondary:disabled{color:var(--gray-light);cursor:not-allowed}.btn-danger{align-items:center;background-color:var(--error);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.btn-danger:hover:not(:disabled){background-color:#d32f2f;box-shadow:0 4px 14px #f4433640;transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.password-reset-section{border-top:1px solid var(--gray-lighter);margin-top:var(--space-8);padding-top:var(--space-6)}.btn-password-reset{align-items:center;display:inline-flex;gap:var(--space-2)}.password-reset-form{background-color:var(--gray-lightest);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-4)}.password-reset-form .form-group{margin-bottom:var(--space-4)}.password-reset-actions{display:flex;gap:var(--space-3)}.user-edit-loading{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);min-height:300px}.modal-backdrop,.modal-overlay,.user-edit-loading{align-items:center;display:flex;justify-content:center}.modal-backdrop,.modal-overlay{background-color:#00000080;bottom:0;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .2s ease-out;background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-8);width:100%}.modal-content h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.modal-content p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-create-modal{padding:var(--space-8)}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.modal-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.modal-close-btn{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.modal-close-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.modal-actions button{min-width:120px}.delete-confirm-modal{padding:var(--space-8);text-align:center}.delete-confirm-icon{color:var(--warning);margin-bottom:var(--space-4)}.delete-confirm-modal h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.delete-confirm-modal p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}.delete-confirm-modal p strong{color:var(--text-primary)}.delete-confirm-actions{display:flex;gap:var(--space-3);justify-content:center}@media (max-width:768px){.user-edit-container{padding:var(--space-4) 0}.user-edit-container-inner{padding:0 var(--space-4)}.user-edit-card{padding:var(--space-5)}.user-edit-card h1{font-size:var(--text-xl)}.delete-confirm-modal,.modal-content,.user-create-modal{padding:var(--space-5)}.delete-confirm-actions,.modal-actions,.password-reset-actions{flex-direction:column-reverse}.delete-confirm-actions button,.modal-actions button,.password-reset-actions button{width:100%}}
/*# sourceMappingURL=main.ca417dbd.css.map*/