@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-dark:#f57f17;--warning-light:#fff3e0;--error:#f44336;--error-light:#ffebee;--info:#2196f3;--info-light:#e3f2fd;--purple:#5e35b1;--purple-light:#ede7f6;--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{cursor:pointer;text-align:center}.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-beta-badge{align-items:center;background-color:#fff0ec;background-color:var(--coral-lightest,#fff0ec);border:1px solid #ffbcac;border:1px solid var(--coral-light,#ffbcac);border-radius:.25rem;border-radius:var(--radius-sm,.25rem);color:#fe876e;color:var(--coral-primary,#fe876e);display:inline-flex;font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:700;font-weight:var(--font-bold,700);letter-spacing:.05em;line-height:1.4;margin-left:.5rem;margin-left:var(--space-2,.5rem);padding:2px .5rem;padding:2px var(--space-2,.5rem);text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}#header-user-points,.header-beta-badge{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif)}#header-user-points{color:#646a6c;color:var(--gray-dark,#646a6c);display:inline-block;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{border-bottom:3px solid #0000;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.nav-active,.navbar ul li a:hover{color:#fe876e;color:var(--coral-primary,#fe876e)}.navbar ul li a.nav-active{border-bottom-color:#fe876e;border-bottom-color:var(--coral-primary,#fe876e);font-weight:600;font-weight:var(--font-semibold,600)}.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)}.header-role-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;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:500;font-weight:var(--font-medium,500);letter-spacing:.03em;line-height:1.4;padding:.25rem .75rem;padding:var(--space-1,.25rem) var(--space-3,.75rem);-webkit-user-select:none;user-select:none;white-space:nowrap}.header-role-badge.header-role-admin{background-color:#a8e6e1;background-color:var(--teal-light,#a8e6e1);color:#3ba99e;color:var(--teal-dark,#3ba99e)}.header-role-badge.header-role-manager{background-color:#fff0ec;background-color:var(--coral-lightest,#fff0ec);color:#e5705a;color:var(--coral-dark,#e5705a)}.header-role-badge.header-role-creator{background-color:#fff3e0;background-color:var(--warning-light,#fff3e0);color:#ff9800;color:var(--warning,#ff9800)}.header-role-badge.header-role-lernender{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb);color:#646a6c;color:var(--text-secondary,#646a6c)}.navbarMenu{align-items:center;display:flex}.user-dropdown-container{position:relative}.user-avatar-button{align-items:center;background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .15s ease;transition:background-color var(--transition-fast,.15s ease);width:40px}.user-avatar-button.user-avatar-button-active,.user-avatar-button:hover{background-color:#e5705a;background-color:var(--coral-dark,#e5705a)}.user-avatar-button.user-avatar-button-active{box-shadow:0 0 0 3px #fe876e4d}.user-avatar-button:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.user-avatar-initials{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:.875rem;font-size:var(--text-sm,.875rem);font-weight:700;font-weight:var(--font-bold,700);line-height:1}.user-dropdown{background-color:#fff;background-color:var(--bg-white,#fff);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px #0000001a);min-width:220px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:calc(100% + .5rem);top:calc(100% + var(--space-2, .5rem));transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;visibility:hidden;z-index:110}.user-dropdown.user-dropdown-open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.user-dropdown-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);padding:1rem;padding:var(--space-4,1rem)}.user-dropdown-name{color:#2d3436;color:var(--text-primary,#2d3436);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)}.user-dropdown-email{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:.75rem;font-size:var(--text-xs,.75rem)}.user-dropdown-divider{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb);height:1px}.user-dropdown-item{align-items:center;background:none;border:none;color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;display:flex;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);font-weight:500;font-weight:var(--font-medium,500);gap:.75rem;gap:var(--space-3,.75rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem);text-align:left;transition:all .15s ease;transition:all var(--transition-fast,.15s ease);width:100%}.user-dropdown-item:hover{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);color:#fe876e;color:var(--coral-primary,#fe876e)}.user-dropdown-item-icon{flex-shrink:0;font-size:.875rem;font-size:var(--text-sm,.875rem);opacity:.7}.user-dropdown-item:hover .user-dropdown-item-icon{opacity:1}.user-dropdown-logout,.user-dropdown-logout:hover{color:#f44336;color:var(--error,#f44336)}.user-dropdown-logout:hover{background-color:#f4433614}.user-dropdown-roles{padding:.5rem 0;padding:var(--space-2,.5rem) 0}.user-dropdown-roles-label{color:#8a9194;color:var(--text-light,#8a9194);display:block;font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:.05em;padding:.25rem 1rem;padding:var(--space-1,.25rem) var(--space-4,1rem);text-transform:uppercase}.user-dropdown-role-item,.user-dropdown-roles-label{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif)}.user-dropdown-role-item{align-items:center;background:none;border:none;color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;font-weight:var(--font-medium,500);gap:.5rem;gap:var(--space-2,.5rem);padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem);text-align:left;transition:all .15s ease;transition:all var(--transition-fast,.15s ease);width:100%}.user-dropdown-role-item:hover{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);color:#fe876e;color:var(--coral-primary,#fe876e)}.user-dropdown-role-item.user-dropdown-role-active{color:#fe876e;color:var(--coral-primary,#fe876e);font-weight:600;font-weight:var(--font-semibold,600)}.user-dropdown-role-check{flex-shrink:0;font-size:.875rem;font-size:var(--text-sm,.875rem);width:16px}.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)}.side-drawer-menu a.side-drawer-active{border-left:3px solid #fe876e;border-left:3px solid var(--coral-primary,#fe876e);color:#fe876e;color:var(--coral-primary,#fe876e);font-weight:600;font-weight:var(--font-semibold,600)}.side-drawer-user{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;gap:var(--space-3,.75rem);padding:1.25rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem)}.side-drawer-avatar{align-items:center;background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;color:var(--text-inverted,#fff);display: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:700;font-weight:var(--font-bold,700);height:40px;justify-content:center;line-height:1;min-width:40px;width:40px}.side-drawer-user-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);overflow:hidden}.side-drawer-user-name{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)}.side-drawer-user-email,.side-drawer-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-drawer-user-email{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:.75rem;font-size:var(--text-xs,.75rem)}.side-drawer-roles{border-bottom:1px solid #ffffff1a;padding:.75rem 0;padding:var(--space-3,.75rem) 0}.side-drawer-roles-label{color:#8a9194;color:var(--gray-medium,#8a9194);display:block;font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:.05em;padding:.25rem 1.5rem .5rem;padding:var(--space-1,.25rem) var(--space-6,1.5rem) var(--space-2,.5rem);text-transform:uppercase}.side-drawer-role-item,.side-drawer-roles-label{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif)}.side-drawer-role-item{align-items:center;background:none;border:none;color:#bbbdbc;color:var(--gray-light,#bbbdbc);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--text-lg,1.125rem);gap:.5rem;gap:var(--space-2,.5rem);padding:.5rem 1.5rem;padding:var(--space-2,.5rem) var(--space-6,1.5rem);text-align:left;transition:all .15s ease;transition:all var(--transition-fast,.15s ease);width:100%}.side-drawer-role-item:hover{background-color:#ffffff1a;color:#fe876e;color:var(--coral-primary,#fe876e)}.side-drawer-role-item.side-drawer-role-active{color:#fe876e;color:var(--coral-primary,#fe876e);font-weight:600;font-weight:var(--font-semibold,600)}.side-drawer-role-check{flex-shrink:0;font-size:.875rem;font-size:var(--text-sm,.875rem);width:16px}.side-drawer-menu .side-drawer-logout{background:none;border:none;border-bottom:1px solid #ffffff1a;color:#f44336;color:var(--error,#f44336);cursor:pointer;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);padding:1rem 1.5rem;padding:var(--space-4,1rem) var(--space-6,1.5rem);text-align:left;transition:all .15s ease;transition:all var(--transition-fast,.15s ease);width:100%}.side-drawer-menu .side-drawer-logout:hover{background-color:#f4433626;color:#f44336;color:var(--error,#f44336)}@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}.settings-toggle-row{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) 0}.settings-toggle-row:not(:last-child){border-bottom:1px solid var(--gray-lighter)}.settings-toggle-text{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.settings-toggle-label{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.settings-toggle-description{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.settings-toggle{background-color:var(--gray-lighter);border:none;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background-color var(--transition-base);width:44px}.settings-toggle[aria-checked=true]{background-color:var(--coral-primary)}.settings-toggle-thumb{background-color:var(--bg-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:20px;left:2px;pointer-events:none;position:absolute;top:2px;transition:transform var(--transition-base);width:20px}.settings-toggle[aria-checked=true] .settings-toggle-thumb{transform:translateX(20px)}.settings-toggle:focus-visible{box-shadow:0 0 0 3px #fe876e26;outline:none}.settings-toggle-disabled{background-color:var(--gray-lightest);cursor:not-allowed}.settings-toggle-disabled .settings-toggle-thumb{background-color:var(--gray-light)}.toast{align-items:center;animation:toast-slide-up .3s ease-out;background:var(--navy);border-radius:var(--radius-md);bottom:var(--space-6);box-shadow:var(--shadow-lg);color:var(--text-inverted);display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);left:50%;padding:var(--space-3) var(--space-5);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:var(--navy)}.toast-success{background:var(--success)}.toast-error{background:var(--error)}@keyframes settingsFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-page{background-color:var(--bg-light);min-height:calc(100vh - 66px)}.settings-loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.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)}.setting-sections{display:flex;flex-direction:column;gap:var(--space-6)}.setting-box{animation:settingsFadeInUp .3s ease forwards;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);opacity:0;padding:var(--space-6)}.setting-box:first-child{animation-delay:0ms}.setting-box:nth-child(2){animation-delay:.1s}.setting-box:nth-child(3){animation-delay:.2s}.setting-box h3{border-bottom:1px solid var(--gray-lighter);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);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-row{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.setting-box-row p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.setting-box-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);height:44px;justify-content:center;padding:0 var(--space-6);transition:all var(--transition-base);white-space:nowrap}.setting-box-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.language-list,.settings-toggle-list{display:flex;flex-direction:column}.language-list{gap:var(--space-2);list-style:none;margin:0;padding:0}.language-list-item{align-items:center;background-color:var(--gray-lightest);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.language-list-item:hover{background-color:var(--gray-lighter)}.language-list-item:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.language-list-item--selected{border-color:var(--coral-primary)}.language-list-item--selected,.language-list-item--selected:hover{background-color:var(--coral-lightest)}.language-list-check{align-items:center;color:var(--coral-primary);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.language-list-label{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium)}.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:180px;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)}.password-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}.password-modal-content{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:480px;overflow-y:auto;padding:var(--space-8);width:100%}.password-modal-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-6) 0}.password-modal-content form{display:flex;flex-direction:column;gap:var(--space-4)}.password-modal-content 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)}.password-modal-content form label div{align-items:center;display:flex;gap:var(--space-1)}.password-modal-content form label svg{color:var(--text-light);cursor:help}.password-modal-content 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);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.password-modal-content form input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.password-modal-buttons{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.password-modal-buttons 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)}.password-modal-buttons button:first-child:hover{background-color:var(--gray-lighter);border-color:var(--gray-light)}.password-modal-buttons button:last-child{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)}.password-modal-buttons button:last-child:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}#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: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-xl)}}@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%}.password-modal-content{padding:var(--space-6)}.password-modal-buttons{flex-direction:column}.password-modal-buttons button:first-child,.password-modal-buttons button:last-child{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%}}.action-btn-group{display:flex;flex-shrink:0;gap:var(--space-2)}.action-btn{background-color:var(--gray-lightest);color:var(--gray-dark)}.action-btn:hover{color:var(--text-inverted)}.action-btn:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.action-btn--coral:hover{background-color:var(--coral-primary)}.action-btn--teal:hover{background-color:var(--teal)}.action-btn--navy:hover{background-color:var(--navy)}.action-btn--success:hover{background-color:var(--success)}.action-btn--error:hover{background-color:var(--error)}.progress-display-labels{color:#646a6c;color:var(--text-secondary,#646a6c);display:flex;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);justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--space-1,.25rem)}.progress-display-bar{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb);height:12px;width:100%}.progress-display-bar,.progress-display-bar-fill{border-radius:9999px;border-radius:var(--radius-full,9999px)}.progress-display-bar-fill{background-color:#4caf50;background-color:var(--success,#4caf50);height:100%;transition:width .3s ease;transition:width var(--transition-slow,.3s ease)}.badge{align-items:center;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);display:inline-flex;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);line-height:1;padding:.25rem .5rem;padding:var(--space-1,.25rem) var(--space-2,.5rem);white-space:nowrap}.badge--mandatory{background-color:#ffebee;background-color:var(--error-light,#ffebee);color:#f44336;color:var(--error,#f44336)}.badge--company{background-color:#ede7f6;background-color:var(--purple-light,#ede7f6);color:#5e35b1;color:var(--purple,#5e35b1)}.badge--recommended{background-color:#e3f2fd;background-color:var(--info-light,#e3f2fd);color:#2196f3;color:var(--info,#2196f3)}.badge--enrolled{background-color:#e0f7f5;color:#3ba99e;color:var(--teal-dark,#3ba99e)}.badge--completed{background-color:#e8f5e9;background-color:var(--success-light,#e8f5e9);color:#4caf50;color:var(--success,#4caf50)}.badge--overdue{background-color:#ffebee;background-color:var(--error-light,#ffebee);color:#f44336;color:var(--error,#f44336)}.badge--in-progress{background-color:#fff8e1;background-color:var(--warning-light,#fff8e1);color:#f57f17;color:var(--warning-dark,#f57f17)}.badge--not-started{color:#9ea5a8;color:var(--text-light,#9ea5a8)}.badge--default,.badge--not-started{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7)}.badge--default{color:#646a6c;color:var(--text-secondary,#646a6c)}.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{border-bottom:1px solid #e8eaeb;border-bottom:1px solid var(--gray-lighter,#e8eaeb);padding-bottom:2rem;padding-bottom:var(--space-8,2rem);padding-top:3rem;padding-top:var(--space-12,3rem)}.subject-hero-top{align-items:center;display:flex;flex-flow:row;gap:2rem;gap:var(--space-8,2rem);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.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-badges{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.subject-meta-tiles{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4,1rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.subject-meta-tile{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border-radius:.5rem;border-radius:var(--radius-md,.5rem);display:flex;gap:.5rem;gap:var(--space-2,.5rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.subject-meta-tile-icon{color:#8a9194;color:var(--text-light,#8a9194);font-size:1rem;font-size:var(--text-base,1rem)}.subject-meta-tile-value{color:#2d3436;color:var(--text-primary,#2d3436);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)}.subject-meta-tile-label{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:.875rem;font-size:var(--text-sm,.875rem)}.subject-progress-section{margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.subject-actions{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3,.75rem);margin-top:.5rem;margin-top:var(--space-2,.5rem)}.subject-action-btn{align-items:center;border-radius:.5rem;border-radius:var(--radius-md,.5rem);cursor:pointer;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);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease);white-space:nowrap}.subject-action-btn--primary{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border:none;color:#fff;color:var(--text-inverted,#fff)}.subject-action-btn--primary:hover:not(:disabled){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-action-btn--primary:active:not(:disabled){transform:translateY(0)}.subject-action-btn--primary:disabled{cursor:not-allowed;opacity:.6}.subject-action-btn:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.subject-action-btn--secondary{background-color:initial;border:2px solid #fe876e;border:2px solid var(--coral-primary,#fe876e);color:#fe876e;color:var(--coral-primary,#fe876e)}.subject-action-btn--secondary:hover:not(:disabled){background-color:#fe876e;background-color:var(--coral-primary,#fe876e);color:#fff;color:var(--text-inverted,#fff)}.subject-action-btn--leave{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);color:#646a6c;color:var(--text-secondary,#646a6c)}.subject-action-btn--leave:hover:not(:disabled){background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.subject-action-btn--leave:disabled{cursor:not-allowed;opacity:.4}.subject-confirm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4,1rem);position:fixed;right:0;top:0;z-index:1000}.subject-confirm-dialog{background-color:#fff;background-color: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:500px;padding:2rem;padding:var(--space-8,2rem);width:100%}.subject-confirm-text{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);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0 0 1.5rem;margin:0 0 var(--space-6,1.5rem) 0}.subject-confirm-actions{display:flex;gap:.75rem;gap:var(--space-3,.75rem);justify-content:flex-end}.subject-confirm-cancel{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.subject-confirm-cancel:hover{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.subject-confirm-cancel:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.subject-confirm-leave{align-items:center;background-color:#f44336;background-color:var(--error,#f44336);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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.subject-confirm-leave:hover{opacity:.9}.subject-confirm-leave:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.subject-cover-image-container{border-radius:3%;box-shadow:14px 8px 29px #00000026;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:#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:.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:#4caf50;background-color:var(--success,#4caf50)}.avatar-toggle-switch input:checked+.avatar-toggle-slider:before{transform:translateX(24px)}.avatar-toggle-switch input:focus-visible+.avatar-toggle-slider{outline:2px solid #4caf50;outline:2px solid var(--success,#4caf50);outline-offset:2px}.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)}.credits-info{align-items:center;display:flex;position:relative}.credits-info-icon{color:#fff;color:var(--text-inverted,#fff);cursor:help;font-size:.875rem;font-size:var(--text-sm,.875rem);opacity:.8;transition:opacity .2s ease;transition:opacity var(--transition-base,.2s ease)}.credits-info:hover .credits-info-icon{opacity:1}.credits-info-tooltip{background-color:#646a6c;background-color:var(--gray-dark,#646a6c);border-radius:.5rem;border-radius:var(--radius-md,.5rem);bottom:calc(100% + 8px);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:.75rem;font-size:var(--text-xs,.75rem);font-weight:400;font-weight:var(--font-regular,400);opacity:0;padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);pointer-events:none;transition:opacity .2s ease,visibility .2s ease;transition:opacity var(--transition-base,.2s ease),visibility var(--transition-base,.2s ease);visibility:hidden;white-space:nowrap}.credits-info-tooltip,.credits-info-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.credits-info-tooltip:after{border:5px solid #0000;border-top-color:#646a6c;border-color:var(--gray-dark,#646a6c) #0000 #0000 #0000;content:"";top:100%}.credits-info:hover .credits-info-tooltip{opacity:1;visibility:visible}.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:#646a6c;color:var(--text-secondary,#646a6c);font-size:1rem;font-size:var(--text-base,1rem);font-weight:500;font-weight:var(--font-medium,500)}.content-list-row{align-items:center;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);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)}.content-list-row-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-2,.5rem)}.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)}.lesson-duration{align-items:center;color:#8a9194;color:var(--text-light,#8a9194);display:flex;font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.75rem;font-size:var(--text-xs,.75rem);gap:.25rem;gap:var(--space-1,.25rem);line-height:1.4;margin-top:.25rem;margin-top:var(--space-1,.25rem)}.lesson-status-icon{flex-shrink:0}.lesson-status-icon--completed{color:#4caf50;color:var(--success,#4caf50)}.lesson-status-icon--in-progress{color:#fe876e;color:var(--coral-primary,#fe876e)}.lesson-status-icon--not-started{color:#bbbdbc;color:var(--gray-light,#bbbdbc)}.content-list-row--active{background:#fe876e14;border-color:#fe876e;border-color:var(--coral-primary,#fe876e);border-left:3px solid #fe876e;border-left:3px solid var(--coral-primary,#fe876e)}.content-list-row--active:hover{background:#fe876e1f;border-color:#fe876e;border-color:var(--coral-primary,#fe876e)}.subject-quiz-section{border-top:1px solid #e8eaeb;border-top:1px solid var(--gray-lighter,#e8eaeb);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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);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-quiz-btn-container button:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.subject-exam-result-icon{color:#4caf50;color:var(--success,#4caf50)}.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{padding-top:2rem;padding-top:var(--space-8,2rem)}.subject-hero-top{flex-flow:column-reverse;gap:1.5rem;gap:var(--space-6,1.5rem);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-meta-tiles{flex-direction:column}.subject-meta-tile{width:100%}.subject-actions{flex-direction:column}.subject-action-btn{width:100%}.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}.subject-confirm-dialog{padding:1.5rem;padding:var(--space-6,1.5rem)}.subject-confirm-actions{flex-direction:column}.subject-confirm-cancel,.subject-confirm-leave{width:100%}}.pagination{align-items:center;border-top:1px solid var(--gray-lighter);display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6)}.pagination__info{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm)}.pagination__controls{align-items:center;display:flex;gap:var(--space-1)}.pagination__button{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast);width:36px}.pagination__button:hover:not(:disabled){border-color:var(--coral-primary);color:var(--coral-primary)}.pagination__button:disabled{background-color:var(--bg-light);color:var(--gray-light);cursor:not-allowed}.pagination__button--edge{display:none}.pagination__pages{align-items:center;display:flex;gap:var(--space-1);margin:0 var(--space-2)}.pagination__page{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);height:36px;justify-content:center;min-width:36px;padding:0 var(--space-2);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.pagination__page:hover:not(.pagination__page--active){border-color:var(--coral-primary);color:var(--coral-primary)}.pagination__page--active{background-color:var(--coral-primary);border-color:var(--coral-primary);color:var(--bg-white);cursor:default}.pagination__ellipsis{align-items:center;color:var(--text-light);display:flex;font-family:var(--font-body);font-size:var(--text-sm);justify-content:center;width:24px}@media (min-width:640px){.pagination{flex-direction:row;justify-content:space-between}.pagination__button--edge{display:flex}}@keyframes srFadeIn{0%{opacity:0}to{opacity:1}}@keyframes srGrowBar{0%{width:0}to{width:var(--bar-width)}}.subject-reviews-section{border-top:1px solid #e8eaeb;border-top:1px solid var(--gray-lighter,#e8eaeb);margin-top:2rem;margin-top:var(--space-8,2rem);padding-bottom:2rem;padding-bottom:var(--space-8,2rem);padding-top:3rem;padding-top:var(--space-12,3rem)}.sr-section-header{align-items:center;display:flex;gap:1rem;gap:var(--space-4,1rem);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.sr-section-header h2{color:#646a6c;color:var(--gray-dark,#646a6c);font-size:1.5rem;font-size:var(--text-2xl,1.5rem);margin:0}.sr-review-btn,.sr-section-header h2{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-weight:600;font-weight:var(--font-semibold,600)}.sr-review-btn{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-size:.875rem;font-size:var(--text-sm,.875rem);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease);white-space:nowrap}.sr-review-btn: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)}.sr-review-btn:active{transform:translateY(0)}.sr-review-btn:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.sr-empty{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:1rem;font-size:var(--text-base,1rem);padding:2rem 0;padding:var(--space-8,2rem) 0;text-align:center}.sr-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4,1rem);position:fixed;right:0;top:0;z-index:1000}.sr-modal{background-color:#fff;background-color: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:500px;padding:2rem;padding:var(--space-8,2rem);width:100%}.sr-modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.sr-modal__title{color:#2d3436;color:var(--text-primary,#2d3436);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}.sr-modal__close{background:none;border:none;color:#8a9194;color:var(--text-light,#8a9194);cursor:pointer;font-size:1.5rem;font-size:var(--text-2xl,1.5rem);line-height:1;padding:.25rem;padding:var(--space-1,.25rem);transition:color .15s ease;transition:color var(--transition-fast,.15s ease)}.sr-modal__close:hover{color:#2d3436;color:var(--text-primary,#2d3436)}.sr-modal__close:focus-visible{border-radius:.25rem;border-radius:var(--radius-sm,.25rem);outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.sr-modal__field{margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem)}.sr-modal__label{color:#646a6c;color:var(--text-secondary,#646a6c);display:block;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:500;font-weight:var(--font-medium,500);margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.sr-modal__optional{color:#8a9194;color:var(--text-light,#8a9194);font-weight:400;font-weight:var(--font-regular,400)}.sr-modal__textarea{background:#fff;background:var(--bg-white,#fff);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);box-sizing:border-box;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);padding:.75rem;padding:var(--space-3,.75rem);resize:vertical;transition:border-color .1s ease;transition:border-color var(--transition-fast,.1s ease);width:100%}.sr-modal__textarea::placeholder{color:#8a9194;color:var(--text-light,#8a9194)}.sr-modal__textarea:focus{border-color:#fe876e;border-color:var(--coral-primary,#fe876e);box-shadow:0 0 0 2px #fff0ec;box-shadow:0 0 0 2px var(--coral-lightest,#fff0ec);outline:none}.sr-modal__actions{display:flex;gap:.75rem;gap:var(--space-3,.75rem);justify-content:flex-end;margin-top:1.5rem;margin-top:var(--space-6,1.5rem)}.sr-modal__cancel{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.sr-modal__cancel:hover{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.sr-modal__cancel:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.sr-modal__submit{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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.sr-modal__submit:hover:not(:disabled){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)}.sr-modal__submit:active:not(:disabled){transform:translateY(0)}.sr-modal__submit:disabled{cursor:not-allowed;opacity:.6}.sr-modal__submit:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.sr-star-input{display:flex;gap:.25rem;gap:var(--space-1,.25rem)}.sr-star-input__btn{background:none;border:none;cursor:pointer;font-size:1.5rem;font-size:var(--text-2xl,1.5rem);line-height:1;padding:.25rem;padding:var(--space-1,.25rem);transition:transform .1s ease;transition:transform var(--transition-fast,.1s ease)}.sr-star-input__btn:hover{transform:scale(1.15)}.sr-star-input__btn:focus-visible{border-radius:.25rem;border-radius:var(--radius-sm,.25rem);outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.sr-distribution{background:#f5f6f7;background:var(--gray-lightest,#f5f6f7);border-radius:1rem;border-radius:var(--radius-lg,1rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);padding:1.25rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem)}.sr-distribution__row{grid-gap:.75rem;grid-gap:var(--space-3,.75rem);align-items:center;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);cursor:pointer;display:grid;gap:.75rem;gap:var(--space-3,.75rem);grid-template-columns:80px 1fr 50px 40px;padding:.5rem 0;padding:var(--space-2,.5rem) 0;transition:opacity .2s ease;transition:opacity var(--transition-base,.2s ease)}.sr-distribution__row:hover{opacity:.85}.sr-distribution__row:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.sr-distribution__row--dimmed{opacity:.5}.sr-distribution__stars{display:flex;gap:1px}.sr-distribution__star-icon{color:#fe876e;color:var(--coral-primary,#fe876e);font-size:.875rem;font-size:var(--text-sm,.875rem)}.sr-distribution__bar-track{background:#fff;background:var(--bg-white,#fff);height:12px;overflow:hidden;width:100%}.sr-distribution__bar-fill,.sr-distribution__bar-track{border-radius:.25rem;border-radius:var(--radius-sm,.25rem)}.sr-distribution__bar-fill{animation:srGrowBar .5s ease-out both;background:#fe876e;background:var(--coral-primary,#fe876e);height:100%;width:var(--bar-width)}.sr-distribution__bar-fill--active{background:#e5705a;background:var(--coral-dark,#e5705a)}.sr-distribution__percent{color:#2d3436;color:var(--text-primary,#2d3436);font-weight:500;font-weight:var(--font-medium,500)}.sr-distribution__count,.sr-distribution__percent{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-align:right}.sr-distribution__count{color:#8a9194;color:var(--text-light,#8a9194)}.sr-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4,1rem);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.sr-filters__count{color:#2d3436;color:var(--text-primary,#2d3436);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)}.sr-filters__controls{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem)}.sr-filters__select{background:#fff;background:var(--bg-white,#fff);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#2d3436;color:var(--text-primary,#2d3436);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);outline:none;padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);transition:border-color .1s ease;transition:border-color var(--transition-fast,.1s ease)}.sr-filters__select:hover{border-color:#bbbdbc;border-color:var(--gray-light,#bbbdbc)}.sr-filters__select:focus-visible{border-color:#fe876e;border-color:var(--coral-primary,#fe876e);box-shadow:0 0 0 2px #fff0ec;box-shadow:0 0 0 2px var(--coral-lightest,#fff0ec)}.sr-stars{display:flex;font-size:1rem;font-size:var(--text-base,1rem);gap:1px}.sr-star--filled{color:#fe876e;color:var(--coral-primary,#fe876e)}.sr-star--empty{color:#bbbdbc;color:var(--gray-light,#bbbdbc)}.sr-review-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.sr-review-card{animation:srFadeIn .2s ease both;background:#f5f6f7;background:var(--gray-lightest,#f5f6f7);border-radius:1rem;border-radius:var(--radius-lg,1rem);padding:1.25rem;padding:var(--space-5,1.25rem)}.sr-review-card__top{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3,.75rem)}.sr-review-card__avatar{align-items:center;background:#e8eaeb;background:var(--gray-lighter,#e8eaeb);border-radius:50%;color:#646a6c;color:var(--text-secondary,#646a6c);display:flex;flex-shrink:0;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);height:32px;justify-content:center;width:32px}.sr-review-card__info{flex:1 1;min-width:0}.sr-review-card__row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3,.75rem)}.sr-review-card__name{color:#2d3436;color:var(--text-primary,#2d3436);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)}.sr-review-card__date{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-left:auto}.sr-review-card__comment{color:#646a6c;color:var(--text-secondary,#646a6c);font-size:1rem;font-size:var(--text-base,1rem);line-height:1.6;line-height:var(--leading-relaxed,1.6)}.sr-review-card__comment,.sr-review-card__no-comment{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-style:italic;margin:.75rem 0 0 calc(32px + .75rem);margin:var(--space-3,.75rem) 0 0 calc(32px + var(--space-3, .75rem))}.sr-review-card__no-comment{color:#8a9194;color:var(--text-light,#8a9194);font-size:.875rem;font-size:var(--text-sm,.875rem)}@media screen and (max-width:767px){.sr-section-header{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem)}.sr-review-btn{width:100%}.sr-distribution__row{gap:.5rem;gap:var(--space-2,.5rem);grid-template-columns:60px 1fr 42px 36px;min-height:44px;padding:.75rem .5rem;padding:var(--space-3,.75rem) var(--space-2,.5rem)}.sr-distribution__star-icon{font-size:.75rem;font-size:var(--text-xs,.75rem)}.sr-filters,.sr-filters__controls{align-items:stretch;flex-direction:column}.sr-filters__select{width:100%}.sr-review-card__avatar{font-size:10px;height:28px;width:28px}.sr-review-card__row{align-items:flex-start;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem)}.sr-review-card__date{margin-left:0}.sr-review-card__comment,.sr-review-card__no-comment{margin-left:calc(28px + .75rem);margin-left:calc(28px + var(--space-3, .75rem))}.sr-modal{padding:1.5rem;padding:var(--space-6,1.5rem)}.sr-modal__actions{flex-direction:column}.sr-modal__cancel,.sr-modal__submit{width:100%}}.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;height:55vh;justify-content:center;margin:0 auto}@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-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:focus-visible{background-color:var(--coral-lightest);border-color:var(--coral-light);outline:2px solid var(--coral-primary);outline-offset:2px}.single-choice-option-label{align-items:center;background-color:var(--gray-lightest);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);height:28px;justify-content:center;margin-right:var(--space-3);transition:all var(--transition-base);width:28px}.single-choice-answer-option.correct .single-choice-option-label,.single-choice-answer-option.wrong .single-choice-option-label{background-color:#ffffff40;color:var(--text-inverted)}.single-choice-answer-option[aria-disabled=true]{cursor:default}.single-choice-answer-option[aria-disabled=true]:hover{background-color:var(--bg-white);border-color:var(--gray-lighter)}.single-choice-answer-option[aria-disabled=true].correct:hover{background-color:var(--success);border-color:var(--success)}.single-choice-answer-option[aria-disabled=true].wrong:hover{background-color:var(--error);border-color:var(--error)}.single-choice-answer-option.correct{background-color:var(--success);border-color:var(--success);color:var(--text-inverted)}.single-choice-answer-option.wrong{background-color:var(--error);border-color:var(--error);color:var(--text-inverted)}@keyframes scSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.single-choice-feedback{align-items:center;animation:scSlideIn .2s ease forwards;border-radius:var(--radius-md);display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4)}.single-choice-feedback.correct{background-color:var(--success-light);color:var(--success)}.single-choice-feedback.wrong{background-color:var(--error-light);color:var(--error)}.single-choice-feedback-icon{flex-shrink:0;font-size:var(--text-base)}.single-choice-explanation{align-items:flex-start;animation:scSlideIn .2s ease forwards;background-color:var(--info-light);border:1px solid var(--info);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-3);line-height:var(--leading-normal);margin-top:var(--space-3);padding:var(--space-4)}.single-choice-explanation-icon{color:var(--info);flex-shrink:0;font-size:var(--text-base);margin-top:2px}.single-choice-btn-options{animation:scSlideIn .2s ease forwards;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-btn-options button:focus-visible{background-color:var(--coral-dark);outline:2px solid var(--coral-primary);outline-offset:2px}.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)}.single-choice-next-btn:focus-visible{background-color:var(--coral-dark);outline:2px solid var(--coral-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.single-choice-btn-options,.single-choice-explanation,.single-choice-feedback{animation:none}}@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;height:55vh;justify-content:center;margin:0 auto}.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:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);display:grid;height:40px;justify-content:center;margin-top:.75rem;margin-top:var(--space-3,.75rem);outline:none;padding:.25rem;padding:var(--space-1,.25rem);width:100%}.tabs-container button:hover{background-color:inherit}.tab-button{align-items:center;background:#0000;border:none;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;display: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:500;font-weight:var(--font-medium,500);gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.tab-button:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.tab-button.active{color:#2d3436;color:var(--text-primary,#2d3436);font-weight:600;font-weight:var(--font-semibold,600)}.tab-button.active,.tabs-container .tab-button.active:hover{background-color:#fff;background-color:var(--bg-white,#fff)}.icon{height:16px;width:16px}.learning-stack-category-deletion-form-info{letter-spacing:.3px}.quiz-start-container{margin:var(--space-10) auto;max-width:620px;text-align:left}.quiz-start-label{color:var(--coral-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:1.5px;margin-bottom:var(--space-2);text-transform:uppercase}.quiz-start-title{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-bottom:var(--space-2);text-align:left}.quiz-start-motivation{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.quiz-start-info-card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-6)}.quiz-start-info-item{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-base);gap:var(--space-3)}.quiz-start-info-icon{color:var(--coral-primary);flex-shrink:0;font-size:var(--text-lg)}.quiz-start-btn-container{display:flex;justify-content:center}.quiz-start-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;padding:var(--space-3) var(--space-10);transition:all var(--transition-base)}.quiz-start-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.quiz-start-btn:focus-visible{background-color:var(--coral-dark);outline:2px solid var(--coral-primary);outline-offset:2px}@media screen and (max-width:768px){.quiz-start-container{margin:var(--space-6) auto;padding:0 var(--space-4)}.quiz-start-title{font-size:var(--text-2xl)}}@media screen and (max-width:480px){.quiz-start-info-card{padding:var(--space-4)}.quiz-start-btn{width:100%}}.quiz-result{margin:var(--space-6) auto;max-width:680px}.quiz-result-score-section{margin-bottom:var(--space-8);text-align:center}@keyframes scoreScaleIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.quiz-result-circle{align-items:center;animation:scoreScaleIn .5s ease forwards;border-radius:var(--radius-full);display:inline-flex;height:140px;justify-content:center;margin-bottom:var(--space-4);width:140px}.quiz-result-circle.passed{background-color:var(--success)}.quiz-result-circle.failed{background-color:var(--error)}.quiz-result-circle-value{color:var(--text-inverted);font-size:var(--text-3xl)}.quiz-result-circle-value,.quiz-result-status{font-family:var(--font-heading);font-weight:var(--font-bold)}.quiz-result-status{font-size:var(--text-xl);margin-bottom:var(--space-2)}.quiz-result-status.passed{color:var(--success)}.quiz-result-status.failed{color:var(--error)}.quiz-result-feedback{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base)}.quiz-result-threshold{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-5)}.quiz-result-threshold-labels{color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);justify-content:space-between;margin-bottom:var(--space-3)}.quiz-result-threshold-bar{background-color:var(--gray-lighter);border-radius:var(--radius-full);height:14px;position:relative}.quiz-result-threshold-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.quiz-result-threshold-fill.passed{background-color:var(--success)}.quiz-result-threshold-fill.failed{background-color:var(--error)}.quiz-result-threshold-marker{align-items:center;display:flex;height:22px;position:absolute;top:-4px;transform:translateX(-50%)}.quiz-result-threshold-marker-line{background-color:var(--text-primary);border-radius:1px;height:100%;width:2px}.quiz-result-card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-6)}.quiz-result-motivation{border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);font-style:italic;margin-bottom:var(--space-5);padding:var(--space-4);text-align:center}.quiz-result-motivation.passed{background-color:var(--success-light)}.quiz-result-motivation.failed{background-color:var(--coral-lightest)}.quiz-result-summary{margin-bottom:var(--space-5)}.quiz-result-summary-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.quiz-result-summary-list{border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);overflow:hidden}.quiz-result-summary-entry{border-bottom:1px solid var(--gray-lightest)}.quiz-result-summary-entry:last-child{border-bottom:none}.quiz-result-summary-item{align-items:center;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-5)}.quiz-result-summary-item.expandable{cursor:pointer;transition:background-color var(--transition-base)}.quiz-result-summary-item.expandable:hover{filter:brightness(.97)}.quiz-result-summary-item.expandable:focus-visible{outline:2px solid var(--coral-primary);outline-offset:-2px}.quiz-result-summary-item.correct{background-color:var(--bg-white)}.quiz-result-summary-item.wrong{background-color:var(--error-light)}.quiz-result-summary-index{color:var(--text-light);font-weight:var(--font-semibold);min-width:24px}.quiz-result-summary-question{color:var(--text-primary);flex:1 1;line-height:var(--leading-normal)}.quiz-result-summary-icon{flex-shrink:0;font-size:var(--text-base)}.quiz-result-summary-icon.correct{color:var(--success)}.quiz-result-summary-icon.wrong{color:var(--error)}.quiz-result-summary-chevron{color:var(--text-light);flex-shrink:0;font-size:var(--text-xs);transition:transform var(--transition-base)}.quiz-result-summary-chevron.expanded{transform:rotate(180deg)}.quiz-result-summary-details{background-color:var(--gray-lightest);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-5) var(--space-4);padding-left:calc(var(--space-5) + 24px + var(--space-3))}.quiz-result-detail-row{align-items:baseline;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2)}.quiz-result-detail-label{color:var(--text-light);flex-shrink:0}.quiz-result-detail-value{color:var(--text-primary);font-weight:var(--font-semibold)}.quiz-result-detail-value.correct{color:var(--success)}.quiz-result-detail-value.wrong{color:var(--error)}.quiz-result-detail-explanation{align-items:flex-start;background-color:var(--info-light);border:1px solid var(--info);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);line-height:var(--leading-normal);margin-top:var(--space-1);padding:var(--space-3)}.quiz-result-detail-explanation-icon{color:var(--info);flex-shrink:0;font-size:var(--text-sm);margin-top:2px}.quiz-result-actions{border-top:1px solid var(--gray-lighter);display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-5)}.quiz-result-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);height:48px;padding:0 var(--space-6);transition:all var(--transition-base)}.quiz-result-btn.primary{background-color:var(--coral-primary);color:var(--text-inverted)}.quiz-result-btn.primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.quiz-result-btn.primary:focus-visible{background-color:var(--coral-dark);outline:2px solid var(--coral-primary);outline-offset:2px}.quiz-result-btn.secondary{background-color:initial;border:1px solid var(--gray-light);color:var(--text-secondary)}.quiz-result-btn.secondary:hover{border-color:var(--coral-primary);color:var(--coral-primary)}.quiz-result-btn.secondary:focus-visible{border-color:var(--coral-primary);color:var(--coral-primary);outline:2px solid var(--coral-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.quiz-result-circle{animation:none}}@media screen and (max-width:768px){.quiz-result{padding:0 var(--space-4)}.quiz-result-circle{height:120px;width:120px}.quiz-result-circle-value{font-size:var(--text-2xl)}}@media screen and (max-width:480px){.quiz-result-card{padding:var(--space-4)}.quiz-result-actions{flex-direction:column}.quiz-result-btn{width:100%}.quiz-result-summary-details,.quiz-result-summary-item{padding:var(--space-3) var(--space-4)}.quiz-result-summary-details{padding-left:calc(var(--space-4) + 24px + var(--space-3))}.quiz-result-detail-row{flex-direction:column;gap:var(--space-1)}}.quiz-page{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);min-height:calc(100vh - 66px)}.quiz-container{margin:0 auto;max-width:960px;padding:var(--space-4) var(--space-4)}.quiz-loading{align-items:center;display:flex;justify-content:center;min-height:55vh}.quiz-task-header{margin-bottom:var(--space-2)}.quiz-task-label{color:var(--coral-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:1.5px;text-transform:uppercase}.quiz-task-title{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-top:var(--space-1);text-align:left}.quiz-progress-section,.quiz-task-title{margin-bottom:var(--space-2)}.quiz-result-section{margin-top:var(--space-2)}.quiz-result-header{margin-bottom:var(--space-6);text-align:left}.quiz-result-label{color:var(--coral-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:1.5px;margin-bottom:var(--space-1);text-transform:uppercase}.quiz-result-title{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-top:var(--space-1);text-align:left}@keyframes quizFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quiz-task-content.exiting{animation:quizFadeOut .25s ease forwards}.quiz-task-content.entering{animation:quizFadeIn .3s ease forwards}@media (prefers-reduced-motion:reduce){.quiz-task-content.entering,.quiz-task-content.exiting{animation:none}}.quiz-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width:768px){.quiz-container{padding:var(--space-3)}.quiz-result-title,.quiz-task-title{font-size:var(--text-2xl)}}@media screen and (max-width:480px){.quiz-container{padding:var(--space-2)}.quiz-result-title,.quiz-task-title{font-size:var(--text-xl)}}.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;height:55vh;justify-content:center;margin:0 auto}.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;height:55vh;justify-content:center;margin:0 auto}.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;height:55vh;justify-content:center;margin:0 auto}.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}.exam-container{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;height:55vh;justify-content:center;margin:0 auto}.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;height:55vh;justify-content:center;margin:0 auto}.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);font-size:var(--text-xs);justify-content:space-between;margin-top:var(--space-1)}.mock-data-banner,.slider-scale{display:flex;font-family:var(--font-body)}.mock-data-banner{align-items:center;background-color:var(--info-light);border:1px solid var(--info);border-radius:var(--radius-md);color:var(--info);font-size:var(--text-sm);gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.mock-data-banner__icon{flex-shrink:0}.mock-data-banner__text{flex:1 1;line-height:1.4;margin:0}.mock-data-banner__text strong{font-weight:600}.mock-data-banner__close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--info);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--space-1);transition:background-color .15s ease}.mock-data-banner__close:hover{background-color:#0000000f}.mock-data-banner__close:focus-visible{outline:2px solid var(--info);outline-offset:2px}.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)}.greeting-card{background-color:#fff;background-color:var(--bg-white,#fff);border:1px solid #e8eaeb;border-radius:1rem;border-radius:var(--radius-lg,1rem);border-top:3px solid #fe876e;border:1px solid var(--gray-lighter,#e8eaeb);border-top:3px solid var(--coral-primary,#fe876e);display:flex;flex-direction:column;padding:2rem;padding:var(--space-8,2rem)}.greeting-heading{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.2;line-height:var(--leading-snug,1.2);margin:0}.greeting-subtitle{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:1rem;font-size:var(--text-base,1rem);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:.5rem 0 0;margin:var(--space-2,.5rem) 0 0 0}.greeting-accent{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border-radius:2px;height:4px;margin:1.25rem 0;margin:var(--space-5,1.25rem) 0;width:60px}.greeting-stats-row{grid-gap:1rem;grid-gap:var(--space-4,1rem);display:grid;gap:1rem;gap:var(--space-4,1rem);grid-template-columns:1fr 1fr;margin-top:auto}.greeting-stat{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border-left:3px solid #fe876e;border-left:3px solid var(--coral-primary,#fe876e);border-radius:.5rem;border-radius:var(--radius-md,.5rem);display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem);transition:border-color .15s ease;transition:border-color var(--transition-fast,.15s ease)}.greeting-stat-value{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.25rem;font-size:var(--text-xl,1.25rem);font-weight:700;font-weight:var(--font-bold,700);line-height:1.2;line-height:var(--leading-snug,1.2)}.greeting-stat-label{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:.875rem;font-size:var(--text-sm,.875rem);line-height:1.5;line-height:var(--leading-normal,1.5)}@media (max-width:767px){.greeting-heading{font-size:1.875rem;font-size:var(--text-3xl,1.875rem)}}.continue-hero{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);display:flex;flex-direction:column;padding:2rem;padding:var(--space-8,2rem);transition:border-color .15s ease;transition:border-color var(--transition-fast,.15s ease)}.continue-hero:hover{border-color:#fe876e;border-color:var(--coral-primary,#fe876e)}.continue-hero-content{max-width:640px}.continue-hero-label{color:#fe876e;color:var(--coral-primary,#fe876e);display:inline-block;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);letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem);text-transform:uppercase}.continue-hero-label:after{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border-radius:2px;content:"";display:block;height:4px;margin-top:.5rem;margin-top:var(--space-2,.5rem);width:60px}.continue-hero-category{color:#8a9194;color:var(--text-light,#8a9194);display:block;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);font-weight:500;font-weight:var(--font-medium,500);letter-spacing:.5px;margin-top:.75rem;margin-top:var(--space-3,.75rem);text-transform:uppercase}.continue-hero-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.5rem;font-size:var(--text-2xl,1.5rem);font-weight:600;font-weight:var(--font-semibold,600);line-height:1.3;margin:.25rem 0 .5rem;margin:var(--space-1,.25rem) 0 var(--space-2,.5rem) 0}.continue-hero-lesson{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:.875rem;font-size:var(--text-sm,.875rem);line-height:1.5;line-height:var(--leading-normal,1.5);margin:0 0 1.25rem;margin:0 0 var(--space-5,1.25rem) 0}.continue-hero-progress{margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.continue-hero-btn{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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.continue-hero-btn: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)}.continue-hero-btn:active{transform:translateY(0)}@media (max-width:767px){.continue-hero{padding:1.5rem;padding:var(--space-6,1.5rem)}.continue-hero-title{font-size:1.25rem;font-size:var(--text-xl,1.25rem)}}.urgent-item{align-items:center;background-color:#fff;background-color:var(--bg-white,#fff);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-left:4px solid #0000;border-radius:1rem;border-radius:var(--radius-lg,1rem);display:flex;gap:1rem;gap:var(--space-4,1rem);padding:1.25rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem);transition:all .3s ease;transition:all var(--transition-slow,.3s ease)}.urgent-item:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md,0 4px 6px #00000012);transform:translateY(-2px)}.urgent-item--warning{border-left-color:#ff9800;border-left-color:var(--warning,#ff9800)}.urgent-item--warning .urgent-item-icon{color:#ff9800;color:var(--warning,#ff9800)}.urgent-item--error{border-left-color:#f44336;border-left-color:var(--error,#f44336)}.urgent-item--error .urgent-item-icon{color:#f44336;color:var(--error,#f44336)}.urgent-item-icon{flex-shrink:0}.urgent-item-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);min-width:0}.urgent-item-course{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:1rem;font-size:var(--text-base,1rem);font-weight:600;font-weight:var(--font-semibold,600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urgent-item-detail{align-items:center;color:#646a6c;color:var(--text-secondary,#646a6c);display:flex;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);gap:.5rem;gap:var(--space-2,.5rem);line-height:1.5;line-height:var(--leading-normal,1.5)}.urgent-item-badge{background-color:#f44336;background-color:var(--error,#f44336);border-radius:.25rem;border-radius:var(--radius-sm,.25rem);color:#fff;color:var(--text-inverted,#fff);font-size:.75rem;font-size:var(--text-xs,.75rem);line-height:1;padding:.25rem .5rem;padding:var(--space-1,.25rem) var(--space-2,.5rem)}.urgent-item-action,.urgent-item-badge{align-items:center;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-weight:600;font-weight:var(--font-semibold,600);white-space:nowrap}.urgent-item-action{background-color:initial;border:2px solid #fe876e;border:2px solid var(--coral-primary,#fe876e);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fe876e;color:var(--coral-primary,#fe876e);cursor:pointer;flex-shrink:0;font-size:.875rem;font-size:var(--text-sm,.875rem);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.urgent-item-action:hover{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);color:#fff;color:var(--text-inverted,#fff)}@media (max-width:767px){.urgent-item{flex-wrap:wrap}.urgent-item-content{min-width:calc(100% - 3rem)}.urgent-item-action{margin-left:auto}}.urgent-section{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);margin-bottom:2rem;margin-bottom:var(--space-8,2rem);padding:2rem;padding:var(--space-8,2rem)}.urgent-section-heading{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.3;margin:0 0 1rem;margin:0 0 var(--space-4,1rem) 0}.urgent-list{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4,1rem)}.urgent-show-all{margin:1rem 0 0;margin:var(--space-4,1rem) 0 0 0;text-align:right}.urgent-show-all-btn{background:none;border:none;color:#fe876e;color:var(--coral-primary,#fe876e);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);padding:0;transition:color .15s ease;transition:color var(--transition-fast,.15s ease)}.urgent-show-all-btn:hover{color:#e5705a;color:var(--coral-dark,#e5705a);text-decoration:underline}.active-course-card{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);display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s ease;transition:border-color var(--transition-fast,.15s ease)}.active-course-card:hover{border-color:#fe876e;border-color:var(--coral-primary,#fe876e)}.active-course-card-image{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);height:160px;overflow:hidden;position:relative;width:100%}.active-course-card-image img{height:100%;object-fit:cover;width:100%}.active-course-card-placeholder{background:linear-gradient(135deg,#fff0ec,#ffb4a2);background:linear-gradient(135deg,var(--coral-lightest,#fff0ec) 0,var(--coral-light,#ffb4a2) 100%);height:100%;width:100%}.active-course-card-body{display:flex;flex:1 1;flex-direction:column;padding:1.25rem 1.5rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem) var(--space-6,1.5rem)}.active-course-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);text-transform:uppercase}.active-course-badges,.active-course-category{position:absolute;top:.75rem;top:var(--space-3,.75rem)}.active-course-badges{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1,.25rem);justify-content:flex-end;max-width:40%;right:.75rem;right:var(--space-3,.75rem);z-index:1}.active-course-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.3;margin:0 0 .5rem;margin:0 0 var(--space-2,.5rem) 0}.active-course-lesson{color:#646a6c;color:var(--text-secondary,#646a6c);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.5;line-height:var(--leading-normal,1.5);margin:0 0 1rem;margin:0 0 var(--space-4,1rem) 0}.active-course-deadline,.active-course-lesson{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif)}.active-course-deadline{font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;font-weight:var(--font-medium,500);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.active-course-deadline--warning{color:#ff9800;color:var(--warning,#ff9800)}.active-course-deadline--error{color:#f44336;color:var(--error,#f44336)}.active-course-actions{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem);margin-top:auto}.active-course-actions>button{flex:1 1}.active-course-continue{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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.active-course-continue: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)}.active-course-continue:active{transform:translateY(0)}.active-course-leave{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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);justify-content:center;line-height:1;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)}.active-course-leave:hover:not(:disabled){background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.active-course-leave:disabled{cursor:not-allowed;opacity:.4}.active-course-confirm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4,1rem);position:fixed;right:0;top:0;z-index:1000}.active-course-confirm-dialog{background-color:#fff;background-color: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:500px;padding:2rem;padding:var(--space-8,2rem);width:100%}.active-course-confirm-text{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);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0 0 1.5rem;margin:0 0 var(--space-6,1.5rem) 0}.active-course-confirm-actions{display:flex;gap:.75rem;gap:var(--space-3,.75rem);justify-content:flex-end}.active-course-confirm-cancel{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.active-course-confirm-cancel:hover{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.active-course-confirm-leave{align-items:center;background-color:#f44336;background-color:var(--error,#f44336);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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.active-course-confirm-leave:hover{opacity:.9}.completed-course-card{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);display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s ease;transition:border-color var(--transition-fast,.15s ease)}.completed-course-card:hover{border-color:#fe876e;border-color:var(--coral-primary,#fe876e)}.completed-course-card-image{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);height:160px;overflow:hidden;position:relative;width:100%}.completed-course-card-image img{height:100%;object-fit:cover;width:100%}.completed-course-card-placeholder{background:linear-gradient(135deg,#fff0ec,#ffb4a2);background:linear-gradient(135deg,var(--coral-lightest,#fff0ec) 0,var(--coral-light,#ffb4a2) 100%);height:100%;width:100%}.completed-course-card-body{display:flex;flex:1 1;flex-direction:column;padding:1.25rem 1.5rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem) var(--space-6,1.5rem)}.completed-course-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-size:.75rem;font-size:var(--text-xs,.75rem);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)}.completed-course-category,.completed-course-title{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-weight:600;font-weight:var(--font-semibold,600)}.completed-course-title{color:#646a6c;color:var(--gray-dark,#646a6c);font-size:1.25rem;font-size:var(--text-xl,1.25rem);line-height:1.3;margin:0 0 .5rem;margin:0 0 var(--space-2,.5rem) 0}.completed-course-info{color:#8a9194;color:var(--text-light,#8a9194);font-weight:500;font-weight:var(--font-medium,500);margin:0 0 .75rem;margin:0 0 var(--space-3,.75rem) 0}.completed-course-info,.completed-course-meta{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)}.completed-course-meta{align-items:center;color:#646a6c;color:var(--text-secondary,#646a6c);display:flex;justify-content:space-between;line-height:1.5;line-height:var(--leading-normal,1.5);margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem)}.completed-course-result{color:#4caf50;color:var(--success,#4caf50);font-weight:700;font-weight:var(--font-bold,700)}.completed-course-action,.completed-course-result{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif)}.completed-course-action{align-items:center;align-self:flex-start;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-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;line-height:1;margin-top:auto;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.completed-course-action: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)}.completed-course-action:active{transform:translateY(0)}.bookmarked-course-card{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);display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s ease;transition:border-color var(--transition-fast,.15s ease)}.bookmarked-course-card:hover{border-color:#fe876e;border-color:var(--coral-primary,#fe876e)}.bookmarked-course-card-image{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);height:160px;overflow:hidden;position:relative;width:100%}.bookmarked-course-card-image img{height:100%;object-fit:cover;width:100%}.bookmarked-course-card-placeholder{background:linear-gradient(135deg,#fff0ec,#ffb4a2);background:linear-gradient(135deg,var(--coral-lightest,#fff0ec) 0,var(--coral-light,#ffb4a2) 100%);height:100%;width:100%}.bookmarked-course-card-body{display:flex;flex:1 1;flex-direction:column;padding:1.25rem 1.5rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem) var(--space-6,1.5rem)}.bookmarked-course-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);text-transform:uppercase}.bookmarked-course-badge,.bookmarked-course-category{position:absolute;top:.75rem;top:var(--space-3,.75rem)}.bookmarked-course-badge{max-width:40%;right:.75rem;right:var(--space-3,.75rem);z-index:1}.bookmarked-course-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.3;margin:0 0 .5rem;margin:0 0 var(--space-2,.5rem) 0}.bookmarked-course-info{color:#8a9194;color:var(--text-light,#8a9194);font-weight:500;font-weight:var(--font-medium,500);margin:0 0 .5rem;margin:0 0 var(--space-2,.5rem) 0}.bookmarked-course-desc,.bookmarked-course-info{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)}.bookmarked-course-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#646a6c;color:var(--text-secondary,#646a6c);display:-webkit-box;line-height:1.5;line-height:var(--leading-normal,1.5);margin:0 0 1.25rem;margin:0 0 var(--space-5,1.25rem) 0;overflow:hidden}.bookmarked-course-actions{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem);margin-top:auto}.bookmarked-course-actions>button{flex:1 1}.bookmarked-course-primary{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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.bookmarked-course-primary: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)}.bookmarked-course-primary:active{transform:translateY(0)}.bookmarked-course-remove{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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);justify-content:center;line-height:1;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)}.bookmarked-course-remove:hover{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.bookmarked-course-confirm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4,1rem);position:fixed;right:0;top:0;z-index:1000}.bookmarked-course-confirm-dialog{background-color:#fff;background-color: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:500px;padding:2rem;padding:var(--space-8,2rem);width:100%}.bookmarked-course-confirm-text{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);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0 0 1.5rem;margin:0 0 var(--space-6,1.5rem) 0}.bookmarked-course-confirm-actions{display:flex;gap:.75rem;gap:var(--space-3,.75rem);justify-content:flex-end}.bookmarked-course-confirm-cancel{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.bookmarked-course-confirm-cancel:hover{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.bookmarked-course-confirm-remove{align-items:center;background-color:#f44336;background-color:var(--error,#f44336);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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.bookmarked-course-confirm-remove:hover{opacity:.9}.empty-state{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);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;padding:var(--space-12,3rem) var(--space-8,2rem);text-align:center}.empty-state-message{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.25rem;margin:0 0 var(--space-5,1.25rem) 0}.empty-state-cta{align-items:center;background-color:initial;border:2px solid #fe876e;border:2px solid var(--coral-primary,#fe876e);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fe876e;color:var(--coral-primary,#fe876e);cursor:pointer;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);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.empty-state-cta:hover{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);color:#fff;color:var(--text-inverted,#fff)}.my-courses-section{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);margin-bottom:2rem;margin-bottom:var(--space-8,2rem);padding:2rem;padding:var(--space-8,2rem)}.my-courses-section-heading{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.3;margin:0 0 1.25rem;margin:0 0 var(--space-5,1.25rem) 0}.my-courses-tabs{border-bottom:2px solid #e8eaeb;border-bottom:2px solid var(--gray-lighter,#e8eaeb);display:flex;gap:0;margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.my-courses-tab{background:none;border:none;border-bottom:3px solid #0000;color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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:500;font-weight:var(--font-medium,500);margin-bottom:-2px;padding:.75rem 1.25rem;padding:var(--space-3,.75rem) var(--space-5,1.25rem);transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.my-courses-tab--active,.my-courses-tab:hover{color:#fe876e;color:var(--coral-primary,#fe876e)}.my-courses-tab--active{border-bottom-color:#fe876e;border-bottom-color:var(--coral-primary,#fe876e);font-weight:600;font-weight:var(--font-semibold,600)}.my-courses-tab:focus-visible{border-radius:.25rem .25rem 0 0;border-radius:var(--radius-sm,.25rem) var(--radius-sm,.25rem) 0 0;outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:-2px}.course-cards-grid{grid-gap:1.5rem;grid-gap:var(--space-6,1.5rem);display:grid;gap:1.5rem;gap:var(--space-6,1.5rem);grid-template-columns:1fr}@media (min-width:768px){.course-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.course-cards-grid{grid-template-columns:repeat(3,1fr)}}.courses-show-all{margin:1.25rem 0 0;margin:var(--space-5,1.25rem) 0 0 0;text-align:right}.courses-show-all a{color:#fe876e;color:var(--coral-primary,#fe876e);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)}.courses-show-all a:hover{color:#e5705a;color:var(--coral-dark,#e5705a);text-decoration:underline}@media (max-width:639px){.my-courses-tab{font-size:.875rem;font-size:var(--text-sm,.875rem);padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem)}}.learning-path-card{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);display:flex;flex-direction:column;padding:2rem;padding:var(--space-8,2rem);transition:border-color .15s ease;transition:border-color var(--transition-fast,.15s ease)}.learning-path-card:hover{border-color:#4ecdc4;border-color:var(--teal,#4ecdc4)}.learning-path-header{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3,.75rem);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.learning-path-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.3;margin:0}.learning-path-badges{display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-2,.5rem)}.learning-path-progress-text{color:#646a6c;color:var(--text-secondary,#646a6c);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.5;line-height:var(--leading-normal,1.5);margin:0 0 1rem;margin:0 0 var(--space-4,1rem) 0}.learning-path-deadline,.learning-path-progress-text{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif)}.learning-path-deadline{font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;font-weight:var(--font-medium,500);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.learning-path-deadline--warning{color:#ff9800;color:var(--warning,#ff9800)}.learning-path-deadline--error{color:#f44336;color:var(--error,#f44336)}.learning-path-actions{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem);margin-top:auto}.learning-path-actions>button{flex:1 1}.learning-path-continue{align-items:center;background-color:#4ecdc4;background-color:var(--teal,#4ecdc4);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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.learning-path-continue:hover{background-color:#3ba99e;background-color:var(--teal-dark,#3ba99e);box-shadow:0 4px 14px #4ecdc440;transform:translateY(-1px)}.learning-path-continue:active{transform:translateY(0)}.learning-path-leave{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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);justify-content:center;line-height:1;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)}.learning-path-leave:hover:not(:disabled){background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.learning-path-leave:disabled{cursor:not-allowed;opacity:.4}.learning-path-confirm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4,1rem);position:fixed;right:0;top:0;z-index:1000}.learning-path-confirm-dialog{background-color:#fff;background-color: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:500px;padding:2rem;padding:var(--space-8,2rem);width:100%}.learning-path-confirm-text{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);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0 0 1.5rem;margin:0 0 var(--space-6,1.5rem) 0}.learning-path-confirm-actions{display:flex;gap:.75rem;gap:var(--space-3,.75rem);justify-content:flex-end}.learning-path-confirm-cancel{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.learning-path-confirm-cancel:hover{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.learning-path-confirm-leave{align-items:center;background-color:#f44336;background-color:var(--error,#f44336);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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.learning-path-confirm-leave:hover{opacity:.9}.completed-learning-path-card{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);display:flex;flex-direction:column;padding:2rem;padding:var(--space-8,2rem);transition:border-color .15s ease;transition:border-color var(--transition-fast,.15s ease)}.completed-learning-path-card:hover{border-color:#4ecdc4;border-color:var(--teal,#4ecdc4)}.completed-learning-path-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.3;margin:0 0 1rem;margin:0 0 var(--space-4,1rem) 0}.completed-learning-path-meta{align-items:center;color:#646a6c;color:var(--text-secondary,#646a6c);display:flex;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);justify-content:space-between;line-height:1.5;line-height:var(--leading-normal,1.5);margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem)}.completed-learning-path-courses{color:#4ecdc4;color:var(--teal,#4ecdc4);font-weight:700;font-weight:var(--font-bold,700)}.completed-learning-path-action,.completed-learning-path-courses{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif)}.completed-learning-path-action{align-items:center;align-self:flex-start;background-color:#4ecdc4;background-color:var(--teal,#4ecdc4);border:none;border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fff;color:var(--text-inverted,#fff);cursor:pointer;display:inline-flex;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);justify-content:center;line-height:1;margin-top:auto;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.completed-learning-path-action:hover{background-color:#3ba99e;background-color:var(--teal-dark,#3ba99e);box-shadow:0 4px 14px #4ecdc440;transform:translateY(-1px)}.completed-learning-path-action:active{transform:translateY(0)}.learning-paths-tabs-section{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);margin-bottom:2rem;margin-bottom:var(--space-8,2rem);padding:2rem;padding:var(--space-8,2rem)}.learning-paths-tabs-heading{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.3;margin:0 0 1.25rem;margin:0 0 var(--space-5,1.25rem) 0}.learning-paths-tabs{border-bottom:2px solid #e8eaeb;border-bottom:2px solid var(--gray-lighter,#e8eaeb);display:flex;gap:0;margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.learning-paths-tab{background:none;border:none;border-bottom:3px solid #0000;color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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:500;font-weight:var(--font-medium,500);margin-bottom:-2px;padding:.75rem 1.25rem;padding:var(--space-3,.75rem) var(--space-5,1.25rem);transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.learning-paths-tab--active,.learning-paths-tab:hover{color:#4ecdc4;color:var(--teal,#4ecdc4)}.learning-paths-tab--active{border-bottom-color:#4ecdc4;border-bottom-color:var(--teal,#4ecdc4);font-weight:600;font-weight:var(--font-semibold,600)}.learning-paths-tab:focus-visible{border-radius:.25rem .25rem 0 0;border-radius:var(--radius-sm,.25rem) var(--radius-sm,.25rem) 0 0;outline:2px solid #4ecdc4;outline:2px solid var(--teal,#4ecdc4);outline-offset:-2px}.learning-path-cards-grid{grid-gap:1.5rem;grid-gap:var(--space-6,1.5rem);display:grid;gap:1.5rem;gap:var(--space-6,1.5rem);grid-template-columns:1fr}@media (min-width:768px){.learning-path-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.learning-path-cards-grid{grid-template-columns:repeat(3,1fr)}}.learning-paths-show-all{margin:1.25rem 0 0;margin:var(--space-5,1.25rem) 0 0 0;text-align:right}.learning-paths-show-all a{color:#4ecdc4;color:var(--teal,#4ecdc4);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)}.learning-paths-show-all a:hover{color:#3ba99e;color:var(--teal-dark,#3ba99e);text-decoration:underline}@media (max-width:639px){.learning-paths-tab{font-size:.875rem;font-size:var(--text-sm,.875rem);padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem)}}.onboarding-section{margin-bottom:2rem;margin-bottom:var(--space-8,2rem)}.onboarding-card{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);padding:3rem 2rem;padding:var(--space-12,3rem) var(--space-8,2rem);text-align:center;transition:all .3s ease;transition:all var(--transition-slow,.3s ease)}.onboarding-card:hover{border-color:#fe876e;border-color:var(--coral-primary,#fe876e);box-shadow:0 8px 24px #fe876e1f}.onboarding-accent{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border-radius:2px;height:4px;margin:0 auto 1.5rem;margin:0 auto var(--space-6,1.5rem) auto;width:60px}.onboarding-heading{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);line-height:1.3;margin:0 0 .75rem;margin:0 0 var(--space-3,.75rem) 0}.onboarding-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 2rem;margin:0 0 var(--space-8,2rem) 0;margin-left:auto;margin-right:auto;max-width:480px}.onboarding-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4,1rem);justify-content:center}.onboarding-primary{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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.onboarding-primary: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)}.onboarding-primary:active{transform:translateY(0)}.onboarding-secondary{align-items:center;background-color:initial;border:2px solid #fe876e;border:2px solid var(--coral-primary,#fe876e);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fe876e;color:var(--coral-primary,#fe876e);cursor:pointer;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);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.onboarding-secondary:hover{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);color:#fff;color:var(--text-inverted,#fff)}.onboarding-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}.onboarding-modal{background-color:#fff;background-color:var(--bg-white,#fff);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);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:480px;padding:2rem;padding:var(--space-8,2rem);width:90%}.onboarding-modal-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.3;margin:0 0 1.25rem;margin:0 0 var(--space-5,1.25rem) 0}.onboarding-modal-steps{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 2rem;margin:0 0 var(--space-8,2rem) 0;padding-left:1.25rem;padding-left:var(--space-5,1.25rem)}.onboarding-modal-steps li{margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.onboarding-modal-close{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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease);width:100%}.onboarding-modal-close: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)}.onboarding-modal-close:active{transform:translateY(0)}.dashboard-page{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);min-height:calc(100vh - 66px)}.dashboard-loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.dashboard-content{margin:0 auto;max-width:1280px;padding:2.5rem 1rem;padding:var(--space-10,2.5rem) var(--space-4,1rem);width:100%}@media (min-width:768px){.dashboard-content{padding:3rem 2.5rem;padding:var(--space-12,3rem) var(--space-10,2.5rem)}}.dashboard-top-row{grid-gap:1.5rem;grid-gap:var(--space-6,1.5rem);display:grid;gap:1.5rem;gap:var(--space-6,1.5rem);grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-bottom:var(--space-8,2rem)}.dashboard-top-row--full{grid-template-columns:1fr}@media (max-width:767px){.dashboard-top-row{grid-template-columns:1fr}}#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}.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-badges{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1,.25rem);justify-content:flex-end;max-width:40%;position:absolute;right:.75rem;right:var(--space-3,.75rem);top:.75rem;top:var(--space-3,.75rem);z-index:1}.course-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#646a6c;color:var(--gray-dark,#646a6c);display:-webkit-box;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;overflow:hidden}.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{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#646a6c;color:var(--text-secondary,#646a6c);display:-webkit-box;font-size:1rem;font-size:var(--text-base,1rem);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0;overflow:hidden}.course-item-meta{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);font-weight:500;font-weight:var(--font-medium,500)}.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:.75rem;font-size:var(--text-xs,.75rem);padding:.25rem .75rem;padding:var(--space-1,.25rem) var(--space-3,.75rem)}}.course-filter-controls{margin-bottom:var(--space-6)}.course-filter-controls__main{align-items:stretch;display:flex;gap:var(--space-3)}.course-filter-controls__search{align-items:center;display:flex;flex:1 1;position:relative}.course-filter-controls__search-icon{color:var(--text-light);left:var(--space-3);pointer-events:none;position:absolute}.course-filter-controls__search-input{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-10);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.course-filter-controls__search-input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px var(--coral-lightest);outline:none}.course-filter-controls__search-input::placeholder{color:var(--text-light)}.course-filter-controls__search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:var(--space-2);transition:color var(--transition-fast),background-color var(--transition-fast);width:28px}.course-filter-controls__search-clear:hover{background-color:var(--bg-light);color:var(--text-primary)}.course-filter-controls__toggle{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.course-filter-controls__toggle:hover{border-color:var(--gray-lighter);color:var(--text-primary)}.course-filter-controls__toggle--active{background-color:var(--coral-lightest);border-color:var(--coral-primary);color:var(--coral-primary)}.course-filter-controls__badge{align-items:center;background-color:var(--coral-primary);border-radius:10px;color:var(--bg-white);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);height:20px;justify-content:center;min-width:20px;padding:0 var(--space-1)}.course-filter-controls__options{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:var(--space-3);padding:var(--space-4)}.course-filter-controls__row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.course-filter-controls__field{flex:1 1;max-width:250px;min-width:150px}.course-filter-controls__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-filter-controls__select{background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),background-color var(--transition-fast);width:100%}.course-filter-controls__select:hover{background-color:var(--bg-white)}.course-filter-controls__select:focus{background-color:var(--bg-white);border-color:var(--coral-primary);outline:none}.course-filter-controls__clear{background:none;border:1px solid var(--coral-primary);border-radius:var(--radius-sm);color:var(--coral-primary);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);transition:background-color var(--transition-fast),color var(--transition-fast)}.course-filter-controls__clear:hover{background-color:var(--coral-primary);color:var(--bg-white)}@media (max-width:640px){.course-filter-controls__main{flex-direction:row}.course-filter-controls__toggle{flex-shrink:0;padding:var(--space-3)}.course-filter-controls__toggle-text{display:none}.course-filter-controls__row{flex-direction:column}.course-filter-controls__field{max-width:none}}.courses-page{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);min-height:calc(100vh - 66px)}.courses-content{margin:0 auto;max-width:1280px;padding:var(--space-6) var(--space-4)}@media (min-width:768px){.courses-content{padding:var(--space-6) var(--space-10)}}.courses-page-heading{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 0 var(--space-8) 0;text-align:left}.courses-section{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);padding:2rem;padding:var(--space-8,2rem)}.courses-loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.courses-grid{grid-gap:1.5rem;grid-gap:var(--space-6,1.5rem);display:grid;gap:1.5rem;gap:var(--space-6,1.5rem);grid-template-columns:1fr}@media (min-width:768px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.courses-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.courses-page-heading{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.courses-section{padding:1.25rem;padding:var(--space-5,1.25rem)}}.exam-page{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);min-height:calc(100vh - 66px)}.exam-container{margin:0 auto;max-width:960px;padding:var(--space-4) var(--space-4)}.exam-loading{align-items:center;display:flex;justify-content:center;min-height:55vh}.exam-task-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-2)}.exam-task-header-left{flex:1 1;min-width:0}.exam-task-header-right{flex-shrink:0;padding-top:var(--space-1)}.exam-task-label{color:var(--coral-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:1.5px;text-transform:uppercase}.exam-task-title{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-bottom:var(--space-2);margin-top:var(--space-1);text-align:left}.exam-task-header-right .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-task-header-right .exam-timer svg{color:var(--coral-primary)}.exam-progress-section{margin-bottom:var(--space-2)}.exam-result-section{margin-top:var(--space-2)}.exam-result-header{margin-bottom:var(--space-6);text-align:left}.exam-result-label{color:var(--coral-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:1.5px;margin-bottom:var(--space-1);text-transform:uppercase}.exam-result-title{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-top:var(--space-1);text-align:left}@keyframes examFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes examFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.exam-task-content.exiting{animation:examFadeOut .25s ease forwards}.exam-task-content.entering{animation:examFadeIn .3s ease forwards}@media (prefers-reduced-motion:reduce){.exam-task-content.entering,.exam-task-content.exiting{animation:none}}.exam-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width:768px){.exam-container{padding:var(--space-3)}.exam-result-title,.exam-task-title{font-size:var(--text-2xl)}.exam-task-header{flex-direction:column;gap:var(--space-2)}.exam-task-header-right{align-self:flex-end;padding-top:0}}@media screen and (max-width:480px){.exam-container{padding:var(--space-2)}.exam-result-title,.exam-task-title{font-size:var(--text-xl)}}.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%}}.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-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-item .action-btn-group{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)}.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%}}.coauthor-list{display:flex;flex-direction:column;gap:var(--space-2)}.coauthor-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)}.coauthor-item:hover{border-color:var(--coral-primary);box-shadow:0 2px 8px #fe876e26}.coauthor-initials{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:36px;justify-content:center;text-transform:uppercase;width:36px}.coauthor-info{flex:1 1;min-width:0}.coauthor-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium)}.coauthor-email,.coauthor-name{font-family:var(--font-body);line-height:var(--leading-snug)}.coauthor-email{color:var(--text-light);font-size:var(--text-sm)}.coauthor-status{align-items:center;border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.coauthor-status--active{background-color:var(--success-light);color:var(--success)}.coauthor-status--invited{background-color:var(--gray-lightest);color:var(--text-secondary)}.coauthor-remove{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.coauthor-remove:hover{background-color:#f4433614;background-color:var(--error-light,#f4433614);color:var(--error)}.coauthor-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}.coauthor-empty p{color:var(--text-secondary);font-family:var(--font-body);margin:0}.coauthor-empty p:last-child{color:var(--text-light);font-size:var(--text-sm);margin-top:var(--space-2)}@media (max-width:768px){.coauthor-item{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3)}.coauthor-info{flex:1 1;min-width:calc(100% - 80px)}.coauthor-status{order:4}.coauthor-remove{margin-left:auto}}.modal-field__input,.modal-field__select{background-color:var(--bg-white)}.modal-field__error{font-family:var(--font-body);margin-bottom:0}.modal-field__autocomplete{position:relative}.modal-field__clear{align-items:center;background:var(--gray-lighter);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:20px}.modal-field__clear:hover{background-color:var(--gray-light);color:var(--text-primary)}.modal-field__results{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;list-style:none;margin-top:var(--space-1);max-height:200px;overflow-y:auto;padding:var(--space-1) 0;position:absolute;right:0;top:100%;z-index:10}.modal-field__result-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);text-align:left;transition:background-color var(--transition-fast);width:100%}.modal-field__result-item:hover{background-color:var(--coral-lightest)}.modal-btn--primary:hover:not(:disabled){background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.modal-btn--danger:hover:not(:disabled){background-color:#d32f2f}.modal-btn--danger:disabled{cursor:not-allowed;opacity:.5}.modal-confirm-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-4) 0}.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{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.course-overview-admin__content{margin:0 auto;max-width:1280px;padding:var(--space-6) var(--space-4)}@media (min-width:768px){.course-overview-admin__content{padding:var(--space-6) var(--space-10)}}.course-overview-admin__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.course-overview-admin__heading{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}.course-overview-admin__create-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);white-space:nowrap}.course-overview-admin__create-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.course-overview-admin__create-btn:active{transform:translateY(0)}.course-overview-admin__error{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-overview-admin__section{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-8)}.course-overview-admin .courses-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:768px){.course-overview-admin .courses-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.course-overview-admin .courses-grid{grid-template-columns:repeat(3,1fr)}}.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:767px){.course-overview-admin__content{padding:var(--space-4)}.course-overview-admin__header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.course-overview-admin__heading{font-size:var(--text-2xl)}.course-overview-admin__create-btn{width:100%}.course-admin-modal-content,.course-overview-admin__section{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%}}.course-admin-item{cursor:pointer}.course-admin-item__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-admin-item__status--published{background-color:var(--success);color:var(--text-inverted)}.course-admin-item__status--draft{background-color:var(--gray-light);color:var(--text-inverted)}.course-admin-item__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-admin-item:hover .course-admin-item__actions{opacity:1}.course-admin-item__action-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-admin-item__action-btn--edit:hover{background-color:var(--coral-primary);color:var(--text-inverted)}.course-admin-item__action-btn--archive:hover{background-color:var(--error);color:var(--text-inverted)}@media (max-width:767px){.course-admin-item__actions{opacity:1}}.filter-sort-controls{margin-bottom:var(--space-6)}.filter-sort-controls__main{align-items:stretch;display:flex;gap:var(--space-3)}.filter-sort-controls__search{align-items:center;display:flex;flex:1 1;position:relative}.filter-sort-controls__search-icon{color:var(--text-light);left:var(--space-3);pointer-events:none;position:absolute}.filter-sort-controls__search-input{background-color:var(--bg-white);border:1px solid var(--gray-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-10);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.filter-sort-controls__search-input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px var(--coral-lightest);outline:none}.filter-sort-controls__search-input::placeholder{color:var(--text-light)}.filter-sort-controls__search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:var(--space-2);transition:color var(--transition-fast),background-color var(--transition-fast);width:28px}.filter-sort-controls__search-clear:hover{background-color:var(--bg-light);color:var(--text-primary)}.filter-sort-controls__toggle{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.filter-sort-controls__toggle:hover{border-color:var(--gray-light);color:var(--text-primary)}.filter-sort-controls__toggle--active{background-color:var(--coral-lightest);border-color:var(--coral-primary);color:var(--coral-primary)}.filter-sort-controls__badge{align-items:center;background-color:var(--coral-primary);border-radius:10px;color:var(--bg-white);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);height:20px;justify-content:center;min-width:20px;padding:0 var(--space-1)}.filter-sort-controls__options{background-color:var(--bg-white);border:1px solid var(--gray-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:var(--space-3);padding:var(--space-4)}.filter-sort-controls__row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.filter-sort-controls__field{flex:1 1;max-width:250px;min-width:150px}.filter-sort-controls__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)}.filter-sort-controls__select{background-color:var(--gray-lightest);border:1px solid var(--gray-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),background-color var(--transition-fast);width:100%}.filter-sort-controls__select:hover{background-color:var(--bg-white)}.filter-sort-controls__select:focus{background-color:var(--bg-white);border-color:var(--coral-primary);outline:none}.filter-sort-controls__clear{background:none;border:1px solid var(--coral-primary);border-radius:var(--radius-sm);color:var(--coral-primary);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);transition:background-color var(--transition-fast),color var(--transition-fast)}.filter-sort-controls__clear:hover{background-color:var(--coral-primary);color:var(--bg-white)}@media (max-width:640px){.filter-sort-controls__main{flex-direction:row}.filter-sort-controls__toggle{flex-shrink:0;padding:var(--space-3)}.filter-sort-controls__toggle-text{display:none}.filter-sort-controls__row{flex-direction:column}.filter-sort-controls__field{max-width:none}}.my-courses-page{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);min-height:calc(100vh - 66px)}.my-courses-loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.my-courses-content{margin:0 auto;max-width:1280px;padding:var(--space-6) var(--space-4)}@media (min-width:768px){.my-courses-content{padding:var(--space-6) var(--space-10)}}.my-courses-page-heading{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 0 var(--space-8) 0;text-align:left}.my-learning-paths-page{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);min-height:calc(100vh - 66px)}.my-learning-paths-loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.my-learning-paths-content{margin:0 auto;max-width:1280px;padding:var(--space-6) var(--space-4)}@media (min-width:768px){.my-learning-paths-content{padding:var(--space-6) var(--space-10)}}.my-learning-paths-page-heading{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 0 var(--space-8) 0;text-align:left}.my-learning-paths-section .learning-paths-tabs{margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.lp-catalog-card{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);display:flex;flex-direction:column;min-width:0;padding:2rem;padding:var(--space-8,2rem);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.lp-catalog-card:hover{border-color:#4ecdc4;border-color:var(--teal,#4ecdc4);box-shadow:0 4px 12px #4ecdc41a}.lp-catalog-card__header{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3,.75rem);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.lp-catalog-card__badges{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1,.25rem);justify-content:flex-end;max-width:40%}.lp-catalog-card__title{-webkit-line-clamp:2;color:#2d3436;color:var(--text-primary,#2d3436);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);line-height:1.3;margin:0;min-width:0;word-break:break-word}.lp-catalog-card__description,.lp-catalog-card__title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lp-catalog-card__description{-webkit-line-clamp:3;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:.875rem;font-size:var(--text-sm,.875rem);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0 0 1rem;margin:0 0 var(--space-4,1rem) 0}.lp-catalog-card__divider{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb);height:1px}.lp-catalog-card__divider,.lp-catalog-card__meta{margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.lp-catalog-card__meta{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:.875rem;font-size:var(--text-sm,.875rem)}.lp-catalog-card__actions{margin-top:auto}.lp-catalog-card__button{align-items:center;background-color:#4ecdc4;background-color:var(--teal,#4ecdc4);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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease);width:100%}.lp-catalog-card__button:hover{background-color:#3ba99e;background-color:var(--teal-dark,#3ba99e);box-shadow:0 4px 14px #4ecdc440;transform:translateY(-1px)}.lp-catalog-card__button:active{transform:translateY(0)}.learning-paths-page{background-color:#f5f6f7;background-color:var(--bg-light,#f5f6f7);min-height:calc(100vh - 66px)}.learning-paths-content{margin:0 auto;max-width:1280px;padding:var(--space-6) var(--space-4)}@media (min-width:768px){.learning-paths-content{padding:var(--space-6) var(--space-10)}}.learning-paths-heading{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 0 var(--space-8) 0;text-align:left}.learning-paths-loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.learning-paths-section{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-6)}@media (min-width:768px){.learning-paths-section{padding:var(--space-8)}}.learning-paths-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:768px){.learning-paths-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.learning-paths-grid{grid-template-columns:repeat(3,1fr)}}.lp-course-item{align-items:center;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;justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--space-1,.25rem);padding:1rem;padding:var(--space-4,1rem);text-decoration:none;transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.lp-course-item:hover{background:#fff0ec;background:var(--coral-lightest,#fff0ec);border-color:#ffb4a2;border-color:var(--coral-light,#ffb4a2);cursor:pointer}.lp-course-item--active{background:#4ecdc414;border-color:#4ecdc4;border-color:var(--teal,#4ecdc4);border-left:3px solid #4ecdc4;border-left:3px solid var(--teal,#4ecdc4)}.lp-course-item--active:hover{background:#4ecdc41f;border-color:#4ecdc4;border-color:var(--teal,#4ecdc4)}.lp-course-item-main{align-items:flex-start;display:flex;flex:1 1 auto;flex-flow:row;gap:.5rem;gap:var(--space-2,.5rem);min-width:230px}.lp-course-item-index{color:#4ecdc4;color:var(--teal,#4ecdc4);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;padding-top:.25rem;padding-top:var(--space-1,.25rem);text-align:center}.lp-course-item-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);padding-right:1rem;padding-right:var(--space-4,1rem)}.lp-course-item-title{color:#2d3436;color:var(--text-primary,#2d3436);font-size:1rem;font-size:var(--text-base,1rem);font-weight:500;font-weight:var(--font-medium,500)}.lp-course-item-description,.lp-course-item-title{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif)}.lp-course-item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#646a6c;color:var(--text-secondary,#646a6c);display:-webkit-box;font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.5;line-height:var(--leading-normal,1.5);margin:0;overflow:hidden}.lp-course-item-duration{align-items:center;color:#8a9194;color:var(--text-light,#8a9194);display:inline-flex;font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif);font-size:.75rem;font-size:var(--text-xs,.75rem);gap:.25rem;gap:var(--space-1,.25rem);margin-top:.25rem;margin-top:var(--space-1,.25rem)}.lp-course-item-status{align-items:center;align-self:center;display:flex;justify-content:center;text-align:center;width:48px}.status-icon{flex-shrink:0}.status-icon--completed{color:#4caf50;color:var(--success,#4caf50)}.status-icon--in-progress{color:#4ecdc4;color:var(--teal,#4ecdc4)}.status-icon--not-started{color:#bbbdbc;color:var(--gray-light,#bbbdbc)}@media screen and (max-width:480px){.lp-course-item{padding:.75rem;padding:var(--space-3,.75rem)}.lp-course-item-index{font-size:1rem;font-size:var(--text-base,1rem);min-width:36px}.lp-course-item-main{min-width:auto}.lp-course-item-title{font-size:.875rem;font-size:var(--text-sm,.875rem)}.lp-course-item-description{-webkit-line-clamp:2;font-size:.75rem;font-size:var(--text-xs,.75rem)}}.lp-detail{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)}.lp-detail-loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.lp-hero{border-bottom:1px solid #e8eaeb;border-bottom:1px solid var(--gray-lighter,#e8eaeb);padding-bottom:2rem;padding-bottom:var(--space-8,2rem);padding-top:3rem;padding-top:var(--space-12,3rem)}.lp-badges{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.lp-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: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 0 1rem;margin-bottom:var(--space-4,1rem)}.lp-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);margin:0 0 1.5rem;margin-bottom:var(--space-6,1.5rem)}.lp-meta-tiles{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4,1rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.lp-meta-tile{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border-radius:.5rem;border-radius:var(--radius-md,.5rem);display:flex;gap:.5rem;gap:var(--space-2,.5rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.lp-meta-tile-icon{color:#8a9194;color:var(--text-light,#8a9194)}.lp-meta-tile-icon,.lp-meta-tile-value{font-size:1rem;font-size:var(--text-base,1rem)}.lp-meta-tile-value{color:#2d3436;color:var(--text-primary,#2d3436);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-weight:600;font-weight:var(--font-semibold,600)}.lp-meta-tile-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)}.lp-progress-section{margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.lp-deadline{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:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;font-weight:var(--font-medium,500)}.lp-deadline--warning{color:#ff9800;color:var(--warning,#ff9800)}.lp-deadline--error{color:#f44336;color:var(--error,#f44336)}.lp-completed-info{align-items:center;background-color:#e8f5e9;background-color:var(--success-light,#e8f5e9);border-radius:.5rem;border-radius:var(--radius-md,.5rem);display:inline-flex;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);gap:.5rem;gap:var(--space-2,.5rem);margin-top:.75rem;margin-top:var(--space-3,.75rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.lp-completed-icon,.lp-completed-info{color:#4caf50;color:var(--success,#4caf50)}.lp-actions{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3,.75rem);margin-top:1.5rem;margin-top:var(--space-6,1.5rem)}.lp-action-btn{align-items:center;border-radius:.5rem;border-radius:var(--radius-md,.5rem);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;line-height:1;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}.lp-action-btn--primary{background-color:#4ecdc4;background-color:var(--teal,#4ecdc4);border:none;color:#fff;color:var(--text-inverted,#fff)}.lp-action-btn--primary:hover:not(:disabled){background-color:#3ba99e;background-color:var(--teal-dark,#3ba99e);box-shadow:0 4px 14px #4ecdc440;transform:translateY(-1px)}.lp-action-btn--primary:disabled{cursor:not-allowed;opacity:.6}.lp-action-btn--secondary{background-color:initial;border:2px solid #4ecdc4;border:2px solid var(--teal,#4ecdc4);color:#4ecdc4;color:var(--teal,#4ecdc4)}.lp-action-btn--secondary:hover:not(:disabled){background-color:#4ecdc41a}.lp-action-btn--leave{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);color:#646a6c;color:var(--text-secondary,#646a6c)}.lp-action-btn--leave:hover:not(:disabled){background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.lp-action-btn--leave:disabled{cursor:not-allowed;opacity:.4}.lp-courses-section{padding:2rem 0;padding:var(--space-8,2rem) 0}.lp-courses-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)}.lp-courses-header-title{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)}.lp-courses-header-status,.lp-courses-header-title{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif)}.lp-courses-header-status{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)}.lp-courses-list{margin-top:.5rem;margin-top:var(--space-2,.5rem)}.lp-confirm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4,1rem);position:fixed;right:0;top:0;z-index:1000}.lp-confirm-dialog{background-color:#fff;background-color: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:500px;padding:2rem;padding:var(--space-8,2rem);width:100%}.lp-confirm-text{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);line-height:1.6;line-height:var(--leading-relaxed,1.6);margin:0 0 1.5rem;margin:0 0 var(--space-6,1.5rem) 0}.lp-confirm-actions{display:flex;gap:.75rem;gap:var(--space-3,.75rem);justify-content:flex-end}.lp-confirm-cancel{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;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);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.lp-confirm-cancel:hover{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.lp-confirm-leave{align-items:center;background-color:#f44336;background-color:var(--error,#f44336);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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease)}.lp-confirm-leave:hover{opacity:.9}@media screen and (min-width:768px){.lp-detail{padding:0 2.5rem;padding:0 var(--space-10,2.5rem);padding-bottom:5rem;padding-bottom:var(--space-20,5rem)}.lp-title{font-size:3rem;font-size:var(--text-5xl,3rem)}}@media screen and (max-width:767px){.lp-title{font-size:1.875rem;font-size:var(--text-3xl,1.875rem)}.lp-meta-tiles{flex-direction:column}.lp-meta-tile{width:100%}.lp-actions{flex-direction:column}.lp-action-btn{width:100%}.lp-courses-header-status{display:none}}@media screen and (max-width:480px){.lp-confirm-dialog{padding:1.5rem;padding:var(--space-6,1.5rem)}.lp-confirm-actions{flex-direction:column}.lp-confirm-cancel,.lp-confirm-leave{width:100%}}.community-header{margin-bottom:var(--space-6)}.community-header__subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-lg);margin:0}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--coral-primary),var(--coral-dark));border-radius:var(--radius-full);color:var(--text-inverted);display:flex;flex-shrink:0;font-family:var(--font-heading);font-weight:var(--font-bold);justify-content:center;-webkit-user-select:none;user-select:none}.create-post{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);transition:all var(--transition-base)}.create-post:hover{border-color:var(--coral-primary);box-shadow:0 4px 20px #fe876e26;transform:translateY(-2px)}.create-post--drag-over{border-color:var(--coral-primary);border-style:dashed}.create-post__collapsed{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);transition:background var(--transition-base)}.create-post__collapsed:hover{border-radius:var(--radius-lg)}.create-post__placeholder{color:var(--text-light);flex:1 1;font-family:var(--font-body);font-size:var(--text-base)}.create-post__quick-icons{color:var(--text-light);display:flex;font-size:var(--text-lg);gap:var(--space-3)}.create-post__form{padding:var(--space-6)}.create-post__header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.create-post__header-info{display:flex;flex-direction:column;gap:var(--space-1)}.create-post__user-name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.create-post__visibility{position:relative}.create-post__visibility-btn{align-items:center;background:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);gap:var(--space-1);padding:2px var(--space-2);transition:all var(--transition-fast)}.create-post__visibility-btn:hover{border-color:var(--coral-light);color:var(--coral-primary)}.create-post__visibility-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.create-post__visibility-chevron{font-size:8px;transition:transform var(--transition-fast)}.create-post__visibility-chevron--open{transform:rotate(180deg)}.create-post__visibility-dropdown{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;min-width:200px;padding:var(--space-1);position:absolute;top:calc(100% + var(--space-1));z-index:10}.create-post__visibility-option{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:left;transition:background var(--transition-fast);width:100%}.create-post__visibility-option:hover{background:var(--gray-lightest)}.create-post__visibility-option--active{background:var(--coral-lightest)}.create-post__visibility-option-text{display:flex;flex-direction:column}.create-post__visibility-option-label{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.create-post__visibility-option-desc{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.create-post__textarea{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);max-height:200px;min-height:80px;outline:none;padding:var(--space-3);resize:none;transition:border-color var(--transition-fast);width:100%}.create-post__textarea::placeholder{color:var(--text-light)}.create-post__textarea:focus{border-color:var(--coral-primary)}.create-post__char-count{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs);margin-top:var(--space-1);text-align:right}.create-post__previews{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.create-post__preview-item{border:1px solid var(--gray-lighter);border-radius:var(--radius-md);overflow:hidden;position:relative}.create-post__preview-thumb{display:block;height:80px;object-fit:cover;width:80px}.create-post__preview-file{align-items:center;background:var(--gray-lightest);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);max-width:180px;padding:var(--space-2) var(--space-3)}.create-post__preview-name{font-family:var(--font-body);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-post__preview-remove{align-items:center;background:#0009;border:none;border-radius:var(--radius-full);color:var(--text-inverted);cursor:pointer;display:flex;font-size:10px;height:22px;justify-content:center;position:absolute;right:2px;top:2px;transition:background var(--transition-fast);width:22px}.create-post__preview-remove:hover{background:#000c}.create-post__error{color:var(--error);font-family:var(--font-body);font-size:var(--text-sm);margin:var(--space-2) 0 0 0}.create-post__drop-zone{align-items:center;background:#fe876e14;border-radius:var(--radius-lg);color:var(--coral-primary);display:flex;font-family:var(--font-heading);font-size:var(--text-lg);inset:0;justify-content:center;pointer-events:none;position:absolute}.create-post__footer{align-items:center;border-top:1px solid var(--gray-lighter);display:flex;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4)}.create-post__media-buttons{display:flex;gap:var(--space-1)}.create-post__media-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;display:flex;font-size:var(--text-lg);height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.create-post__media-btn:hover{background:var(--coral-lightest);color:var(--coral-primary)}.create-post__media-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.create-post__file-input{display:none}.create-post__actions{display:flex;gap:var(--space-2)}.create-post__cancel-btn{background:none;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.create-post__cancel-btn:hover{background:var(--gray-lightest);border-color:var(--gray-light)}.create-post__submit-btn{background: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-2) var(--space-6);transition:all var(--transition-base)}.create-post__submit-btn:hover:not(:disabled){background:var(--coral-dark)}.create-post__submit-btn:disabled{cursor:not-allowed;opacity:.5}.create-post--expanded{position:relative}@media (max-width:767px){.create-post__collapsed{padding:var(--space-3) var(--space-4)}.create-post__form{padding:var(--space-4)}.create-post__footer{flex-wrap:wrap;gap:var(--space-3)}.create-post__actions{justify-content:flex-end;width:100%}}.feed-tabs-wrapper{margin-bottom:var(--space-6);margin-top:var(--space-6);position:relative}.feed-tabs{border-bottom:2px solid var(--gray-lighter);display:flex;gap:var(--space-6)}.feed-tab{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-3) var(--space-1);position:relative;transition:color var(--transition-base);white-space:nowrap}.feed-tab:after{background:#0000;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transition:background var(--transition-base)}.feed-tab--active,.feed-tab:hover{color:var(--coral-primary)}.feed-tab--active{font-weight:var(--font-semibold)}.feed-tab--active:after{background:var(--coral-primary)}.feed-tab:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--coral-primary);outline-offset:2px}@media (max-width:767px){.feed-tabs{-webkit-overflow-scrolling:touch;gap:var(--space-4);overflow-x:auto;scrollbar-width:none}.feed-tabs::-webkit-scrollbar{display:none}.feed-tabs-wrapper:after,.feed-tabs-wrapper:before{bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--transition-base);width:32px;z-index:1}.feed-tabs-wrapper:before{background:linear-gradient(90deg,#fff,#0000);background:linear-gradient(to right,var(--bg-white,#fff),#0000);left:0}.feed-tabs-wrapper:after{background:linear-gradient(270deg,#fff,#0000);background:linear-gradient(to left,var(--bg-white,#fff),#0000);right:0}.feed-tabs-wrapper--fade-left:before,.feed-tabs-wrapper--fade-right:after{opacity:1}}.reaction-button-wrapper{position:relative}.reaction-button-group{border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.reaction-button{align-items:center;background:none;border:1px solid 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-2) var(--space-4);transition:all var(--transition-base)}.reaction-button-group .reaction-button{border-bottom-right-radius:0;border-top-right-radius:0}.reaction-button:hover{background:var(--coral-lightest);border-color:var(--coral-light);color:var(--coral-primary)}.reaction-button--active{background:var(--coral-primary);border-color:var(--coral-primary);color:var(--text-inverted)}.reaction-button--active:hover{background:var(--coral-dark);border-color:var(--coral-dark);color:var(--text-inverted)}.reaction-button--bounce{animation:reactionBounce .2s ease}@keyframes reactionBounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.reaction-button--bounce{animation:none}}.reaction-button:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.reaction-button__dropdown{align-items:center;background:none;border:1px solid var(--gray-lighter);border-bottom-left-radius:0;border-bottom-right-radius:var(--radius-md);border-left:none;border-top-left-radius:0;border-top-right-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);justify-content:center;padding:var(--space-2) var(--space-2);transition:all var(--transition-base)}.reaction-button__dropdown:hover{background:var(--coral-lightest);color:var(--coral-primary)}.reaction-button__dropdown--active{border-color:var(--coral-primary)}.reaction-button__dropdown--active,.reaction-button__dropdown--active:hover{background:var(--coral-dark);color:var(--text-inverted)}.reaction-button__dropdown:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.emoji-picker{animation:pickerFadeIn .15s ease;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-2);left:0;padding:var(--space-2) var(--space-3);position:absolute;top:calc(100% + var(--space-2));z-index:10}@keyframes pickerFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.emoji-picker{animation:none}}.emoji-picker__item{background:none;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xl);line-height:1;padding:var(--space-1);transition:all var(--transition-fast)}.emoji-picker__item:hover{background:var(--gray-lightest);transform:scale(1.2)}@media (prefers-reduced-motion:reduce){.emoji-picker__item:hover{transform:none}}.emoji-picker__item--selected{background:var(--coral-lightest);border-color:var(--coral-light)}.emoji-picker__item:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.reaction-group{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.reaction-badge{align-items:center;background:var(--gray-lightest);border:1px solid #0000;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-1);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.reaction-badge--active,.reaction-badge:hover{background:var(--coral-lightest)}.reaction-badge--active{border-color:var(--coral-light)}.reaction-badge:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.comment-section{animation:commentSlideDown .2s ease;border-top:1px solid var(--gray-lighter);margin-top:var(--space-4);padding-top:var(--space-4)}@keyframes commentSlideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}@media (prefers-reduced-motion:reduce){.comment-section{animation:none}}.comment-section__list{display:flex;flex-direction:column}.comment{display:flex;gap:var(--space-3);padding:var(--space-3) 0}.comment+.comment{border-top:1px solid var(--gray-lightest)}.comment__body{flex:1 1;min-width:0}.comment__header{align-items:baseline;display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.comment__author{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.comment__report-btn,.comment__time{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.comment__report-btn{background:none;border:none;cursor:pointer;margin-left:auto;opacity:0;padding:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.comment:hover .comment__report-btn{opacity:1}.comment__report-btn:hover{color:#ff9800;color:var(--warning,#ff9800)}.comment__report-btn:focus-visible{border-radius:var(--radius-sm);opacity:1;outline:2px solid var(--coral-primary);outline-offset:2px}.comment__text{word-wrap:break-word;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;margin:0}.comment-section__show-more{background:none;border:none;color:var(--coral-primary);cursor:pointer;display:block;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) 0;transition:color var(--transition-fast)}.comment-section__show-more:hover{color:var(--coral-dark)}.comment-section__input{border-top:1px solid var(--gray-lightest);margin-top:var(--space-3);padding-top:var(--space-3)}.comment-input-wrapper{align-items:flex-start;display:flex;gap:var(--space-3)}.comment-input__field-wrapper{flex:1 1;position:relative}.comment-input{border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;padding:var(--space-3) var(--space-4);resize:none;transition:border-color var(--transition-base);width:100%}.comment-input::placeholder{color:var(--text-light)}.comment-input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.comment-input__counter{bottom:var(--space-2);color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs);position:absolute;right:var(--space-3)}.comment-input__counter--warning{color:#ff9800;color:var(--warning,#ff9800)}.comment-input__counter--error{color:#f44336;color:var(--error,#f44336)}.comment-input__send{align-items:center;background:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-top:var(--space-1);transition:all var(--transition-base);width:36px}.comment-input__send:hover:not(:disabled){background:var(--coral-dark)}.comment-input__send:disabled{background:var(--gray-lighter);color:var(--gray-light);cursor:not-allowed}.comment-input__send:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.media-preview{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.media-preview__grid{grid-gap:var(--space-2);border-radius:var(--radius-md);display:grid;gap:var(--space-2);overflow:hidden}.media-preview__grid--single{grid-template-columns:1fr}.media-preview__grid--double,.media-preview__grid--multi{grid-template-columns:1fr 1fr}.media-preview__image-wrapper{background:var(--gray-lightest);border-radius:var(--radius-md);overflow:hidden;position:relative}.media-preview__image{display:block;height:auto;max-height:400px;object-fit:cover;width:100%}.media-preview__grid--double .media-preview__image,.media-preview__grid--multi .media-preview__image{height:200px}.media-preview__video-wrapper{background:var(--text-primary);border-radius:var(--radius-md);overflow:hidden}.media-preview__video{display:block;max-height:400px;width:100%}.media-preview__documents{display:flex;flex-direction:column;gap:var(--space-2)}.media-preview__document{align-items:center;background:var(--gray-lightest);border-radius:var(--radius-md);color:var(--text-primary);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;transition:background var(--transition-base)}.media-preview__document:hover{background:var(--coral-lightest)}.media-preview__doc-icon{color:var(--coral-primary);flex-shrink:0;font-size:var(--text-lg)}.media-preview__doc-name{flex:1 1;font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-preview__download-icon{color:var(--text-light);flex-shrink:0;font-size:var(--text-sm)}.post-menu{flex-shrink:0;position:relative}.post-menu__trigger{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-light);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.post-menu__trigger:hover{background:var(--gray-lightest);color:var(--text-secondary)}.post-menu__trigger:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.post-menu__dropdown{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-1);min-width:180px;padding:var(--space-1);position:absolute;right:0;top:100%;z-index:10}.post-menu__item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);width:100%}.post-menu__item:hover{background:var(--gray-lightest)}.post-menu__item--danger{color:var(--error)}.post-menu__item--danger:hover{background:var(--error-light)}.post-menu__item--warning{color:#ff9800;color:var(--warning,#ff9800)}.post-menu__item--warning:hover{background:#fff3e0;background:var(--warning-light,#fff3e0)}.post-menu__confirm{padding:var(--space-3)}.post-menu__confirm-text{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);margin:0 0 var(--space-3) 0;text-align:center}.post-menu__confirm-actions{display:flex;gap:var(--space-2)}.post-menu__confirm-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.post-menu__confirm-btn--cancel{background:var(--gray-lightest);color:var(--text-secondary)}.post-menu__confirm-btn--cancel:hover{background:var(--gray-lighter)}.post-menu__confirm-btn--delete{background:var(--error);color:var(--text-inverted)}.post-menu__confirm-btn--delete:hover{opacity:.9}.activity-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.activity-card__header{align-items:flex-start;display:flex;gap:var(--space-3)}.activity-card__info{flex:1 1;min-width:0}.activity-card__name-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.activity-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.activity-card__own-badge{background:var(--coral-lightest);color:var(--coral-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.activity-card__own-badge,.activity-card__visibility-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);padding:2px var(--space-2)}.activity-card__visibility-badge{background:var(--gray-lightest);color:var(--text-light);font-family:var(--font-body);gap:var(--space-1)}.activity-card__visibility-badge--team{background:var(--teal-light);color:var(--teal-dark)}.activity-card__event{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;margin:var(--space-1) 0 0 0}.activity-card__event strong{color:var(--text-primary)}.activity-card__header-right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.activity-card__time{color:var(--text-light);flex-shrink:0;font-family:var(--font-body);font-size:var(--text-sm);white-space:nowrap}.activity-card__post-body{margin-top:var(--space-3);padding-left:calc(40px + var(--space-3))}.activity-card__post-text{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.activity-card__time-group{align-items:center;display:flex;flex-shrink:0;gap:var(--space-1)}.activity-card__edited-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs);font-style:italic}.activity-card__edit-form{margin-top:var(--space-3);padding-left:calc(40px + var(--space-3))}.activity-card__edit-textarea{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);line-height:1.6;min-height:80px;overflow:hidden;padding:var(--space-3) var(--space-4);resize:none;transition:border-color var(--transition-fast);width:100%}.activity-card__edit-textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.activity-card__edit-textarea:disabled{opacity:.6}.activity-card__edit-char-count{color:var(--text-light);display:block;font-family:var(--font-body);font-size:var(--text-xs);margin-top:var(--space-1);text-align:right}.activity-card__edit-char-count--warn{color:var(--error)}.activity-card__edit-media{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.activity-card__edit-media-item{align-items:center;background:var(--gray-lightest);border-radius:var(--radius-md);display:inline-flex;gap:var(--space-1);padding:var(--space-1);position:relative}.activity-card__edit-media-thumb{border-radius:var(--radius-sm);height:64px;object-fit:cover;width:64px}.activity-card__edit-media-name{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs);max-width:120px;overflow:hidden;padding:0 var(--space-2);text-overflow:ellipsis;white-space:nowrap}.activity-card__edit-media-remove{align-items:center;background:var(--error);border:2px solid var(--bg-white);border-radius:var(--radius-full);color:var(--text-inverted);cursor:pointer;display:flex;font-size:10px;height:22px;justify-content:center;padding:0;position:absolute;right:-6px;top:-6px;width:22px}.activity-card__edit-media-remove:hover{opacity:.9}.activity-card__edit-bottom{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-top:var(--space-3)}.activity-card__edit-visibility{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.activity-card__edit-visibility:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.activity-card__edit-actions{display:flex;gap:var(--space-2)}.activity-card__edit-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-4);transition:all var(--transition-fast)}.activity-card__edit-btn:disabled{cursor:not-allowed;opacity:.5}.activity-card__edit-btn--cancel{background:var(--gray-lightest);color:var(--text-secondary)}.activity-card__edit-btn--cancel:hover:not(:disabled){background:var(--gray-lighter)}.activity-card__edit-btn--save{background:var(--coral-primary);color:var(--text-inverted)}.activity-card__edit-btn--save:hover:not(:disabled){background:var(--coral-dark)}.activity-context{background:var(--gray-lightest);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-4);padding:var(--space-4);transition:all var(--transition-base)}.activity-context:hover{background:var(--coral-lightest)}.activity-context:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.activity-context__header{align-items:flex-start;display:flex;gap:var(--space-3)}.activity-context__icon{color:var(--coral-primary);flex-shrink:0;font-size:var(--text-xl);margin-top:2px}.activity-context__info{flex:1 1;min-width:0}.activity-context__title{color:var(--text-primary);display:block;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.activity-context__meta{color:var(--text-secondary);display:block;font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-1)}.xp-badge{background:var(--coral-lightest);border-radius:var(--radius-full);color:var(--coral-primary);flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-1) var(--space-3);white-space:nowrap}.activity-card__counters{align-items:center;border-top:1px solid var(--gray-lighter);display:flex;gap:var(--space-4);margin-top:var(--space-3);padding:var(--space-3) 0}.activity-card__counter{align-items:center;background:none;border:none;color:var(--text-secondary);display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-1);padding:0}.activity-card__counter--clickable{cursor:pointer;transition:color var(--transition-fast)}.activity-card__counter--clickable:hover{color:var(--coral-primary)}.activity-card__actions{align-items:center;border-top:1px solid var(--gray-lighter);display:flex;gap:var(--space-3);padding-top:var(--space-3)}.activity-card__action-btn{align-items:center;background:none;border:1px solid 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-2) var(--space-4);transition:all var(--transition-base)}.activity-card__action-btn:hover{background:var(--coral-lightest);border-color:var(--coral-light);color:var(--coral-primary)}.activity-card__action-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}@media (max-width:767px){.activity-card{padding:var(--space-4)}.activity-card__header{flex-wrap:wrap}.activity-card__header-right{margin-left:calc(40px + var(--space-3));margin-top:calc(var(--space-1)*-1);order:3;width:100%}.activity-card__edit-form,.activity-card__post-body{padding-left:0}.activity-card__actions,.activity-card__edit-bottom{flex-wrap:wrap}}.feed-skeleton{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-6)}.skeleton-card__header{align-items:flex-start;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.skeleton-circle{animation:shimmer 1.5s ease-in-out infinite;background:var(--gray-lighter);border-radius:var(--radius-full);flex-shrink:0;height:40px;width:40px}.skeleton-card__meta{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.skeleton-line{animation:shimmer 1.5s ease-in-out infinite;background:var(--gray-lighter);border-radius:var(--radius-sm);height:14px}.skeleton-line--short{width:120px}.skeleton-line--medium{width:60%}.skeleton-line--long{width:80%}.skeleton-line--full{width:100%}.skeleton-line--time{margin-left:auto;width:80px}.skeleton-card__context{background:var(--gray-lightest);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-4)}.skeleton-card__footer{border-top:1px solid var(--gray-lightest);display:flex;justify-content:space-between;padding-top:var(--space-3)}@keyframes shimmer{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion:reduce){.skeleton-circle,.skeleton-line{animation:none}}.activity-feed-panel{opacity:1}.pull-indicator{display:none;overflow:hidden;transition:height .2s ease}.pull-indicator--visible{align-items:flex-end;display:flex;justify-content:center}.pull-indicator--refreshing{transition:height .3s ease}.pull-indicator__icon{align-items:center;display:flex;justify-content:center;padding-bottom:var(--space-2);transition:transform .1s linear}@media (min-width:768px){.pull-indicator{display:none!important}}.activity-feed{display:flex;flex-direction:column;gap:var(--space-4)}.activity-feed__item{animation:feedFadeIn .3s ease forwards;opacity:0}@keyframes feedFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.activity-feed-panel{transition:none}.activity-feed__item{animation:none;opacity:1}}.activity-feed__loading{display:flex;justify-content:center;padding:var(--space-6) 0}.activity-feed__sentinel{min-height:1px}.activity-feed__end{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);margin:var(--space-4) 0 0 0;padding:var(--space-6) 0;text-align:center}.feed-empty{align-items:center;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12,3rem) var(--space-8);text-align:center}.feed-empty__message{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;margin:0 0 1.25rem;margin:0 0 var(--space-5,1.25rem) 0;max-width:420px}.feed-empty__cta{align-items:center;background:#0000;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-sm);font-weight:var(--font-semibold);justify-content:center;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.feed-empty__cta:hover{background:var(--coral-primary);color:var(--text-inverted)}.my-stats__card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-6)}.my-stats__heading{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-4) 0}.my-stats__tiles{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:var(--space-6)}.stat-tile{align-items:center;background:var(--gray-lightest);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;min-width:0;padding:var(--space-4);text-align:center}.stat-tile__value{color:var(--coral-primary);display:block;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);overflow-wrap:break-word;word-break:break-word}.stat-tile__icon{margin-left:var(--space-1)}.stat-tile__label{color:var(--text-secondary);display:block;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.05em;margin-top:var(--space-1);text-transform:uppercase}.my-stats__monthly{border-top:1px solid var(--gray-lighter);padding-top:var(--space-4)}.my-stats__monthly-heading{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.my-stats__monthly-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.my-stats__monthly-list li{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm)}.my-stats__compact{align-items:center;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:none;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-6)}.my-stats__compact-item{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.my-stats__compact-item strong{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold)}.my-stats__compact-separator{color:var(--gray-light);font-size:var(--text-lg)}@media (min-width:1024px){.my-stats__card{display:block}.my-stats__compact{display:none}}@media (max-width:1023px){.my-stats__card{display:none}.my-stats__compact{display:flex}}.popular-courses__card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-6)}.popular-courses__heading{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-4) 0}.popular-courses__list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.popular-courses__item{align-items:flex-start;display:flex;gap:var(--space-3)}.popular-courses__rank{align-items:center;background:var(--gray-lightest);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);height:28px;justify-content:center;width:28px}.popular-courses__item:first-child .popular-courses__rank{background:var(--coral-lightest);color:var(--coral-primary)}.popular-courses__info{flex:1 1;min-width:0}.popular-courses__title{color:var(--text-primary);display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.3;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.popular-courses__title:hover{color:var(--coral-primary)}.popular-courses__participants{color:var(--text-secondary);display:block;font-family:var(--font-body);font-size:var(--text-xs);margin-top:var(--space-1)}@media (max-width:1023px){.popular-courses{margin-top:var(--space-6)}.popular-courses__card{padding:var(--space-4) var(--space-4) var(--space-3)}.popular-courses__heading{font-size:var(--text-base);margin-bottom:var(--space-3)}.popular-courses__list{-webkit-overflow-scrolling:touch;flex-direction:row;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.popular-courses__list::-webkit-scrollbar{display:none}.popular-courses__item{background:var(--gray-lightest);border-radius:var(--radius-md);flex-shrink:0;padding:var(--space-3);width:200px}.popular-courses__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal}}.report-modal__backdrop{align-items:center;animation:reportBackdropIn .15s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes reportBackdropIn{0%{opacity:0}to{opacity:1}}.report-modal{animation:reportModalIn .2s ease;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--space-4);max-width:460px;padding:var(--space-6);width:100%}@keyframes reportModalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.report-modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.report-modal__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0}.report-modal__close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-light);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.report-modal__close:hover{background:var(--gray-lightest);color:var(--text-secondary)}.report-modal__close:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.report-modal__description{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);margin:0 0 var(--space-4) 0}.report-modal__reasons{border:none;margin:0 0 var(--space-4) 0;padding:0}.report-modal__legend{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.report-modal__reason{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);margin-bottom:var(--space-1);padding:var(--space-3);transition:background var(--transition-fast)}.report-modal__reason:hover{background:var(--gray-lightest)}.report-modal__radio{accent-color:var(--coral-primary);cursor:pointer;flex-shrink:0;height:18px;width:18px}.report-modal__reason-label{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base)}.report-modal__details-label{color:var(--text-secondary);display:block;margin-bottom:var(--space-2)}.report-modal__details,.report-modal__details-label{font-family:var(--font-body);font-size:var(--text-sm)}.report-modal__details{border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);min-height:60px;padding:var(--space-3) var(--space-4);resize:vertical;transition:border-color var(--transition-fast);width:100%}.report-modal__details::placeholder{color:var(--text-light)}.report-modal__details:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.report-modal__details:disabled{opacity:.6}.report-modal__char-count{color:var(--text-light);display:block;font-family:var(--font-body);font-size:var(--text-xs);margin-bottom:var(--space-4);margin-top:var(--space-1);text-align:right}.report-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.report-modal__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-fast)}.report-modal__btn:disabled{cursor:not-allowed;opacity:.5}.report-modal__btn--cancel{background:var(--gray-lightest);color:var(--text-secondary)}.report-modal__btn--cancel:hover:not(:disabled){background:var(--gray-lighter)}.report-modal__btn--submit{background:var(--error);color:var(--text-inverted)}.report-modal__btn--submit:hover:not(:disabled){opacity:.9}@media (prefers-reduced-motion:reduce){.report-modal,.report-modal__backdrop{animation:none}}.community-page{background:var(--bg-light);min-height:100vh}.community-loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.community-content{margin:0 auto;max-width:1280px;padding:var(--space-8) var(--space-10)}.community-layout{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr}.community-layout__sidebar{display:none}.community-layout__main>.my-stats,.community-layout__main>.popular-courses{display:block}@media (min-width:1024px){.community-layout{grid-template-columns:65fr 35fr}.community-layout__sidebar{align-self:start;display:flex;flex-direction:column;gap:var(--space-6);position:-webkit-sticky;position:sticky;top:var(--space-6)}.community-layout__main>.my-stats,.community-layout__main>.popular-courses{display:none}}@media (min-width:768px) and (max-width:1023px){.community-content{padding:var(--space-6) var(--space-8)}}@media (max-width:767px){.community-content{padding:var(--space-4) var(--space-4)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes timelinePulse{0%,to{box-shadow:0 0 0 0 #fe876e66}50%{box-shadow:0 0 0 4px #fe876e00}}.profile-page{background-color:var(--bg-light);min-height:calc(100vh - 66px)}.profile-loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.profile-content{margin:0 auto;max-width:900px;padding:var(--space-12) var(--space-4)}.profile-content h1{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.profile-section{animation:fadeInUp .3s ease forwards;opacity:0}.profile-section:nth-child(2){animation-delay:0ms}.profile-section:nth-child(3){animation-delay:.1s}.profile-section:nth-child(4){animation-delay:.2s}.profile-section:nth-child(5){animation-delay:.3s}.profile-section:nth-child(6){animation-delay:.4s}.profile-section:nth-child(7){animation-delay:.5s}.profile-header-card{align-items:center;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-6)}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar{align-items:center;background:var(--coral-primary);border-radius:var(--radius-full);color:var(--text-inverted);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar-overlay{align-items:center;background:#0006;border-radius:var(--radius-full);color:var(--text-inverted);display:flex;flex-direction:column;font-size:var(--text-xs);gap:2px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-base)}.profile-avatar-overlay svg{font-size:20px}.profile-avatar:focus-within .profile-avatar-overlay,.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-avatar-remove{align-items:center;background:var(--gray-dark);border:2px solid var(--bg-white);border-radius:var(--radius-full);color:var(--text-inverted);cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:-4px;top:-4px;transition:opacity var(--transition-base);width:20px;z-index:2}.profile-avatar-wrapper:focus-within .profile-avatar-remove,.profile-avatar-wrapper:hover .profile-avatar-remove{opacity:1}.profile-avatar-remove:hover{background:var(--error)}.profile-header-info{display:flex;flex-direction:column;gap:var(--space-1)}.profile-header-name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.profile-header-org{font-size:var(--text-base)}.profile-header-org,.profile-role-badge{color:var(--text-secondary);font-family:var(--font-body)}.profile-role-badge{align-items:center;background:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-normal);padding:var(--space-1) var(--space-3);width:-webkit-fit-content;width:fit-content}.personal-data-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.personal-data-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}.personal-data-grid{grid-gap:var(--space-6) var(--space-8);display:grid;gap:var(--space-6) var(--space-8);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-6)}.personal-data-field dt{color:var(--text-light);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.5px;margin-bottom:var(--space-1);text-transform:uppercase}.personal-data-field dd{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);margin:0}.personal-data-field dd.personal-data-empty{color:var(--text-light)}.personal-data-hint{align-items:center;background:var(--info-light);border-left:4px solid var(--info);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4)}.personal-data-hint svg{color:var(--info);flex-shrink:0;font-size:16px}.interests-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.interests-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}.interests-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.interests-chip{background:var(--coral-lightest);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.interests-chip,.interests-chip-remove{align-items:center;color:var(--coral-primary);display:inline-flex}.interests-chip-remove{background:#0000;border:none;cursor:pointer;font-size:var(--text-base);line-height:1;padding:0;transition:color var(--transition-base)}.interests-chip-remove:hover{color:var(--coral-dark)}.interests-suggestions{margin-bottom:var(--space-4)}.interests-suggestions-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)}.interests-suggestions-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.interests-suggestion{background:var(--gray-lightest);border:1px solid #0000;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);transition:all var(--transition-base)}.interests-suggestion--active,.interests-suggestion:hover:not(:disabled){background:var(--coral-lightest);color:var(--coral-primary)}.interests-suggestion--active{border-color:var(--coral-primary)}.interests-suggestion:disabled{cursor:not-allowed;opacity:.5}.interests-input-wrapper{align-items:center;display:flex;margin-top:var(--space-2);position:relative}.interests-input{background:var(--bg-white);border:1px solid var(--gray-lighter);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) calc(var(--space-4) + 36px) var(--space-3) var(--space-4);width:100%}.interests-add-btn,.interests-input{border-radius:var(--radius-md);transition:all var(--transition-base)}.interests-add-btn{align-items:center;background:var(--coral-primary);border:none;color:var(--text-inverted);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;padding:0;position:absolute;right:6px;width:32px}.interests-add-btn:hover:not(:disabled){background:var(--coral-dark)}.interests-add-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.interests-add-btn:disabled{background:var(--gray-lighter);color:var(--text-light);cursor:not-allowed}.interests-input::placeholder{color:var(--text-light)}.interests-input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.interests-input:disabled{cursor:not-allowed;opacity:.5}.profile-stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.profile-stat-tile{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.profile-stat-value{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold)}.profile-stat-label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-1)}.profile-level-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.profile-level-xp-text{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:0;text-align:center}.profile-level-near{color:var(--coral-primary);font-weight:var(--font-semibold);margin-top:var(--space-1)}.profile-header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.profile-member-since{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-body);font-size:var(--text-sm);font-weight:var(--font-normal);padding:var(--space-1) var(--space-3);width:-webkit-fit-content;width:fit-content}.activity-timeline-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-6)}.activity-timeline-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}.activity-group{margin-bottom:var(--space-4)}.activity-group:last-child{margin-bottom:0}.activity-group-label{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);margin-bottom:var(--space-2)}.activity-group-dot{background:var(--coral-primary);border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}.activity-group:first-child .activity-group-dot{animation:timelinePulse 2s ease-in-out infinite}.activity-group-items{border-left:2px solid var(--gray-lighter);margin-left:3px;padding-left:var(--space-5)}.activity-item{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) 0}.activity-item-text{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base)}.activity-xp-badge{background:var(--coral-lightest);border-radius:var(--radius-full);flex-shrink:0;padding:var(--space-1) var(--space-3);white-space:nowrap}.activity-load-more,.activity-xp-badge{color:var(--coral-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.activity-load-more{background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:block;font-family:var(--font-heading);margin:var(--space-4) auto 0;padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.activity-load-more:hover{background:var(--coral-lightest)}.activity-load-more:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.activity-empty{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-8) 0;text-align:center}.activity-empty a{color:var(--coral-primary);font-weight:var(--font-semibold);text-decoration:none}.activity-empty a:hover{color:var(--coral-dark);text-decoration:underline}.skeleton-block{animation:pulse 2s ease-in-out infinite;background:var(--gray-lighter);border-radius:var(--radius-md)}.skeleton-header-card{align-items:center;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-6)}.skeleton-avatar{border-radius:var(--radius-full);flex-shrink:0;height:80px;width:80px}.skeleton-header-lines{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.skeleton-line-lg{height:24px;width:200px}.skeleton-line-md{height:16px;width:160px}.skeleton-line-sm{border-radius:var(--radius-full);height:24px;width:80px}.skeleton-data-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.skeleton-data-title{height:24px;margin-bottom:var(--space-6);width:180px}.skeleton-data-grid{grid-gap:var(--space-6) var(--space-8);display:grid;gap:var(--space-6) var(--space-8);grid-template-columns:repeat(3,1fr)}.skeleton-data-field{display:flex;flex-direction:column;gap:var(--space-1)}.skeleton-data-label{height:14px;width:80px}.skeleton-data-value{height:18px;width:120px}.skeleton-stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.skeleton-stat-tile{align-items:center;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6)}.skeleton-stat-value{height:30px;width:60px}.skeleton-stat-label{height:14px;width:80px}@media (max-width:1024px){.personal-data-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-content{padding:var(--space-8) var(--space-4)}.profile-header-card{align-items:center;flex-direction:column;padding:var(--space-5);text-align:center}.profile-avatar{height:112px;width:112px}.profile-header-info{align-items:center}.profile-header-name{font-size:var(--text-xl)}.interests-card,.personal-data-card{padding:var(--space-5)}.personal-data-grid{grid-template-columns:1fr}.profile-stats-grid,.skeleton-stats-grid{grid-template-columns:repeat(2,1fr)}.activity-timeline-card,.profile-level-card{padding:var(--space-5)}.skeleton-data-grid{grid-template-columns:1fr}.skeleton-header-card{align-items:center;flex-direction:column}.skeleton-header-lines{align-items:center}}@media (max-width:480px){.profile-content{padding:var(--space-6) var(--space-3)}.activity-timeline-card,.interests-card,.personal-data-card,.profile-header-card,.profile-level-card{padding:var(--space-4)}.interests-chip,.interests-suggestion{font-size:var(--text-xs);padding:2px var(--space-2)}.activity-item{align-items:flex-start;flex-direction:column}}.creator-my-courses{background-color:var(--bg-light);min-height:60vh}.creator-my-courses__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.creator-my-courses__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.creator-my-courses__header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.creator-my-courses__title{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 0 var(--space-1) 0;text-align:left}.creator-my-courses__subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);margin:0}.creator-my-courses__new-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);line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.creator-my-courses__new-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.creator-my-courses__new-btn:active{transform:translateY(0)}.creator-stats{margin-bottom:var(--space-6)}.creator-stats__grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.creator-stats__tile{align-items:center;animation:fadeInUp .3s ease both;background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-4)}.creator-stats__value{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold)}.creator-stats__label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:center}.creator-table-section{margin-bottom:var(--space-4)}.creator-table-container{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.creator-table{border-collapse:collapse;min-width:700px;table-layout:fixed;width:100%}.creator-table__col--title{width:28%}.creator-table__col--status{width:13%}.creator-table__col--number{width:10%}.creator-table__col--date{width:12%}.creator-table__col--actions{width:5%}.creator-table__th{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-medium);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.creator-table__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.creator-table__th--sortable:hover,.creator-table__th--sorted{color:var(--coral-primary)}.creator-table__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.creator-table__sort-icon{color:var(--gray-light);flex-shrink:0}.creator-table__sort-icon--active{color:var(--coral-primary)}.creator-table__th--number{text-align:center}.creator-table__th--number .creator-table__th-content{justify-content:center}.creator-table__th--date{text-align:right}.creator-table__th--date .creator-table__th-content{justify-content:flex-end}.creator-table__row{animation:fadeIn .2s ease both}.creator-table__row:not(:last-child) .creator-table__td{border-bottom:1px solid var(--gray-lighter)}.creator-table__row--archived{opacity:.75}.creator-table__row--menu-open{position:relative;z-index:10}.creator-table__td{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-6) var(--space-4);white-space:nowrap}.creator-table__td--title{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);transition:color var(--transition-fast);white-space:normal;word-break:break-word}.creator-table__td--number{text-align:center}.creator-table__td--date{color:var(--text-light);text-align:right}.creator-table__td--actions{overflow:visible;position:relative;text-align:center}.creator-table__menu-btn{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;padding:0;transition:all var(--transition-base);width:36px}.creator-table__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.creator-table__menu-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:-2px}.actions-dropdown{min-width:160px}.action-item{display:block}.creator-table__empty{color:var(--text-light)}.creator-table__status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);white-space:nowrap}.creator-table__status--published{background-color:var(--success-light);color:var(--success)}.creator-table__status--draft{background-color:var(--warning-light);color:var(--warning)}.creator-table__status--archived{background-color:var(--gray-lightest);color:var(--gray-dark)}.creator-cards{display:none}.creator-card{animation:fadeIn .2s ease both;background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.creator-card--archived{opacity:.75}.creator-card__header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.creator-card__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.creator-card__details{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.creator-card__row{align-items:center;display:flex;justify-content:space-between}.creator-card__label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.creator-card__value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm)}@media (max-width:1023px){.creator-stats__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.creator-my-courses__content{padding:var(--space-6) var(--space-4)}.creator-my-courses__header{flex-direction:column}.creator-my-courses__new-btn{justify-content:center;width:100%}.creator-table-container{display:none}.creator-cards{display:flex;flex-direction:column;gap:var(--space-3)}}@keyframes autorFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.autor-profil-page{background-color:var(--bg-light);min-height:calc(100vh - 66px)}.autor-profil-loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.autor-profil-content{margin:0 auto;max-width:900px;padding:var(--space-12) var(--space-4)}.autor-profil-content h1{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.autor-section{animation:autorFadeInUp .3s ease forwards;opacity:0}.autor-section:nth-child(2){animation-delay:0ms}.autor-section:nth-child(3){animation-delay:.1s}.autor-section:nth-child(4){animation-delay:.2s}.autor-section-title{color:var(--text-primary);font-size:var(--text-xl);margin:0 0 var(--space-6) 0}.autor-btn-primary,.autor-section-title{font-family:var(--font-heading);font-weight:var(--font-semibold)}.autor-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-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)}.autor-btn-primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.autor-btn-primary:active{transform:translateY(0)}.autor-ghost-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.autor-ghost-btn:hover{background:var(--gray-lightest);color:var(--coral-primary)}.autor-ghost-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.autor-header-card{align-items:center;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-6)}.autor-avatar-wrapper{flex-shrink:0;position:relative}.autor-avatar{align-items:center;background:var(--coral-primary);border-radius:var(--radius-full);color:var(--text-inverted);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.autor-avatar img{height:100%;object-fit:cover;width:100%}.autor-avatar-overlay{align-items:center;background:#0006;border-radius:var(--radius-full);color:var(--text-inverted);display:flex;flex-direction:column;font-size:var(--text-xs);gap:2px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-base)}.autor-avatar-overlay svg{font-size:20px}.autor-avatar:focus-within .autor-avatar-overlay,.autor-avatar:hover .autor-avatar-overlay{opacity:1}.autor-avatar-remove{align-items:center;background:var(--gray-dark);border:2px solid var(--bg-white);border-radius:var(--radius-full);color:var(--text-inverted);cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:-4px;top:-4px;transition:opacity var(--transition-base);width:20px;z-index:2}.autor-avatar-wrapper:focus-within .autor-avatar-remove,.autor-avatar-wrapper:hover .autor-avatar-remove{opacity:1}.autor-avatar-remove:hover{background:var(--error)}.autor-header-info{display:flex;flex-direction:column;gap:var(--space-1)}.autor-header-name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.autor-header-org{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base)}.autor-header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.autor-member-since,.autor-role-badge{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-body);font-size:var(--text-sm);font-weight:var(--font-normal);padding:var(--space-1) var(--space-3);width:-webkit-fit-content;width:fit-content}.autor-bio-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.autor-bio-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.autor-bio-header .autor-section-title{margin-bottom:0}.autor-bio-text p{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0;white-space:pre-line}.autor-bio-empty{color:var(--text-light)!important;font-style:italic}.autor-bio-edit{display:flex;flex-direction:column;gap:var(--space-2)}.autor-bio-textarea{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);line-height:var(--leading-relaxed);min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical;transition:all var(--transition-base);width:100%}.autor-bio-textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.autor-bio-counter,.autor-bio-textarea::placeholder{color:var(--text-light)}.autor-bio-counter{font-family:var(--font-body);font-size:var(--text-xs);text-align:right}.autor-bio-counter--warn{color:var(--error);font-weight:var(--font-semibold)}.autor-bio-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.autor-expertise-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.autor-expertise-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.autor-expertise-chip{background:var(--coral-lightest);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.autor-expertise-chip,.autor-expertise-chip-remove{align-items:center;color:var(--coral-primary);display:inline-flex}.autor-expertise-chip-remove{background:#0000;border:none;cursor:pointer;font-size:var(--text-base);line-height:1;padding:0;transition:color var(--transition-base)}.autor-expertise-chip-remove:hover{color:var(--coral-dark)}.autor-expertise-suggestions{margin-bottom:var(--space-4)}.autor-expertise-suggestions-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)}.autor-expertise-suggestions-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.autor-expertise-suggestion{background:var(--gray-lightest);border:1px solid #0000;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);transition:all var(--transition-base)}.autor-expertise-suggestion--active,.autor-expertise-suggestion:hover:not(:disabled){background:var(--coral-lightest);color:var(--coral-primary)}.autor-expertise-suggestion--active{border-color:var(--coral-primary)}.autor-expertise-suggestion:disabled{cursor:not-allowed;opacity:.5}.autor-expertise-input-wrapper{align-items:center;display:flex;margin-top:var(--space-2);position:relative}.autor-expertise-input{background: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);padding:var(--space-3) calc(var(--space-4) + 36px) var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.autor-expertise-input::placeholder{color:var(--text-light)}.autor-expertise-input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.autor-expertise-input:disabled{cursor:not-allowed;opacity:.5}.autor-expertise-add-btn{align-items:center;background:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;padding:0;position:absolute;right:6px;transition:all var(--transition-base);width:32px}.autor-expertise-add-btn:hover:not(:disabled){background:var(--coral-dark)}.autor-expertise-add-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.autor-expertise-add-btn:disabled{background:var(--gray-lighter);color:var(--text-light);cursor:not-allowed}@media (max-width:768px){.autor-profil-content{padding:var(--space-8) var(--space-4)}.autor-header-card{align-items:center;flex-direction:column;padding:var(--space-5);text-align:center}.autor-avatar{height:112px;width:112px}.autor-header-info{align-items:center}.autor-header-name{font-size:var(--text-xl)}.autor-header-meta{justify-content:center}.autor-bio-card,.autor-expertise-card{padding:var(--space-5)}}@media (max-width:480px){.autor-profil-content{padding:var(--space-6) var(--space-3)}.autor-bio-card,.autor-expertise-card,.autor-header-card{padding:var(--space-4)}.autor-expertise-chip,.autor-expertise-suggestion{font-size:var(--text-xs);padding:2px var(--space-2)}}.bewertungen{background:var(--gray-lightest);min-height:60vh;padding:var(--space-8) 0}.bewertungen__content{display:flex;flex-direction:column;gap:var(--space-5);margin:0 auto;max-width:900px;padding:0 var(--space-6)}.bewertungen__loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.bewertungen .sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.bewertungen-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);padding:var(--space-2) 0;text-decoration:none;transition:color var(--transition-fast)}.bewertungen-back:hover{color:var(--coral-dark);text-decoration:underline}.bewertungen-back:focus-visible{border-radius:var(--radius-sm);color:var(--coral-dark);outline:2px solid var(--coral-primary);outline-offset:2px;text-decoration:underline}.bewertungen-header{animation:fadeInUp .3s ease both;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.bewertungen-header__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-2) 0}.bewertungen-header__meta{align-items:center;display:flex;gap:var(--space-3)}.bewertungen-header__info{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.bewertungen-status{align-items:center;border-radius:9999px;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;padding:var(--space-1) var(--space-3)}.bewertungen-status--published{background:var(--success-light);color:var(--success)}.bewertungen-status--draft{background:var(--warning-light);color:var(--warning)}.bewertungen-status--archived{background:var(--gray-lighter);color:var(--text-light)}.bewertungen-stats{animation:fadeInUp .3s ease both;animation-delay:50ms}.bewertungen-stats__grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.bewertungen-stats__tile{align-items:center;animation:fadeInUp .3s ease both;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5)}.bewertungen-stats__value{align-items:center;color:var(--coral-primary);display:flex;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);gap:var(--space-1)}.bewertungen-stats__star{color:var(--coral-primary);font-size:var(--text-base)}.bewertungen-stats__label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:center}.bewertungen-verteilung{animation:fadeInUp .3s ease both;animation-delay:.1s;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.bewertungen-verteilung__title{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}.bewertungen-verteilung__row{grid-gap:var(--space-3);align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:grid;gap:var(--space-3);grid-template-columns:80px 1fr 50px 40px;padding:var(--space-2) 0;transition:opacity var(--transition-base)}.bewertungen-verteilung__row:hover{opacity:.85}.bewertungen-verteilung__row:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.bewertungen-verteilung__row--dimmed{opacity:.5}.bewertungen-verteilung__stars{display:flex;gap:1px}.bewertungen-verteilung__star-icon{color:var(--coral-primary);font-size:var(--text-sm)}.bewertungen-verteilung__bar-track{background:var(--gray-lightest);border-radius:var(--radius-sm);height:12px;overflow:hidden;width:100%}.bewertungen-verteilung__bar-fill{animation:growBar .5s ease-out both;background:var(--coral-primary);border-radius:var(--radius-sm);height:100%;width:var(--bar-width)}.bewertungen-verteilung__bar-fill--active{background:var(--coral-dark)}.bewertungen-verteilung__percent{color:var(--text-primary);font-weight:var(--font-medium)}.bewertungen-verteilung__count,.bewertungen-verteilung__percent{font-family:var(--font-body);font-size:var(--text-sm);text-align:right}.bewertungen-verteilung__count{color:var(--text-light)}.bewertungen-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.bewertungen-filters__count{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.bewertungen-filters__controls{align-items:center;display:flex;gap:var(--space-3)}.bewertungen-filters__select{background: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);outline:none;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast)}.bewertungen-filters__select:hover{border-color:var(--gray-light)}.bewertungen-filters__select:focus-visible{border-color:var(--coral-primary);box-shadow:0 0 0 2px var(--coral-lightest)}.bewertungen-list{display:flex;flex-direction:column;gap:var(--space-3)}.bewertungen-list__card{animation:fadeIn .2s ease both;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.bewertungen-list__top{align-items:flex-start;display:flex;gap:var(--space-3)}.bewertungen-list__avatar{align-items:center;background:var(--gray-lightest);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);height:32px;justify-content:center;width:32px}.bewertungen-list__info{flex:1 1;min-width:0}.bewertungen-list__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.bewertungen-list__stars{display:flex;font-size:var(--text-base);gap:1px}.bewertungen-list__star--filled{color:var(--coral-primary)}.bewertungen-list__star--empty{color:var(--gray-light)}.bewertungen-list__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.bewertungen-list__date{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);margin-left:auto}.bewertungen-list__comment{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.bewertungen-list__comment,.bewertungen-list__no-comment{font-family:var(--font-body);font-style:italic;margin:var(--space-3) 0 0 calc(32px + var(--space-3))}.bewertungen-list__no-comment{color:var(--text-light);font-size:var(--text-sm)}.bewertungen-list__divider{background:var(--gray-lighter);height:1px;margin:var(--space-3) 0 var(--space-2) calc(32px + var(--space-3))}.bewertungen-list__completion{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs);margin-left:calc(32px + var(--space-3))}@media (max-width:1023px){.bewertungen-stats__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.bewertungen{padding:var(--space-5) 0}.bewertungen__content{gap:var(--space-4);padding:0 var(--space-4)}.bewertungen-header{padding:var(--space-4)}.bewertungen-header__title{font-size:var(--text-xl)}.bewertungen-header__meta{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.bewertungen-stats__grid{grid-template-columns:repeat(2,1fr)}.bewertungen-stats__tile,.bewertungen-verteilung{padding:var(--space-4)}.bewertungen-verteilung__row{gap:var(--space-2);grid-template-columns:60px 1fr 42px 36px;min-height:44px;padding:var(--space-3) var(--space-2)}.bewertungen-verteilung__star-icon{font-size:var(--text-xs)}.bewertungen-filters,.bewertungen-filters__controls{align-items:stretch;flex-direction:column}.bewertungen-filters__select{width:100%}.bewertungen-list__avatar{font-size:10px;height:28px;width:28px}.bewertungen-list__row{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.bewertungen-list__date{margin-left:0}.bewertungen-list__comment,.bewertungen-list__completion,.bewertungen-list__divider,.bewertungen-list__no-comment{margin-left:calc(28px + var(--space-3))}.bewertungen-list__card{padding:var(--space-4)}}.creator-statistik{background:var(--gray-lightest);min-height:60vh;padding:var(--space-8) 0;padding-bottom:300px}.creator-statistik__content{display:flex;flex-direction:column;gap:var(--space-6);margin:0 auto;max-width:1100px;padding:0 var(--space-6)}.creator-statistik__loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.creator-statistik .sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.creator-statistik__header{align-items:center;animation:fadeInUp .3s ease both;display:flex;gap:var(--space-4);justify-content:space-between}.creator-statistik__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.creator-statistik__period-select{background: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);max-width:180px;outline:none;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast);width:auto}.creator-statistik__period-select:hover{border-color:var(--gray-light)}.creator-statistik__period-select:focus-visible{border-color:var(--coral-primary);box-shadow:0 0 0 2px var(--coral-lightest)}.statistik-hero-kpis{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(5,1fr)}.statistik-hero-kpis__tile{align-items:center;animation:fadeInUp .3s ease both;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5)}.statistik-hero-kpis__value{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold)}.statistik-hero-kpis__label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:center}.statistik-hero-kpis__trend{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium)}.statistik-hero-kpis__trend--up{color:var(--success)}.statistik-hero-kpis__trend--down{color:var(--error)}.statistik-hero-kpis__trend--neutral{color:var(--text-light)}.statistik-card{animation:fadeInUp .3s ease both;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.statistik-card__title{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}.statistik-trend-chart{animation-delay:.1s}.statistik-trend-chart__container{height:320px}.statistik-trend-chart__metric-toggle{display:none;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.statistik-trend-chart__metric-btn{align-items:center;background:var(--gray-lightest);border:1.5px solid var(--gray-lighter);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast);white-space:nowrap}.statistik-trend-chart__metric-btn:hover{border-color:var(--gray-light);color:var(--text-primary)}.statistik-trend-chart__metric-btn--active{background:var(--bg-white);border-color:var(--metric-color,var(--coral-primary));box-shadow:0 0 0 1px var(--coral-primary);box-shadow:0 0 0 1px var(--metric-color,var(--coral-primary));color:var(--text-primary)}.statistik-trend-chart__metric-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.statistik-trend-chart__metric-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.statistik-trend-chart__tooltip{background:var(--bg-white);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.statistik-trend-chart__tooltip-label{color:var(--text-primary);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.statistik-trend-chart__tooltip-row{align-items:center;display:flex;gap:var(--space-2);padding:2px 0}.statistik-trend-chart__tooltip-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.statistik-trend-chart__tooltip-name{color:var(--text-secondary)}.statistik-trend-chart__tooltip-value{color:var(--text-primary);font-weight:var(--font-medium);margin-left:auto}.statistik-monatseinschreibungen{animation-delay:.2s}.statistik-monatseinschreibungen__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.statistik-monatseinschreibungen__header .statistik-card__title{margin:0}.statistik-monatseinschreibungen__nav{align-items:center;display:flex;gap:var(--space-2)}.statistik-monatseinschreibungen__nav-btn{align-items:center;background:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);height:28px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:28px}.statistik-monatseinschreibungen__nav-btn:hover:not(:disabled){background:var(--gray-lighter);border-color:var(--gray-light);color:var(--text-primary)}.statistik-monatseinschreibungen__nav-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.statistik-monatseinschreibungen__nav-btn:disabled{cursor:default;opacity:.35}.statistik-monatseinschreibungen__month{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);min-width:120px;text-align:center}.statistik-monatseinschreibungen__rows{display:flex;flex-direction:column;gap:var(--space-2)}.statistik-monatseinschreibungen__row{grid-gap:var(--space-3);align-items:center;display:grid;gap:var(--space-3);grid-template-columns:200px 1fr;padding:var(--space-2) 0}.statistik-monatseinschreibungen__bar-wrapper{grid-gap:var(--space-3);align-items:center;display:grid;gap:var(--space-3);grid-template-columns:1fr 40px}.statistik-monatseinschreibungen__label{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statistik-monatseinschreibungen__bar-track{background:var(--gray-lightest);border-radius:var(--radius-sm);height:12px;overflow:hidden;width:100%}.statistik-monatseinschreibungen__bar-fill{animation:growBar .5s ease-out both;background:var(--teal);border-radius:var(--radius-sm);height:100%;width:var(--bar-width)}.statistik-monatseinschreibungen__count{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:right}.statistik-monatseinschreibungen__empty{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);font-style:italic}.statistik-monatseinschreibungen__toggle{background:none;border:none;color:var(--coral-primary);cursor:pointer;display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-3);padding:0;transition:color var(--transition-fast)}.statistik-monatseinschreibungen__toggle:hover{color:var(--coral-dark);text-decoration:underline}.statistik-monatseinschreibungen__toggle:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--coral-primary);outline-offset:2px}.statistik-top-kurse{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.statistik-top-kurse__card{animation:fadeInUp .3s ease both;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.statistik-top-kurse__title{border-bottom:1px solid var(--gray-lighter);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-3)}.statistik-top-kurse__list{list-style:none;margin:0;padding:0}.statistik-top-kurse__item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-2);transition:background-color var(--transition-fast)}.statistik-top-kurse__item:not(:last-child){border-bottom:1px solid var(--gray-lightest)}.statistik-top-kurse__item:hover{background:var(--coral-lightest)}.statistik-top-kurse__item:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--coral-primary);outline-offset:-2px}.statistik-top-kurse__rank{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);min-width:20px}.statistik-top-kurse__name{flex:1 1;font-family:var(--font-body);min-width:0;overflow:hidden;text-overflow:ellipsis}.statistik-top-kurse__name,.statistik-top-kurse__value{color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap}.statistik-top-kurse__value{font-family:var(--font-heading);font-weight:var(--font-semibold)}.statistik-top-kurse__empty{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);font-style:italic;padding:var(--space-4) 0}@media (max-width:1023px){.statistik-hero-kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.creator-statistik{padding:var(--space-5) 0}.creator-statistik__content{gap:var(--space-4);padding:0 var(--space-4)}.creator-statistik__header{align-items:stretch;flex-direction:column}.creator-statistik__title{font-size:var(--text-2xl)}.creator-statistik__period-select{width:100%}.statistik-hero-kpis{grid-template-columns:repeat(2,1fr)}.statistik-hero-kpis__tile{padding:var(--space-4)}.statistik-trend-chart__metric-toggle{display:flex}.statistik-trend-chart__container{height:260px}.statistik-card{padding:var(--space-4)}.statistik-monatseinschreibungen__row{gap:var(--space-1);grid-template-columns:1fr}.statistik-monatseinschreibungen__bar-wrapper{grid-gap:var(--space-2);align-items:center;display:grid;gap:var(--space-2);grid-template-columns:1fr 40px}.statistik-top-kurse{grid-template-columns:1fr}}@keyframes growBar{0%{width:0}to{width:var(--bar-width)}}.kurs-statistik{background:var(--gray-lightest);min-height:60vh;padding:var(--space-8) 0;padding-bottom:300px}.kurs-statistik__content{display:flex;flex-direction:column;gap:var(--space-6);margin:0 auto;max-width:1100px;padding:0 var(--space-6)}.kurs-statistik__loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.kurs-statistik .sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.kurs-statistik-back{align-items:center;animation:fadeInUp .3s ease both;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);padding:var(--space-2) 0;text-decoration:none;transition:color var(--transition-fast)}.kurs-statistik-back:hover{color:var(--coral-dark);text-decoration:underline}.kurs-statistik-back:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--coral-primary);outline-offset:2px}.kurs-statistik-header{animation:fadeInUp .3s ease both;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.kurs-statistik-header__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-2) 0}.kurs-statistik-header__meta{align-items:center;display:flex;gap:var(--space-3)}.kurs-statistik-header__info{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.kurs-statistik-status{align-items:center;border-radius:9999px;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;padding:var(--space-1) var(--space-3)}.kurs-statistik-status--published{background:var(--success-light);color:var(--success)}.kurs-statistik-status--draft{background:var(--warning-light);color:var(--warning)}.kurs-statistik-status--archived{background:var(--gray-lighter);color:var(--text-light)}.kurs-statistik__period-row{align-items:center;animation:fadeInUp .3s ease both;display:flex;gap:var(--space-4);justify-content:space-between}.kurs-statistik__page-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold)}.kurs-statistik__period-select{background: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);max-width:180px;outline:none;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast);width:auto}.kurs-statistik__period-select:hover{border-color:var(--gray-light)}.kurs-statistik__period-select:focus-visible{border-color:var(--coral-primary);box-shadow:0 0 0 2px var(--coral-lightest)}.kurs-statistik-hero-kpis{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(5,1fr)}.kurs-statistik-hero-kpis__tile{align-items:center;animation:fadeInUp .3s ease both;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5)}.kurs-statistik-hero-kpis__value{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold)}.kurs-statistik-hero-kpis__label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:center}.kurs-statistik-hero-kpis__trend{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium)}.kurs-statistik-hero-kpis__trend--up{color:var(--success)}.kurs-statistik-hero-kpis__trend--down{color:var(--error)}.kurs-statistik-hero-kpis__trend--neutral{color:var(--text-light)}.kurs-statistik-card{animation:fadeInUp .3s ease both;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.kurs-statistik-card__title{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}.kurs-statistik .statistik-card.statistik-trend-chart{animation-delay:.1s}.kurs-statistik-lektionen{animation-delay:.15s}.kurs-statistik-lektionen__chart{display:flex;flex-direction:column;gap:var(--space-2)}.kurs-statistik-lektionen__row{grid-gap:var(--space-3);align-items:center;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:grid;gap:var(--space-3);grid-template-columns:30px 180px 1fr 50px 20px;padding:var(--space-2) var(--space-2);text-decoration:none;transition:background-color var(--transition-fast)}.kurs-statistik-lektionen__row:hover{background:var(--coral-lightest)}.kurs-statistik-lektionen__row:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.kurs-statistik-lektionen__number{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold)}.kurs-statistik-lektionen__name{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kurs-statistik-lektionen__bar-track{background:var(--gray-lightest);border-radius:var(--radius-sm);height:14px;overflow:hidden;width:100%}.kurs-statistik-lektionen__bar-fill{animation:growBar .5s ease-out both;background:var(--coral-primary);border-radius:var(--radius-sm);height:100%;width:var(--bar-width)}.kurs-statistik-lektionen__percent{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:right}.kurs-statistik-lektionen__marker{align-items:center;display:flex;justify-content:center;min-width:20px}.kurs-statistik-lektionen__dropout-icon{color:var(--warning)}.kurs-statistik-lektionen__hint{align-items:center;color:var(--text-light);display:flex;font-family:var(--font-body);font-size:var(--text-xs);gap:var(--space-1);margin-top:var(--space-3)}.kurs-statistik-lektionen__empty{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);font-style:italic}.kurs-statistik-lektionen__filter{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.kurs-statistik-lektionen__filter-btn{background:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:9999px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.kurs-statistik-lektionen__filter-btn:hover{border-color:var(--coral-primary);color:var(--coral-primary)}.kurs-statistik-lektionen__filter-btn--active{background:var(--coral-primary);border-color:var(--coral-primary);color:var(--bg-white)}.kurs-statistik-lektionen__filter-btn--active:hover{background:var(--coral-dark);border-color:var(--coral-dark);color:var(--bg-white)}.kurs-statistik-lektionen__filter-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}@media (max-width:1023px){.kurs-statistik-hero-kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.kurs-statistik{padding:var(--space-5) 0}.kurs-statistik__content{gap:var(--space-4);padding:0 var(--space-4)}.kurs-statistik__period-row{align-items:stretch;flex-direction:column}.kurs-statistik__page-title{font-size:var(--text-2xl)}.kurs-statistik__period-select{max-width:none;width:100%}.kurs-statistik-header{padding:var(--space-4)}.kurs-statistik-header__title{font-size:var(--text-xl)}.kurs-statistik-header__meta{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.kurs-statistik-hero-kpis{grid-template-columns:repeat(2,1fr)}.kurs-statistik-card,.kurs-statistik-hero-kpis__tile{padding:var(--space-4)}.kurs-statistik-lektionen__row{gap:var(--space-1) var(--space-2);grid-template-areas:"num name marker" "bar bar percent";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto}.kurs-statistik-lektionen__number{align-items:center;background:var(--coral-lightest);border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-xs);grid-area:num;height:22px;justify-content:center;min-width:28px;padding:0 var(--space-1)}.kurs-statistik-lektionen__name{font-weight:var(--font-medium);grid-area:name;white-space:normal}.kurs-statistik-lektionen__bar-track{grid-area:bar}.kurs-statistik-lektionen__percent{grid-area:percent}.kurs-statistik-lektionen__marker{grid-area:marker}}.coming-soon-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 66px);padding-top:66px}.coming-soon-content{padding:2rem;padding:var(--space-8,2rem);text-align:center}.coming-soon-content h1{color:#2d3436;color:var(--text-primary,#2d3436);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1.875rem;font-size:var(--text-3xl,1.875rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.coming-soon-content 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)}.team-selector__label{font-family:var(--font-body);font-weight:var(--font-medium)}.team-selector__dropdown{-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' viewBox='0 0 24 24' fill='none' stroke='%23646A6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--space-3) 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-sm);padding:var(--space-2) var(--space-4);padding-right:var(--space-8);transition:border-color var(--transition-fast)}.team-selector__dropdown:hover{border-color:var(--coral-primary)}.team-selector__dropdown:focus{outline:2px solid var(--coral-primary);outline-offset:1px}@media (max-width:767px){.team-selector,.team-selector__dropdown{width:100%}}.stat-kpi-card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:box-shadow var(--transition-fast)}.stat-kpi-card:hover{box-shadow:var(--shadow-md)}.stat-kpi-card__value{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin-bottom:var(--space-1)}.stat-kpi-card__label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-normal)}.manager-stat__kpis{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.manager-stat__kpi-value--warning{color:var(--error)!important}@media (max-width:767px){.manager-stat__kpis{grid-template-columns:repeat(2,1fr)}}.manager-stat__chart-card{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);padding:var(--space-6)}.manager-stat__chart-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.manager-stat__chart-container{height:280px}.manager-stat__tooltip{background:var(--bg-white);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.manager-stat__tooltip-label{color:var(--text-primary);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.manager-stat__tooltip-row{align-items:center;display:flex;gap:var(--space-2);padding:2px 0}.manager-stat__tooltip-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.manager-stat__tooltip-name{color:var(--text-secondary)}.manager-stat__tooltip-value{color:var(--text-primary);font-weight:var(--font-medium);margin-left:auto}@media (max-width:767px){.manager-stat__chart-container{height:220px}}.manager-stat__top-courses{display:flex;flex-direction:column;gap:var(--space-3)}.manager-stat__course-row{align-items:center;display:flex;gap:var(--space-3)}.manager-stat__course-name{color:var(--text-primary);flex-shrink:0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);max-width:200px;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-stat__course-bar-wrap{background-color:var(--gray-lighter);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.manager-stat__course-bar{background-color:var(--coral-primary);border-radius:4px;height:100%;transition:width .4s ease}.manager-stat__course-count{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);min-width:36px;text-align:right}.manager-stat__empty-text{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);margin:0}.manager-stat__chart-card--no-mb{margin-bottom:0}@media (max-width:767px){.manager-stat__course-name{font-size:var(--text-xs);max-width:120px;min-width:100px}}.manager-stat__chart-container--donut{height:280px}@media (max-width:767px){.manager-stat__chart-container--donut{height:260px}}.manager-stat__mandatory{display:flex;flex-direction:column;gap:var(--space-4)}.manager-stat__mandatory-bar{background-color:var(--gray-lighter);border-radius:var(--radius-md);display:flex;height:24px;overflow:hidden}.manager-stat__mandatory-segment{transition:width .4s ease}.manager-stat__mandatory-segment--completed{background-color:var(--success)}.manager-stat__mandatory-segment--pending{background-color:var(--warning)}.manager-stat__mandatory-segment--overdue{background-color:var(--error)}.manager-stat__mandatory-legend{display:flex;flex-wrap:wrap;gap:var(--space-4)}.manager-stat__mandatory-item{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2)}.manager-stat__mandatory-item--overdue{color:var(--error);font-weight:var(--font-medium)}.manager-stat__mandatory-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.manager-stat__mandatory-dot--completed{background-color:var(--success)}.manager-stat__mandatory-dot--pending{background-color:var(--warning)}.manager-stat__mandatory-dot--overdue{background-color:var(--error)}.manager-stat__mandatory-tbl-container{overflow-x:auto}.manager-stat__mandatory-tbl{border-collapse:collapse;font-family:var(--font-body);font-size:var(--text-sm);width:100%}.manager-stat__mandatory-th{border-bottom:2px solid var(--gray-lighter);color:var(--text-secondary);cursor:pointer;font-weight:var(--font-semibold);padding:var(--space-3) var(--space-3);text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.manager-stat__mandatory-th:hover{color:var(--coral-primary)}.manager-stat__mandatory-th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.manager-stat__mandatory-sort-icon{color:var(--text-light);display:inline-flex}.manager-stat__mandatory-td{border-bottom:1px solid var(--gray-lighter);color:var(--text-primary);padding:var(--space-3);vertical-align:middle}.manager-stat__mandatory-td--name,.manager-stat__status-badge{font-weight:var(--font-medium)}.manager-stat__status-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);white-space:nowrap}.manager-stat__status-badge--completed{background-color:var(--success-light);color:var(--success)}.manager-stat__status-badge--active{background-color:var(--info-light);color:var(--info)}.manager-stat__status-badge--overdue{background-color:var(--error-light);color:var(--error)}.manager-stat__inline-progress{align-items:center;display:flex;gap:var(--space-2)}.manager-stat__inline-bar-wrap{background-color:var(--gray-lighter);border-radius:3px;flex:1 1;height:6px;max-width:100px;overflow:hidden}.manager-stat__inline-bar{background-color:var(--coral-primary);border-radius:3px;height:100%;transition:width .4s ease}.manager-stat__inline-rate{font-weight:var(--font-medium);min-width:36px;text-align:right}.manager-stat__mandatory-card{background-color:var(--bg-white);border-left:3px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.manager-stat__mandatory-card--overdue{border-left-color:var(--error)}.manager-stat__mandatory-card--active{border-left-color:var(--info)}.manager-stat__mandatory-card--completed{border-left-color:var(--success)}.manager-stat__mandatory-card-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-3)}.manager-stat__mandatory-card-name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.manager-stat__mandatory-card-body{display:flex;flex-direction:column;gap:var(--space-2)}.manager-stat__mandatory-card-row{align-items:center;display:flex;justify-content:space-between}.manager-stat__mandatory-card-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.manager-stat__mandatory-card-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.manager-stat__mandatory-desktop{display:block}.manager-stat__mandatory-mobile{display:none}@media (max-width:767px){.manager-stat__mandatory-desktop{display:none}.manager-stat__mandatory-mobile{display:flex;flex-direction:column;gap:var(--space-3)}.manager-stat__mandatory-legend{flex-direction:column;gap:var(--space-2)}}.manager-stat{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.manager-stat__loading{height:55vh;margin:0 auto}.manager-stat__data-loading,.manager-stat__loading{align-items:center;display:flex;justify-content:center}.manager-stat__data-loading{min-height:300px}.manager-stat__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.manager-stat__export-row{display:flex;justify-content:flex-end;margin-bottom:var(--space-3)}.manager-stat__title{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 0 var(--space-6) 0;text-align:left}.manager-stat__export-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);padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.manager-stat__export-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.manager-stat__export-btn:active{transform:translateY(0)}.manager-stat__period-select{background: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);margin-bottom:var(--space-6);max-width:180px;outline:none;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast);width:auto}.manager-stat__period-select:hover{border-color:var(--gray-light)}.manager-stat__period-select:focus-visible{border-color:var(--coral-primary);box-shadow:0 0 0 2px var(--coral-lightest)}.manager-stat__controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.manager-stat__charts-row{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;margin-bottom:var(--space-6)}@media (max-width:1023px){.manager-stat__charts-row{grid-template-columns:1fr}}@media (max-width:767px){.manager-stat__content{padding:var(--space-4)}.manager-stat__export-btn{justify-content:center;width:100%}.manager-stat__controls{flex-direction:column;gap:var(--space-3)}}@media (min-width:768px) and (max-width:1023px){.manager-stat__content{padding:var(--space-6)}}.team-overview{background-color:var(--bg-light);min-height:60vh}.team-overview__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.team-overview__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.team-overview__header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.team-overview__header-left{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.team-overview__title{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}.team-overview__invite-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);line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.team-overview__invite-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.team-overview__invite-btn:active{transform:translateY(0)}.team-stats{margin-bottom:var(--space-6)}.team-stats__grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.team-stats__tile{align-items:center;animation:fadeInUp .3s ease both;background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-4)}.team-stats__value{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold)}.team-stats__value--warning{color:var(--error)}.team-stats__label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:center}.team-table-section{margin-bottom:var(--space-4)}.team-table-container{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.team-table-scroll{overflow:visible}.team-table{border-collapse:collapse;min-width:800px;table-layout:fixed;width:100%}.team-table__col--member{width:22%}.team-table__col--role{width:12%}.team-table__col--courses,.team-table__col--mandatory{width:14%}.team-table__col--deadline{width:16%}.team-table__col--credits{width:10%}.team-table__col--actions{width:6%}.team-table__th{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-medium);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;vertical-align:middle;white-space:normal}.team-table__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.team-table__th--sortable:hover,.team-table__th--sorted{color:var(--coral-primary)}.team-table__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.team-table__sort-icon{color:var(--gray-light);flex-shrink:0}.team-table__sort-icon--active{color:var(--coral-primary)}.team-table__th--number{text-align:center}.team-table__th--number .team-table__th-content{justify-content:center}.team-table__th--center{text-align:center}.team-table__row{animation:fadeIn .2s ease both;transition:all var(--transition-base)}.team-table__row:hover{background:var(--coral-lightest)}.team-table__row:not(:last-child) .team-table__td{border-bottom:1px solid var(--gray-lighter)}.team-table__row--red{border-left:3px solid var(--error)}.team-table__row--yellow{border-left:3px solid var(--warning)}.team-table__row--green{border-left:3px solid var(--success)}.team-table__row--none{border-left:3px solid #0000}.team-table__row--menu-open{position:relative;z-index:10}.team-table__td{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-4) var(--space-4);white-space:nowrap}.team-table__member{align-items:center;display:flex;gap:var(--space-3)}.team-table__avatar{flex-shrink:0;position:relative}.team-table__avatar-img{object-fit:cover}.team-table__avatar-img,.team-table__avatar-initials{border-radius:var(--radius-full);height:32px;width:32px}.team-table__avatar-initials{align-items:center;background-color:var(--coral-lightest);color:var(--coral-primary);display:flex;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:center}.team-table__member-info{min-width:0}.team-table__member-name{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-table__role-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);white-space:nowrap}.team-table__role-badge--ADMIN{background-color:var(--teal-light);color:var(--teal-dark)}.team-table__role-badge--MANAGER{background-color:var(--coral-lightest);color:var(--coral-dark)}.team-table__role-badge--CREATOR{background-color:var(--warning-light);color:var(--warning)}.team-table__role-badge--LEARNER{background-color:var(--gray-lighter);color:var(--text-secondary)}.team-table__td--number{font-weight:var(--font-medium);text-align:center}.team-table__td--deadline-red,.team-table__td--warning-text{color:var(--error);font-weight:var(--font-semibold)}.team-table__td--deadline-yellow{color:var(--warning);font-weight:var(--font-semibold)}.team-table__td--deadline-green{color:var(--success)}.team-table__td--deadline-none{color:var(--text-light)}.team-table__td--actions{overflow:visible;position:relative;text-align:center}.team-table__menu-btn{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;padding:0;transition:all var(--transition-base);width:36px}.team-table__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.team-table__menu-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:-2px}.actions-dropdown--up{bottom:100%;margin-bottom:var(--space-1);margin-top:0;top:auto}.team-cards{display:none}.team-card{animation:fadeIn .2s ease both;background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--space-4);transition:box-shadow var(--transition-fast)}.team-card:hover{box-shadow:var(--shadow-md)}.team-card--red{border-left:3px solid var(--error)}.team-card--yellow{border-left:3px solid var(--warning)}.team-card--green{border-left:3px solid var(--success)}.team-card--none{border-left:3px solid #0000}.team-card__header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.team-card__profile{align-items:center;display:flex;gap:var(--space-3);min-width:0}.team-card__avatar{flex-shrink:0;position:relative}.team-card__avatar-initials{align-items:center;background-color:var(--coral-lightest);border-radius:var(--radius-full);color:var(--coral-primary);display:flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);height:40px;justify-content:center;width:40px}.team-card__info{min-width:0}.team-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.team-card__badges{display:flex;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3) 0}.team-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:0 0 var(--space-3) 0}.team-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.team-card__row{align-items:center;display:flex;justify-content:space-between}.team-card__row-label{color:var(--text-light);font-size:var(--text-xs)}.team-card__row-value{color:var(--text-primary);font-size:var(--text-sm)}.team-card__row-value--warning{color:var(--error);font-weight:var(--font-semibold)}.team-card__menu-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all var(--transition-base);width:32px}.team-card__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.team-card__menu-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:-2px}.team-card__dropdown{margin-top:var(--space-1);right:0;top:100%}.team-pagination{margin-top:var(--space-4)}.modal-field__input,.modal-field__select,.modal-field__textarea{background: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);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base);width:100%}.modal-field__input:focus,.modal-field__select:focus,.modal-field__textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.modal-field__input--error,.modal-field__select--error{border-color:var(--error)}.modal-field__textarea{min-height:80px;resize:vertical}.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' 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;cursor:pointer;padding-right:var(--space-10)}.modal-field__checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2)}.modal-field__checkbox input[type=checkbox]{accent-color:var(--coral-primary);cursor:pointer;height:16px;width:16px}.modal-search{align-items:center;display:flex;position:relative}.modal-search__icon{color:var(--text-light);font-size:var(--text-sm);left:var(--space-3);pointer-events:none;position:absolute}.modal-search__input{background: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-sm);padding:var(--space-3) var(--space-10);transition:border-color var(--transition-base);width:100%}.modal-search__input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.modal-search__clear,.modal-search__input::placeholder{color:var(--text-light)}.modal-search__clear{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:var(--space-2);transition:all var(--transition-fast);width:28px}.modal-search__clear:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.modal-course-list-header{align-items:center;display:flex;justify-content:space-between;padding:0 var(--space-1) var(--space-2)}.modal-course-list-header__toggle{align-items:center;background:none;border:none;color:var(--coral-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2);padding:0;transition:color var(--transition-fast)}.modal-course-list-header__toggle:hover{color:var(--coral-dark)}.modal-course-list-header__count{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.modal-course-list{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);margin-bottom:var(--space-3);max-height:264px;overflow-y:auto;scrollbar-color:var(--gray-light) #0000;scrollbar-width:thin}.modal-course-list::-webkit-scrollbar{width:6px}.modal-course-list::-webkit-scrollbar-track{background:#0000}.modal-course-list::-webkit-scrollbar-thumb{background-color:var(--gray-light);border-radius:var(--radius-full)}.modal-course-list__empty{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-8) var(--space-4);text-align:center}.modal-course-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;font-family:var(--font-body);gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background-color var(--transition-fast)}.modal-course-item+.modal-course-item{border-top:1px solid var(--gray-lighter)}.modal-course-item:hover{background-color:var(--gray-lightest)}.modal-course-item--selected{border-left-color:var(--coral-primary)}.modal-course-item--selected,.modal-course-item--selected:hover{background-color:var(--coral-lightest)}.modal-course-item--disabled{cursor:not-allowed;opacity:.5}.modal-course-item__checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.modal-course-item__checkbox input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.modal-course-item__checkbox-visual{align-items:center;background:var(--bg-white);border:2px solid var(--gray-light);border-radius:var(--radius-sm);display:flex;height:18px;justify-content:center;transition:all var(--transition-fast);width:18px}.modal-course-item--selected .modal-course-item__checkbox-visual{background:var(--coral-primary);border-color:var(--coral-primary)}.modal-course-item__checkbox-visual svg{opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.modal-course-item--selected .modal-course-item__checkbox-visual svg{opacity:1;transform:scale(1)}.modal-course-item__avatar{align-items:center;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-semibold);height:34px;justify-content:center;letter-spacing:.03em;text-transform:uppercase;width:34px}.modal-course-item__info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.modal-course-item__title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.modal-course-item__email,.modal-course-item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-course-item__email,.modal-course-item__hint{color:var(--text-light);font-size:var(--text-xs)}.modal-course-item__hint{margin-left:auto;white-space:nowrap}.modal-course-item__icon{color:var(--text-light);flex-shrink:0}.modal-course-item--selected .modal-course-item__icon,.modal-selection-count{color:var(--coral-primary)}.modal-selection-count{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-2) 0}.modal-assign-type-row{align-items:center;display:flex;gap:var(--space-4)}.modal-assign-type-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2)}.modal-assign-type-option input[type=radio]{accent-color:var(--coral-primary);cursor:pointer;height:16px;margin:0;width:16px}.modal-role-list{display:flex;flex-direction:column;gap:var(--space-2)}.modal-role-item{align-items:center;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.modal-role-item:hover{background-color:var(--gray-lightest);border-color:var(--gray-light)}.modal-role-item--selected,.modal-role-item--selected:hover{background-color:var(--coral-lightest);border-color:var(--coral-primary)}.modal-role-item__radio{accent-color:var(--coral-primary);cursor:pointer;flex-shrink:0;height:16px;margin:0;min-width:16px;width:16px}.modal-role-item__content{align-items:center;display:flex;flex:1 1;gap:var(--space-2)}.modal-role-item__name{color:var(--text-primary);font-weight:var(--font-medium)}.modal-role-item__badge{background-color:var(--gray-lightest);border-radius:var(--radius-full);color:var(--text-light);font-size:var(--text-xs);font-weight:var(--font-medium);margin-left:auto;padding:2px var(--space-2)}.modal-info{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-4)}.modal-info strong{color:var(--text-primary)}@media (max-width:1023px){.team-stats__grid{grid-template-columns:repeat(2,1fr)}.team-overview__content{padding:var(--space-8) var(--space-4)}.team-table-container{border-radius:var(--radius-lg);overflow:hidden;position:relative}.team-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.team-table-container:after{background:linear-gradient(90deg,#0000,#0000000f);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:32px;z-index:1}}@media (max-width:767px){.team-table-container:after{display:none}.team-overview__content{padding:var(--space-6) var(--space-4)}.team-overview__header{flex-direction:column}.team-overview__header-left{align-items:stretch;flex-direction:column;width:100%}.team-overview__invite-btn{justify-content:center;width:100%}.team-table-container{display:none}.team-cards{display:flex;flex-direction:column;gap:var(--space-3)}}.member-detail{background-color:var(--bg-light);min-height:60vh}.member-detail__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.member-detail__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.member-detail__topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.member-detail__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-1);padding:0;text-decoration:none;transition:color var(--transition-fast)}.member-detail__back:hover{color:var(--coral-dark);text-decoration:underline}.member-detail__actions{align-items:center;display:flex;gap:var(--space-3)}.member-header{align-items:center;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-6);position:relative}.member-header__avatar{align-items:center;background: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-2xl);font-weight:var(--font-bold);height:100px;justify-content:center;overflow:hidden;width:100px}.member-header__avatar-img{height:100%;object-fit:cover;width:100%}.member-header__info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.member-header__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.member-header__email{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);text-decoration:none}.member-header__email:hover{color:var(--coral-primary)}.member-header__org{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base)}.member-header__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.member-header__member-since,.member-header__role-badge{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-body);font-size:var(--text-sm);font-weight:var(--font-normal);padding:var(--space-1) var(--space-3);width:-webkit-fit-content;width:fit-content}.member-interests{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.member-interests__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-4) 0}.member-interests__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.member-interests__chip{background:var(--coral-lightest);border-radius:var(--radius-full);color:var(--coral-primary);font-family:var(--font-body);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3)}.member-header__btn-primary,.member-interests__chip{align-items:center;display:inline-flex;font-size:var(--text-sm)}.member-header__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-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-base);white-space:nowrap}.member-header__btn-primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.member-header__btn-secondary{align-items:center;background:var(--bg-white);border:1px 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-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-base);white-space:nowrap}.member-header__btn-secondary:hover{background-color:var(--coral-lightest);border-color:var(--coral-dark);color:var(--coral-dark)}.member-kpis{margin-bottom:var(--space-6)}.member-kpis__grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.member-kpis__tile{align-items:center;animation:fadeInUp .3s ease both;background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-4)}.member-kpis__value{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold)}.member-kpis__value--success{color:var(--success)}.member-kpis__value--warning{color:var(--error)}.member-kpis__label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:center}.member-detail__section{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-6)}.member-detail__section+.member-detail__section{margin-top:var(--space-6)}.member-detail__section-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-4) 0}.member-tabs{margin-bottom:0}.member-tabs__list{border-bottom:2px solid var(--gray-lighter);display:flex;gap:0;margin-bottom:var(--space-6)}.member-tabs__tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:-2px;padding:var(--space-3) var(--space-5);transition:all var(--transition-fast);white-space:nowrap}.member-tabs__tab--active,.member-tabs__tab:hover{color:var(--coral-primary)}.member-tabs__tab--active{border-bottom-color:var(--coral-primary);font-weight:var(--font-semibold)}.member-tabs__tab:focus-visible{border-radius:var(--radius-sm) var(--radius-sm) 0 0;outline:2px solid var(--coral-primary);outline-offset:-2px}.member-tabs__panel{min-height:200px}.member-tabs__panel-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.member-courses__list{display:flex;flex-direction:column}.member-courses__item{border-bottom:1px solid var(--gray-lighter);padding:var(--space-4) 0}.member-courses__item:last-child{border-bottom:none}.member-courses__item-header{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-2)}.member-courses__item-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.member-courses__item-remove{background:none;border:none;border-radius:var(--radius-sm);color:var(--error);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast);white-space:nowrap}.member-courses__item-remove:hover{background-color:var(--error-light)}.member-courses__item-body{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.member-courses__item-progress{align-items:center;display:flex;gap:var(--space-2);min-width:200px}.member-courses__progress-bar{background-color:var(--gray-lightest);border-radius:var(--radius-sm);height:8px;overflow:hidden;width:150px}.member-courses__progress-fill{background-color:var(--coral-primary);border-radius:var(--radius-sm);height:100%;transition:width .3s ease}.member-courses__progress-fill--complete{background-color:var(--success)}.member-courses__progress-value{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.member-courses__item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.member-courses__assignment-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3)}.member-courses__assignment-badge--RECOMMENDED{background-color:#e3f2fd;background-color:var(--info-light,#e3f2fd);color:#2196f3;color:var(--info,#2196f3)}.member-courses__assignment-badge--MANDATORY{background-color:var(--warning-light);color:var(--warning)}.member-courses__assignment-badge--SELF_ENROLLED{background-color:var(--teal-light);color:var(--teal-dark)}.member-courses__deadline{color:var(--text-light);font-size:var(--text-sm)}.member-courses__deadline--overdue{color:var(--error);font-weight:var(--font-medium)}.member-courses__completed{color:var(--success);font-size:var(--text-sm);font-weight:var(--font-medium)}.member-courses__empty{color:var(--text-light);font-family:var(--font-body);padding:var(--space-8) 0;text-align:center}.member-compliance__item-status{align-items:center;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1)}.member-compliance__dot{border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}.member-compliance__dot--overdue{background-color:var(--error)}.member-compliance__dot--due-soon{background-color:var(--warning)}.member-compliance__dot--on-track{background-color:var(--success)}.member-compliance__status-text--overdue{color:var(--error)}.member-compliance__status-text--due-soon{color:var(--warning)}.member-compliance__status-text--completed,.member-compliance__status-text--on-track{color:var(--success)}.member-activity__list{display:flex;flex-direction:column}.member-activity__date-group{margin-bottom:var(--space-4)}.member-activity__date-heading{color:var(--text-light);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2);text-transform:uppercase}.member-activity__item{align-items:flex-start;border-bottom:1px solid var(--gray-lighter);display:flex;gap:var(--space-3);padding:var(--space-3) 0}.member-activity__item:last-child{border-bottom:none}.member-activity__icon{align-items:center;background-color:var(--coral-lightest);border-radius:var(--radius-full);color:var(--coral-primary);display:flex;flex-shrink:0;font-size:var(--text-sm);height:32px;justify-content:center;width:32px}.member-activity__content{flex:1 1;min-width:0}.member-activity__title{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm)}.member-activity__subtitle{color:var(--text-light);font-size:var(--text-xs);margin-top:var(--space-1)}.member-activity__xp{color:var(--coral-primary);font-size:var(--text-xs);font-weight:var(--font-semibold)}.member-activity__time{color:var(--text-light);flex-shrink:0;font-size:var(--text-xs);white-space:nowrap}.member-activity__load-more{background:none;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:block;font-family:var(--font-body);font-size:var(--text-sm);margin:var(--space-4) auto 0;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.member-activity__load-more:hover{border-color:var(--coral-primary);color:var(--coral-primary)}.member-activity__empty{color:var(--text-light);font-family:var(--font-body);padding:var(--space-8) 0;text-align:center}.confirm-dialog__message{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed)}@media (max-width:1023px){.member-kpis__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.member-detail__content{padding:var(--space-6) var(--space-4)}.member-header{align-items:center;flex-direction:column;padding:var(--space-5);text-align:center}.member-header__avatar{height:112px;width:112px}.member-header__info{align-items:center}.member-header__name{font-size:var(--text-xl)}.member-header__meta{justify-content:center}.member-detail__topbar{align-items:stretch;flex-direction:column;gap:var(--space-3)}.member-detail__actions{flex-direction:column}.member-header__btn-primary,.member-header__btn-secondary{justify-content:center;width:100%}.member-tabs__tab{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.member-courses__item-progress{min-width:100%}.member-courses__progress-bar{flex:1 1;width:auto}.member-activity__time{display:none}.member-activity__subtitle:after{content:attr(data-time);display:block;margin-top:var(--space-1)}}.training-plan{background-color:var(--bg-light);min-height:60vh}.training-plan__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.training-plan__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.training-plan__header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.training-plan__title{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}.training-plan__header-actions{align-items:center;display:flex;gap:var(--space-3)}.training-plan__catalog-btn{align-items:center;background-color:var(--coral-primary);border:2px solid #0000;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);line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.training-plan__catalog-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.training-plan__catalog-btn:active{transform:translateY(0)}.training-plan__catalog-btn--secondary{background-color:initial;border-color:var(--coral-primary);color:var(--coral-primary)}.training-plan__catalog-btn--secondary:hover{background-color:var(--coral-primary);box-shadow:var(--shadow-coral);color:var(--text-inverted)}.team-selector{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.team-selector__label{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}.team-selector__select{-webkit-appearance:none;appearance:none;background: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-3) 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-sm);font-weight:var(--font-medium);max-width:200px;padding:var(--space-2) var(--space-10) var(--space-2) var(--space-4);transition:all var(--transition-base)}.team-selector__select:hover{border-color:var(--gray-light)}.team-selector__select:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.team-card__name[role=link]:hover,.team-table__member-name[role=link]:hover{color:var(--coral-primary)}.training-plan__interval-chip{align-items:center;background:var(--gray-lightest);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);white-space:nowrap}.training-plan__action-item--destructive{color:var(--error)!important}.training-plan__action-item--destructive .action-item__icon{color:var(--error)}.training-plan__action-item--destructive:hover{background-color:var(--error-light)!important;color:var(--error)!important}.training-plan__action-item--destructive:hover .action-item__icon{color:var(--error)}.training-plan__btn--destructive{background-color:var(--error);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-6);transition:all var(--transition-base)}.training-plan__btn--destructive:hover{opacity:.9}.training-plan__tab-panel{min-height:200px}.training-plan__deadline-text--red{color:var(--error);font-weight:var(--font-semibold)}.training-plan__deadline-text--yellow{color:var(--warning);font-weight:var(--font-semibold)}.training-plan__deadline-text--green{color:var(--success)}.training-plan__deadline-text--none{color:var(--text-light)}.training-plan__hr-hint{align-items:flex-start;color:var(--text-light);display:flex;font-family:var(--font-body);font-size:var(--text-xs);gap:var(--space-2);line-height:var(--leading-normal);margin:var(--space-4) 0 0;padding:0}.training-plan__hr-hint svg{color:var(--navy);flex-shrink:0;margin-top:2px}.training-plan__cards{display:none}@media (max-width:767px){.training-plan__content{padding:var(--space-6) var(--space-4)}.training-plan__header{flex-direction:column}.training-plan__header-actions{flex-direction:column;width:100%}.training-plan__catalog-btn{justify-content:center;width:100%}.team-table-container{display:none}.training-plan__cards{display:flex;flex-direction:column;gap:var(--space-3)}}.course-card-menu{flex-shrink:0;position:relative}.course-card-menu__trigger{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--transition-base);width:32px}.course-card-menu__trigger:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.course-card-menu__trigger:focus-visible{outline:2px solid var(--coral-primary);outline-offset:-2px}.course-card-menu__dropdown{background:var(--bg-white);border:2px solid var(--coral-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-1);min-width:240px;padding:var(--space-1) 0;position:absolute;right:0;top:100%;z-index:20}.course-card-menu__item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.course-card-menu__item:focus-visible,.course-card-menu__item:hover{background:var(--coral-lightest);color:var(--coral-dark);outline:none}.course-card-menu__item-icon{color:var(--text-light);flex-shrink:0;width:16px}.course-card-menu__item:focus-visible .course-card-menu__item-icon,.course-card-menu__item:hover .course-card-menu__item-icon{color:var(--coral-dark)}.course-catalog{background-color:var(--bg-light);min-height:60vh}.course-catalog__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.course-catalog__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.course-catalog__header{margin-bottom:var(--space-6)}.course-catalog__title{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;text-align:left}.course-catalog__grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.catalog-course-card{color:inherit;display:flex;flex-direction:column;height:100%;position:relative;text-decoration:none}.catalog-course-card__plan-badge{align-items:center;background-color:var(--teal);border-radius:var(--radius-full);box-shadow:0 2px 8px #4ecdc44d;color:var(--text-inverted);display:inline-flex;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);letter-spacing:.5px;padding:var(--space-2) var(--space-4);position:absolute;right:var(--space-3);top:var(--space-3);z-index:2}.catalog-course-card__menu-wrapper{position:absolute;right:var(--space-6);top:calc(200px + var(--space-6));z-index:5}.catalog-course-card .course-item-header{padding-right:var(--space-10)}.catalog-course-card__link{color:inherit;display:flex;flex:1 1;flex-direction:column;text-decoration:none}.catalog-course-card .course-item-content{flex:1 1}.catalog-course-card__meta{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.catalog-course-card__rating{align-items:center;color:var(--text-light);display:inline-flex;font-size:var(--text-sm);gap:var(--space-1);white-space:nowrap}.catalog-course-card__rating-star{color:var(--warning);font-size:var(--text-base);line-height:1}.modal-role-item--disabled{cursor:not-allowed;opacity:.5}.modal-role-item--disabled:hover{background-color:var(--bg-white);border-color:var(--gray-lighter)}.modal-role-item__hint{color:var(--text-light);font-size:var(--text-xs);font-weight:var(--font-normal)}.course-catalog__cards{display:none;flex-direction:column;gap:var(--space-4)}@media (max-width:1024px){.course-catalog__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.course-catalog__content{padding:var(--space-6) var(--space-4)}.course-catalog__grid{grid-template-columns:1fr}.catalog-course-card__menu-wrapper{right:var(--space-5);top:calc(160px + var(--space-5))}.course-catalog__cards{display:flex}}.mgr-req-table-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.mgr-req-table-scroll{overflow-x:auto}.mgr-req-table{border-collapse:collapse;min-width:750px;table-layout:fixed;width:100%}.mgr-req-table__th{background-color: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:.5px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.mgr-req-table__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.mgr-req-table__th--sortable:hover{color:var(--coral-primary)}.mgr-req-table__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.mgr-req-table__sort-icon{color:var(--gray-light)}.mgr-req-table__sort-icon--active{color:var(--coral-primary)}.mgr-req-table__row{transition:background-color var(--transition-base)}.mgr-req-table__row:hover{background-color:var(--coral-lightest)}.mgr-req-table__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.mgr-req-table__td--actions{overflow:visible;text-align:right}.mgr-req-table__name{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.mgr-req-table__reason{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgr-req-table__type{border-radius:var(--radius-full);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)}.mgr-req-table__type--secondary{background-color:#4ecdc41a;color:var(--teal)}.mgr-req-table__type--info{background-color:var(--info-light);color:var(--info)}.mgr-req-table__status{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)}.mgr-req-table__status--success{background-color:var(--success-light);color:var(--success)}.mgr-req-table__status--info{background-color:var(--info-light);color:var(--info)}.mgr-req-table__status--error{background-color:var(--error-light);color:var(--error)}.mgr-req-table__status--warning{background-color:var(--warning-light);color:var(--warning)}.mgr-req-table__status--gray{background-color:var(--gray-lightest);color:var(--text-light)}.mgr-req-table__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.mgr-req-table__action-btn{align-items:center;background:none;border:1px solid;border-radius:var(--radius-md);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.mgr-req-table__action-btn--approve{border-color:var(--success);color:var(--success)}.mgr-req-table__action-btn--approve:hover{background-color:var(--success);color:var(--text-inverted)}.mgr-req-table__action-btn--reject{border-color:var(--error);color:var(--error)}.mgr-req-table__action-btn--reject:hover{background-color:var(--error);color:var(--text-inverted)}.mgr-req-table__action-btn--withdraw{border-color:var(--warning);color:var(--warning)}.mgr-req-table__action-btn--withdraw:hover{background-color:var(--warning);color:var(--text-inverted)}@media (max-width:767px){.mgr-req-table-container{display:none}}.mgr-req-card{background-color:var(--bg-white);border-left:3px solid var(--info);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.mgr-req-card:hover{box-shadow:var(--shadow-md)}.mgr-req-card--offen{border-left-color:var(--info)}.mgr-req-card--genehmigt{border-left-color:var(--success)}.mgr-req-card--abgelehnt{border-left-color:var(--error)}.mgr-req-card--weitergeleitet{border-left-color:var(--warning)}.mgr-req-card__header{margin-bottom:var(--space-2)}.mgr-req-card__title-row{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.mgr-req-card__name{color:var(--text-primary);font-size:var(--text-base)}.mgr-req-card__name,.mgr-req-card__type{font-family:var(--font-heading);font-weight:var(--font-semibold)}.mgr-req-card__type{border-radius:var(--radius-full);display:inline-block;flex-shrink:0;font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.mgr-req-card__type--secondary{background-color:#4ecdc41a;color:var(--teal)}.mgr-req-card__type--info{background-color:var(--info-light);color:var(--info)}.mgr-req-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.mgr-req-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.mgr-req-card__row{align-items:center;display:flex;justify-content:space-between}.mgr-req-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.mgr-req-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.mgr-req-card__reason{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgr-req-card__status{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)}.mgr-req-card__status--success{background-color:var(--success-light);color:var(--success)}.mgr-req-card__status--info{background-color:var(--info-light);color:var(--info)}.mgr-req-card__status--error{background-color:var(--error-light);color:var(--error)}.mgr-req-card__status--warning{background-color:var(--warning-light);color:var(--warning)}.mgr-req-card__status--gray{background-color:var(--gray-lightest);color:var(--text-light)}.mgr-req-card__actions{display:flex;gap:var(--space-3)}.mgr-req-card__btn{background:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);text-align:center;transition:all var(--transition-base)}.mgr-req-card__btn--approve{border:1px solid var(--success);color:var(--success)}.mgr-req-card__btn--approve:hover{background-color:var(--success);color:var(--text-inverted)}.mgr-req-card__btn--reject{border:1px solid var(--error);color:var(--error)}.mgr-req-card__btn--reject:hover{background-color:var(--error);color:var(--text-inverted)}.mgr-req-card__btn--withdraw{border:1px solid var(--warning);color:var(--warning)}.mgr-req-card__btn--withdraw:hover{background-color:var(--warning);color:var(--text-inverted)}@media (min-width:768px){.mgr-req-card{display:none}}.req-action-modal{max-width:520px}.req-action-modal__body{margin-bottom:var(--space-4)}.req-action-modal__detail{color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-2)}.req-action-modal__label{color:var(--text-light);flex-shrink:0;font-weight:var(--font-medium)}.req-action-modal__reason{background-color:var(--gray-lightest);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.req-action-modal__reason-label{color:var(--text-light);display:block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;margin-bottom:var(--space-2);text-transform:uppercase}.req-action-modal__reason-text{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-style:italic;line-height:var(--leading-relaxed);margin:0}.req-action-modal__info{align-items:flex-start;background-color:var(--info-light);border-radius:var(--radius-md);color:var(--info);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.req-action-modal__info-icon{flex-shrink:0;margin-top:2px}.modal-btn--success{background-color:var(--success);border:none;color:var(--text-inverted)}.modal-btn--success:hover:not(:disabled){filter:brightness(.9)}.modal-btn--success:disabled{cursor:not-allowed;opacity:.5}.modal-btn--warning{background-color:var(--warning);border:none;color:var(--text-inverted)}.modal-btn--warning:hover:not(:disabled){filter:brightness(.9)}.modal-btn--warning:disabled{cursor:not-allowed;opacity:.5}.course-detail{background-color:var(--bg-light);min-height:60vh}.course-detail__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.course-detail__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.course-detail__topbar{align-items:center;display:flex;margin-bottom:var(--space-6)}.course-detail__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-1);padding:0;text-decoration:none;transition:color var(--transition-fast)}.course-detail__back:hover{color:var(--coral-dark);text-decoration:underline}.course-detail-header{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.course-detail-header__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-1) 0;padding-bottom:7px;padding-top:10px;text-align:left}.course-detail-header__category{background-color:var(--coral-primary);border-radius:var(--radius-full);color:var(--text-inverted);display:inline-block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;margin-bottom:var(--space-1);padding:var(--space-1) var(--space-3);text-transform:uppercase}.course-detail-header__badges{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.course-detail-header__description{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-5) 0}.course-detail-header__meta{border-top:1px solid var(--gray-lighter);display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-4)}.course-detail-header__chip{align-items:center;background:var(--gray-lightest);border-radius:var(--radius-full);color:var(--text-secondary);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)}.course-detail-kpis{margin-bottom:var(--space-6)}.course-detail-kpis__grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.course-detail__section-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-4) 0}.course-detail__table-wrapper{display:block}.course-detail__cards{display:none}.course-member-table__progress{align-items:center;display:flex;gap:var(--space-2)}.course-member-table__avatar{align-items:center;background: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:32px;justify-content:center;width:32px}.course-member-table__member-info{align-items:center;display:flex;gap:var(--space-3)}.course-member-table__member-email{color:var(--text-light);font-size:var(--text-xs);margin-top:var(--space-1)}.course-member-card{animation:fadeInUp .3s ease both;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-5)}.course-member-card+.course-member-card{margin-top:var(--space-3)}.course-member-card__header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.course-member-card__avatar{align-items:center;background: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:40px;justify-content:center;width:40px}.course-member-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.course-member-card__progress{margin-bottom:var(--space-4)}.course-member-card__progress-info{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.course-member-card__progress-label{color:var(--text-light);font-size:var(--text-xs)}.course-member-card__progress-value{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.course-member-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.course-member-card__row{align-items:center;display:flex;font-family:var(--font-body);font-size:var(--text-sm);justify-content:space-between}.course-member-card__row-label{color:var(--text-light)}.course-member-card__row-value{color:var(--text-primary);font-weight:var(--font-medium)}.member-compliance__dot--none{background-color:var(--gray-light)}.member-compliance__status-text--none{color:var(--text-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.course-detail-kpis__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.course-detail__content{padding:var(--space-6) var(--space-4)}.course-detail-kpis__grid{grid-template-columns:repeat(2,1fr)}.course-detail-header__title{font-size:var(--text-xl)}.course-detail__table-wrapper{display:none}.course-detail__cards{display:block}}.lp-edit{background-color:var(--bg-light);min-height:60vh}.lp-edit__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.lp-edit__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.lp-edit__topbar{align-items:center;display:flex;margin-bottom:var(--space-6)}.lp-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-1);padding:0;text-decoration:none;transition:color var(--transition-fast)}.lp-edit__back:hover{color:var(--coral-dark);text-decoration:underline}.lp-edit__section{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.lp-edit__section-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}.lp-edit__field{margin-bottom:var(--space-5)}.lp-edit__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)}.lp-edit__input{background: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);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.lp-edit__input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.lp-edit__input--error{border-color:var(--error)}.lp-edit__input--error:focus{box-shadow:0 0 0 3px #dc354526}.lp-edit__textarea{background: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:80px;padding:var(--space-3) var(--space-4);resize:vertical;transition:all var(--transition-base);width:100%}.lp-edit__textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.lp-edit__textarea--error{border-color:var(--error)}.lp-edit__error{color:var(--error);font-family:var(--font-body);font-size:var(--text-xs);margin:var(--space-1) 0 0}.lp-edit__save-row{display:flex;justify-content:flex-end}.lp-edit__save-btn{align-items:center;background-color:var(--coral-primary);border:2px solid #0000;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);line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.lp-edit__save-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.lp-edit__save-btn:active{transform:translateY(0)}.lp-edit__save-btn:disabled,.lp-edit__save-btn:disabled:hover{background-color:var(--coral-primary);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.lp-edit__course-list{display:flex;flex-direction:column;gap:var(--space-3)}.lp-edit__course-list--dragging-over{background-color:var(--coral-lightest);border-radius:var(--radius-md);padding:var(--space-2)}.lp-edit__course-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)}.lp-edit__course-item:hover{border-color:var(--coral-primary);box-shadow:0 2px 8px #fe876e26}.lp-edit__course-item--dragging{background-color:var(--coral-lightest);border-color:var(--coral-primary);box-shadow:var(--shadow-lg)}.lp-edit__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)}.lp-edit__drag-handle:hover{background-color:var(--gray-lightest);color:var(--gray-dark)}.lp-edit__drag-handle:active{cursor:grabbing}.lp-edit__course-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}.lp-edit__course-info{flex:1 1;min-width:0}.lp-edit__course-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-edit__course-meta{align-items:center;display:flex;gap:var(--space-2);margin-top:var(--space-1)}.lp-edit__course-category{background-color:var(--gray-lightest);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2)}.lp-edit__course-duration{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.lp-edit__remove-btn{align-items:center;background:none;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.lp-edit__remove-btn:hover{background-color:var(--error-light);border-color:var(--error);color:var(--error)}.lp-edit__empty{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-10) var(--space-6);text-align:center}@media (max-width:767px){.lp-edit__content{padding:var(--space-6) var(--space-4)}.lp-edit__section{padding:var(--space-4)}.lp-edit__course-meta{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.lp-edit__save-row{justify-content:stretch}.lp-edit__save-btn{justify-content:center;width:100%}}.catalog-detail{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)}.catalog-detail .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.catalog-detail__back{align-items:center;background:none;border:none;color:#646a6c;color:var(--text-secondary,#646a6c);cursor:pointer;display:inline-flex;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);font-weight:500;font-weight:var(--font-medium,500);gap:.5rem;gap:var(--space-2,.5rem);padding:1.5rem 0 .5rem;padding:var(--space-6,1.5rem) 0 var(--space-2,.5rem);text-decoration:none;transition:color .2s ease;transition:color var(--transition-base,.2s ease)}.catalog-detail__back:hover{color:#fe876e;color:var(--coral-primary,#fe876e)}.catalog-detail__back:focus-visible{border-radius:.25rem;border-radius:var(--radius-sm,.25rem);outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.catalog-detail__hero{border-bottom:1px solid #e8eaeb;border-bottom:1px solid var(--gray-lighter,#e8eaeb);padding-bottom:2rem;padding-bottom:var(--space-8,2rem);padding-top:1.5rem;padding-top:var(--space-6,1.5rem)}.catalog-detail__hero-top{align-items:center;display:flex;flex-flow:row;gap:2rem;gap:var(--space-8,2rem);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.catalog-detail__hero-info{flex:1 1;max-width:500px}.catalog-detail 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}.catalog-detail__trainer{color:#8a9194;color:var(--text-light,#8a9194);font-size:.875rem;font-size:var(--text-sm,.875rem);margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.catalog-detail__description,.catalog-detail__trainer{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif)}.catalog-detail__description{color:#646a6c;color:var(--text-secondary,#646a6c);font-size:1.125rem;font-size:var(--text-lg,1.125rem);line-height:1.6;line-height:var(--leading-relaxed,1.6)}.catalog-detail__badges{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.catalog-detail__plan-badge{background-color:#a8e6e1;background-color:var(--teal-light,#a8e6e1);color:#3ba99e;color:var(--teal-dark,#3ba99e);gap:.25rem;gap:var(--space-1,.25rem)}.catalog-detail__category-badge,.catalog-detail__plan-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;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);padding:.25rem .75rem;padding:var(--space-1,.25rem) var(--space-3,.75rem)}.catalog-detail__category-badge{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);color:#646a6c;color:var(--text-secondary,#646a6c)}.catalog-detail__meta-tiles{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4,1rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.catalog-detail__meta-tile{align-items:center;background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border-radius:.5rem;border-radius:var(--radius-md,.5rem);display:flex;gap:.5rem;gap:var(--space-2,.5rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.catalog-detail__meta-icon{color:#8a9194;color:var(--text-light,#8a9194);font-size:1rem;font-size:var(--text-base,1rem)}.catalog-detail__meta-value{color:#2d3436;color:var(--text-primary,#2d3436);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)}.catalog-detail__meta-label{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:.875rem;font-size:var(--text-sm,.875rem)}.catalog-detail__rating-star{color:#ff9800;color:var(--warning,#ff9800);font-size:1.125rem;font-size:var(--text-lg,1.125rem)}.catalog-detail__rating-count{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)}.catalog-detail__cover{border-radius:3%;box-shadow:14px 8px 29px #00000026;flex-shrink:0;width:175px}.catalog-detail__cover img{border-radius:3%;display:block;height:100%;width:100%}.catalog-detail__actions{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3,.75rem);margin-top:.5rem;margin-top:var(--space-2,.5rem)}.catalog-detail__action-btn{align-items:center;border-radius:.5rem;border-radius:var(--radius-md,.5rem);cursor:pointer;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);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s ease;transition:all var(--transition-base,.2s ease);white-space:nowrap}.catalog-detail__action-btn:focus-visible{outline:2px solid #fe876e;outline:2px solid var(--coral-primary,#fe876e);outline-offset:2px}.catalog-detail__action-btn--primary{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);border:none;color:#fff;color:var(--text-inverted,#fff)}.catalog-detail__action-btn--primary: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)}.catalog-detail__action-btn--primary:active{transform:translateY(0)}.catalog-detail__action-btn--secondary{background-color:initial;border:2px solid #fe876e;border:2px solid var(--coral-primary,#fe876e);color:#fe876e;color:var(--coral-primary,#fe876e)}.catalog-detail__action-btn--secondary:hover{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);color:#fff;color:var(--text-inverted,#fff)}.catalog-detail__action-btn--outline{background-color:#f5f6f7;background-color:var(--gray-lightest,#f5f6f7);border:1px solid #e8eaeb;border:1px solid var(--gray-lighter,#e8eaeb);color:#646a6c;color:var(--text-secondary,#646a6c)}.catalog-detail__action-btn--outline:hover{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb)}.catalog-detail__action-btn--remove{background-color:initial;border:1px solid #f44336;border:1px solid var(--error,#f44336);color:#f44336;color:var(--error,#f44336)}.catalog-detail__action-btn--remove:hover{background-color:#f44336;background-color:var(--error,#f44336);color:#fff;color:var(--text-inverted,#fff)}.catalog-detail__lessons{padding:2rem 0;padding:var(--space-8,2rem) 0}@media screen and (min-width:768px){.catalog-detail{padding:0 2.5rem;padding:0 var(--space-10,2.5rem);padding-bottom:5rem;padding-bottom:var(--space-20,5rem)}.catalog-detail h1{font-size:3rem;font-size:var(--text-5xl,3rem)}}@media screen and (max-width:767px){.catalog-detail__hero{padding-top:1rem;padding-top:var(--space-4,1rem)}.catalog-detail__hero-top{flex-flow:column-reverse;gap:1.5rem;gap:var(--space-6,1.5rem);text-align:left}.catalog-detail__hero-info{max-width:100%}.catalog-detail__cover{margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.catalog-detail h1{font-size:1.875rem;font-size:var(--text-3xl,1.875rem)}.catalog-detail__meta-tiles{flex-direction:column}.catalog-detail__meta-tile{width:100%}.catalog-detail__actions{flex-direction:column}.catalog-detail__action-btn{width:100%}}@media screen and (max-width:480px){.catalog-detail__back{padding-top:1rem;padding-top:var(--space-4,1rem)}}.manager-greeting{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);border-top:3px solid var(--coral-primary);margin-bottom:var(--space-6);padding:var(--space-8)}.manager-greeting__title{color:var(--gray-dark);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0;padding:0;text-align:left}.manager-greeting__accent{background:var(--coral-primary);border-radius:var(--radius-full);height:4px;margin:var(--space-3) 0;width:60px}.manager-greeting__subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);margin:0}@media (max-width:767px){.manager-greeting{padding:var(--space-6) var(--space-4)}.manager-greeting__title{font-size:var(--text-2xl)}}.manager-dashboard__kpis{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-8)}.manager-kpi-card{align-items:center;animation:kpiFadeInUp .3s ease both;background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-4)}.manager-kpi-card__value{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold)}.manager-kpi-card__value--warning{color:var(--error)}.manager-kpi-card__label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:center}@keyframes kpiFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.manager-dashboard__kpis{grid-template-columns:repeat(2,1fr)}}.manager-dashboard__section{margin-top:var(--space-8)}.manager-dashboard__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.manager-dashboard__section-title{color:var(--gray-dark);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.manager-dashboard__section-link{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;white-space:nowrap}.manager-dashboard__section-link:hover{color:var(--coral-dark);text-decoration:underline}.manager-overdue__table-wrapper{display:block}.manager-overdue__table{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);overflow:hidden}.manager-dashboard__table{border-collapse:collapse;width:100%}.manager-overdue__th{color:var(--text-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase}.manager-overdue__row{transition:background-color var(--transition-base)}.manager-overdue__row:hover{background:var(--coral-lightest)}.manager-overdue__td{border-bottom:1px solid var(--gray-lightest);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.manager-overdue__td--course{color:var(--gray-dark);font-family:var(--font-heading);font-weight:var(--font-semibold)}.manager-overdue__td--date{color:var(--error)}.manager-overdue__cards{display:none}.manager-overdue__card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-left:3px solid var(--error);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-4)}.manager-overdue__card-title{color:var(--gray-dark);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.manager-overdue__card-member,.manager-overdue__card-team{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.manager-overdue__card-date{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-2)}.manager-overdue__badge{background:var(--error-light);border-radius:var(--radius-sm);color:var(--error);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--space-2);padding:var(--space-1) var(--space-2)}@media (max-width:767px){.manager-overdue__table-wrapper{display:none}.manager-overdue__cards{display:block}.manager-dashboard__section-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}}.dept-table-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.dept-table-scroll{overflow-x:auto}.dept-table{border-collapse:collapse;min-width:700px;table-layout:fixed;width:100%}.dept-table__th{background-color: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:.5px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.dept-table__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.dept-table__th--sortable:hover{color:var(--coral-primary)}.dept-table__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.dept-table__sort-icon{color:var(--gray-light)}.dept-table__sort-icon--active{color:var(--coral-primary)}.dept-table__row{transition:background-color var(--transition-base)}.dept-table__row:hover{background-color:var(--coral-lightest)}.dept-table__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.dept-table__td--center,.dept-table__th--center{text-align:center}.dept-table__td--actions{overflow:visible;text-align:right}.dept-table__name{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.dept-table__menu-btn{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;margin-left:auto;padding:0;transition:all var(--transition-base);width:36px}.dept-table__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.actions-dropdown--above{bottom:100%;margin-bottom:var(--space-1);margin-top:0;top:auto}.actions-dropdown__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-1) 0}.action-item:focus,.action-item:hover{background-color:var(--coral-lightest);color:var(--coral-dark);outline:none}.action-item--destructive{color:var(--error)}.action-item--destructive:focus,.action-item--destructive:hover{background-color:var(--error-light);color:var(--error);outline:none}@media (max-width:767px){.dept-table-container{display:none}}.req-table-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.req-table-scroll{overflow-x:auto}.req-table{border-collapse:collapse;min-width:700px;table-layout:fixed;width:100%}.req-table__th{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-medium);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;vertical-align:middle;white-space:normal}.req-table__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.req-table__th--sortable:hover{color:var(--coral-primary)}.req-table__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.req-table__sort-icon{color:var(--gray-light)}.req-table__sort-icon--active{color:var(--coral-primary)}.req-table__row{transition:background-color var(--transition-base)}.req-table__row:hover{background-color:var(--coral-lightest)}.req-table__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.req-table__td--actions{overflow:visible;text-align:right}.req-table__name{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.req-table__reason{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.req-table__status{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)}.req-table__status--success{background-color:var(--success-light);color:var(--success)}.req-table__status--info{background-color:var(--info-light);color:var(--info)}.req-table__status--error{background-color:var(--error-light);color:var(--error)}.req-table__status--warning{background-color:var(--warning-light);color:var(--warning)}.req-table__status--gray{background-color:var(--gray-lightest);color:var(--text-light)}.req-table__menu-btn{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;margin-left:auto;padding:0;transition:all var(--transition-base);width:36px}.req-table__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.action-item--success{color:var(--success)}.action-item--success:focus,.action-item--success:hover{background-color:var(--success-light);color:var(--success);outline:none}@media (max-width:767px){.req-table-container{display:none}}.manager-approvals__table-wrapper{display:block}.manager-approvals__table{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);overflow:visible}.manager-approvals__th{color:var(--text-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase}.manager-approvals__row{transition:background-color var(--transition-base)}.manager-approvals__row:hover{background:var(--coral-lightest)}.manager-approvals__td{border-bottom:1px solid var(--gray-lightest);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.manager-approvals__td--course{color:var(--gray-dark);font-family:var(--font-heading);font-weight:var(--font-semibold)}.manager-approvals__td--date{color:var(--text-light)}.manager-approvals__td--actions{overflow:visible;text-align:right}.manager-action-menu__trigger{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;margin-left:auto;padding:0;transition:all var(--transition-base);width:36px}.manager-action-menu__trigger:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.manager-action-menu__trigger:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.manager-approvals__cards{display:none}.manager-approvals__card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-left:3px solid var(--info);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-4)}.manager-approvals__card-header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.manager-approvals__card-title{color:var(--gray-dark);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.manager-approvals__card-meta{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.manager-approvals__card-team,.manager-approvals__card-user{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.manager-approvals__card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-2)}.manager-approvals__card-date{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm)}.manager-approvals__card-badge{background:var(--info-light);border-radius:var(--radius-sm);color:var(--info);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);white-space:nowrap}.manager-dashboard__section-link--disabled{color:var(--text-light);cursor:default;pointer-events:none}@media (max-width:767px){.manager-approvals__table-wrapper{display:none}.manager-approvals__cards{display:block}}.manager-requests__table-wrapper{display:block}.manager-requests__table{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);overflow:visible}.manager-requests__th{color:var(--text-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase}.manager-requests__row{transition:background-color var(--transition-base)}.manager-requests__row:hover{background:var(--coral-lightest)}.manager-requests__td{border-bottom:1px solid var(--gray-lightest);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.manager-requests__td--course{color:var(--gray-dark);font-family:var(--font-heading);font-weight:var(--font-semibold)}.manager-requests__td--date{color:var(--text-light)}.manager-requests__td--actions{overflow:visible;text-align:right}.manager-requests__cards{display:none}.manager-requests__card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-left:3px solid var(--coral-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-4)}.manager-requests__card-header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.manager-requests__card-title{color:var(--gray-dark);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.manager-requests__card-meta{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.manager-requests__card-team,.manager-requests__card-user{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.manager-requests__card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-2)}.manager-requests__card-date{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm)}.manager-requests__card-badge{background:var(--info-light);border-radius:var(--radius-sm);color:var(--info);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);white-space:nowrap}@media (max-width:767px){.manager-requests__table-wrapper{display:none}.manager-requests__cards{display:block}}.manager-dashboard{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.manager-dashboard__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.manager-dashboard__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}@media (max-width:767px){.manager-dashboard__content{padding:var(--space-6) var(--space-4)}}@media (min-width:768px) and (max-width:1023px){.manager-dashboard__content{padding:var(--space-8) var(--space-6)}}.dept-card{background-color:var(--bg-white);border-left:3px solid var(--success);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.dept-card:hover{box-shadow:var(--shadow-md)}.dept-card__header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.dept-card__info{min-width:0}.dept-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.dept-card__subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.dept-card__menu-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all var(--transition-base);width:32px}.dept-card__menu-btn:hover{background-color:var(--gray-lightest)}.dept-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.dept-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.dept-card__row{align-items:center;display:flex;justify-content:space-between}.dept-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.dept-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.team-tbl-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.team-tbl-scroll{overflow-x:auto}.team-tbl{border-collapse:collapse;min-width:750px;table-layout:fixed;width:100%}.team-tbl__th{background-color: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:.5px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.team-tbl__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.team-tbl__th--sortable:hover{color:var(--coral-primary)}.team-tbl__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.team-tbl__sort-icon{color:var(--gray-light)}.team-tbl__sort-icon--active{color:var(--coral-primary)}.team-tbl__row{transition:background-color var(--transition-base)}.team-tbl__row:hover{background-color:var(--coral-lightest)}.team-tbl__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.team-tbl__td--center,.team-tbl__th--center{text-align:center}.team-tbl__td--actions{overflow:visible;text-align:right}.team-tbl__name{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.team-tbl__menu-btn{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;margin-left:auto;padding:0;transition:all var(--transition-base);width:36px}.team-tbl__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}@media (max-width:767px){.team-tbl-container{display:none}}.org-team-card{background-color:var(--bg-white);border-left:3px solid var(--success);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.org-team-card:hover{box-shadow:var(--shadow-md)}.org-team-card__header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.org-team-card__info{min-width:0}.org-team-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.org-team-card__subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.org-team-card__menu-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all var(--transition-base);width:32px}.org-team-card__menu-btn:hover{background-color:var(--gray-lightest)}.org-team-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.org-team-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.org-team-card__row{align-items:center;display:flex;justify-content:space-between}.org-team-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.org-team-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.ua-page{background-color:var(--bg-light);min-height:60vh}.ua-page__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.ua-page__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ua-page__header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.ua-page__title{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}.ua-page__add-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);line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.ua-page__add-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.ua-page__add-btn:active{transform:translateY(0)}.ua-table-section{margin-bottom:var(--space-4)}.ua-table-container{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.ua-table-scroll{overflow:visible}.ua-table{border-collapse:collapse;min-width:750px;table-layout:fixed;width:100%}.ua-table__col--name{width:22%}.ua-table__col--email{width:24%}.ua-table__col--role,.ua-table__col--status{width:12%}.ua-table__col--date{width:16%}.ua-table__col--actions{width:6%}.ua-table__th{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-medium);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;vertical-align:middle;white-space:normal}.ua-table__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.ua-table__th--sortable:hover,.ua-table__th--sorted{color:var(--coral-primary)}.ua-table__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.ua-table__sort-icon{color:var(--gray-light);flex-shrink:0}.ua-table__sort-icon--active{color:var(--coral-primary)}.ua-table__th--center{text-align:center}.ua-table__row{animation:fadeIn .2s ease both;transition:all var(--transition-base)}.ua-table__row:hover{background:var(--coral-lightest)}.ua-table__row:not(:last-child) .ua-table__td{border-bottom:1px solid var(--gray-lighter)}.ua-table__row--inactive{background-color:var(--gray-lightest)}.ua-table__row--inactive .ua-table__member-name,.ua-table__row--inactive .ua-table__td--date,.ua-table__row--inactive .ua-table__td--email{color:var(--text-light)}.ua-table__row--inactive:hover{background-color:var(--gray-lighter)}.ua-table__row--menu-open{position:relative;z-index:10}.ua-table__td{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4) var(--space-4);text-overflow:ellipsis;white-space:nowrap}.ua-table__member{align-items:center;display:flex;gap:var(--space-3)}.ua-table__avatar{flex-shrink:0}.ua-table__avatar-initials{align-items:center;background-color:var(--coral-lightest);border-radius:var(--radius-full);color:var(--coral-primary);display:flex;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);height:32px;justify-content:center;width:32px}.ua-table__member-info{min-width:0}.ua-table__member-name{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ua-table__td--email{color:var(--text-secondary)}.ua-table__td--date{color:var(--text-light)}.ua-table__role-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);white-space:nowrap}.ua-table__role-badge--ADMIN{background-color:var(--teal-light);color:var(--teal-dark)}.ua-table__role-badge--TRAINER{background-color:var(--coral-lightest);color:var(--coral-dark)}.ua-table__role-badge--USER{background-color:var(--gray-lighter);color:var(--text-secondary)}.ua-table__status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);white-space:nowrap}.ua-table__status-badge--ACTIVE{background-color:var(--success-light);color:var(--success)}.ua-table__status-badge--INACTIVE{background-color:var(--gray-lighter);color:var(--text-light)}.ua-table__td--actions{overflow:visible;position:relative;text-align:center}.actions-menu-container{display:inline-block;position:relative}.ua-table__menu-btn{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;padding:0;transition:all var(--transition-base);width:36px}.ua-table__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.ua-table__menu-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:-2px}.actions-dropdown{background:var(--bg-white);border:2px solid var(--coral-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-1);min-width:180px;padding:var(--space-1) 0;position:absolute;right:0;top:100%;z-index:9999}.action-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.action-item:hover{background-color:var(--coral-lightest);color:var(--coral-dark)}.action-item__icon{color:var(--text-light);flex-shrink:0;width:16px}.action-item:hover .action-item__icon{color:var(--coral-dark)}.action-item:focus-visible{background-color:var(--coral-lightest);color:var(--coral-dark);outline:none}.action-item:focus-visible .action-item__icon{color:var(--coral-dark)}.action-item:disabled{cursor:not-allowed;opacity:.4}.action-item:disabled:hover{background:none;color:var(--text-primary)}.action-item:disabled:hover .action-item__icon{color:var(--text-light)}.ua-cards{display:none}.ua-card{animation:fadeIn .2s ease both;background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--space-4);transition:box-shadow var(--transition-fast)}.ua-card:hover{box-shadow:var(--shadow-md)}.ua-card--inactive{background-color:var(--gray-lightest)}.ua-card__header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.ua-card__profile{align-items:center;display:flex;gap:var(--space-3);min-width:0}.ua-card__avatar{flex-shrink:0}.ua-card__avatar-initials{align-items:center;background-color:var(--coral-lightest);border-radius:var(--radius-full);color:var(--coral-primary);display:flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);height:40px;justify-content:center;width:40px}.ua-card__info{min-width:0}.ua-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.ua-card__email{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ua-card__badges{display:flex;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3) 0}.ua-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:0 0 var(--space-3) 0}.ua-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.ua-card__row{align-items:center;display:flex;justify-content:space-between}.ua-card__row-label{color:var(--text-light);font-size:var(--text-xs)}.ua-card__row-value{color:var(--text-primary);font-size:var(--text-sm)}.ua-card__menu-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all var(--transition-base);width:32px}.ua-card__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.ua-card__menu-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:-2px}.ua-card__dropdown{margin-top:var(--space-1);right:0;top:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1023px){.ua-page__content{padding:var(--space-8) var(--space-4)}.ua-table-container{border-radius:var(--radius-lg);overflow:hidden;position:relative}.ua-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.ua-table-container:after{background:linear-gradient(90deg,#0000,#0000000f);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:32px;z-index:1}}@media (max-width:767px){.ua-table-container:after{display:none}.ua-page__content{padding:var(--space-6) var(--space-4)}.ua-page__header{flex-direction:column}.ua-page__add-btn{justify-content:center;width:100%}.ua-table-container{display:none}.ua-cards{display:flex;flex-direction:column;gap:var(--space-3)}}.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{height:55vh;margin:0 auto}.modal-backdrop,.user-edit-loading{align-items:center;display:flex;justify-content:center}.modal-backdrop{background:#00000080;inset:0;padding:var(--space-4);position:fixed;z-index:1000}.modal-dialog{animation:modalSlideIn .2s ease-out;background: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-6);width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--gray-lighter);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.modal-header__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.modal-header__close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-header__close:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.modal-field{margin-bottom:var(--space-4)}.modal-field__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)}.modal-field__input,.modal-field__select{background: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);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base);width:100%}.modal-field__input:focus,.modal-field__select:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.modal-field__input::placeholder{color:var(--text-light)}.modal-field__input--error{border-color:var(--error)}.modal-field__error{color:var(--error)}.modal-field__error,.modal-field__hint{font-size:var(--text-xs);margin-top:var(--space-1)}.modal-field__hint{color:var(--text-light);margin-bottom:var(--space-4)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.modal-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-3) var(--space-6);transition:all var(--transition-base)}.modal-btn--primary{background-color:var(--coral-primary);color:var(--text-inverted)}.modal-btn--primary:hover{background-color:var(--coral-dark)}.modal-btn--primary:disabled{cursor:not-allowed;opacity:.5}.modal-btn--secondary{background:none;border:1px solid var(--gray-lighter);color:var(--text-secondary)}.modal-btn--secondary:hover{border-color:var(--gray-light);color:var(--text-primary)}.modal-btn--danger{background-color:var(--error);color:var(--text-inverted)}.modal-btn--danger:hover{background-color:#d32f2f}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-modal{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)}@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)}.modal-dialog{padding:var(--space-5)}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}.password-reset-actions{flex-direction:column-reverse}.password-reset-actions button{width:100%}}.mitglieder-tab__loading{align-items:center;display:flex;justify-content:center;min-height:300px}.mitglieder-tab__cards{display:none}@media (max-width:767px){.mitglieder-tab__cards{display:flex;flex-direction:column;gap:var(--space-3)}}.delete-confirm-modal{max-width:460px}.delete-confirm-modal__body{margin-bottom:var(--space-4)}.delete-confirm-modal__warning{align-items:center;background-color:var(--warning-light);border-radius:var(--radius-md);color:var(--error);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)}.delete-confirm-modal__warning-icon{color:var(--warning);flex-shrink:0}.delete-confirm-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-4) 0}.delete-confirm-modal__impact{background-color:var(--gray-lightest);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.delete-confirm-modal__impact-row{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);justify-content:space-between}.delete-confirm-modal__impact-row strong{color:var(--text-primary)}.admin-org{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.admin-org__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.admin-org__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.admin-org__header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.admin-org__title{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}.admin-org__create-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);padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.admin-org__create-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.admin-org__create-btn:active{transform:translateY(0)}.admin-org__panel{margin-top:var(--space-6)}.admin-org__cards{display:none}.admin-org__pagination{align-items:center;border-top:1px solid var(--gray-lighter);display:flex;gap:var(--space-4);justify-content:space-between;margin-top:var(--space-8);padding-top:var(--space-6)}.admin-org__pagination-info{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.admin-org__pagination-controls{align-items:center;display:flex;gap:var(--space-1)}.admin-org__pagination-btn{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);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:all var(--transition-fast)}.admin-org__pagination-btn:hover:not(:disabled){border-color:var(--coral-primary);color:var(--coral-primary)}.admin-org__pagination-btn:disabled{background-color:var(--bg-light);color:var(--gray-light);cursor:not-allowed}.admin-org__pagination-btn--active{background-color:var(--coral-primary);border-color:var(--coral-primary);color:var(--text-inverted)}.admin-org__pagination-btn--active:hover{background-color:var(--coral-dark);border-color:var(--coral-dark);color:var(--text-inverted)}@media (max-width:767px){.admin-org__content{padding:var(--space-4)}.admin-org__header{align-items:stretch;flex-direction:column}.admin-org__create-btn{justify-content:center}.admin-org__cards{display:flex;flex-direction:column;gap:var(--space-3)}.admin-org__pagination{align-items:center;flex-direction:column}.admin-org__pagination-controls{flex-wrap:wrap;justify-content:center}}@media (min-width:768px) and (max-width:1023px){.admin-org__content{padding:var(--space-6) var(--space-6)}}.admin-card-menu{flex-shrink:0;position:relative}.admin-card-menu__trigger{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-dark);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--transition-base);width:32px}.admin-card-menu__trigger:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.admin-card-menu__trigger:focus-visible{outline:2px solid var(--coral-primary);outline-offset:-2px}.admin-card-menu__dropdown{background:var(--bg-white);border:2px solid var(--coral-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-1);min-width:240px;padding:var(--space-1) 0;position:absolute;right:0;top:100%;z-index:20}.admin-card-menu__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-1) 0}.admin-card-menu__item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.admin-card-menu__item:focus-visible,.admin-card-menu__item:hover{background:var(--coral-lightest);color:var(--coral-dark);outline:none}.admin-card-menu__item--warning{color:var(--warning)}.admin-card-menu__item--warning:focus-visible,.admin-card-menu__item--warning:hover{background:var(--warning-light);color:var(--warning)}.admin-card-menu__item-icon{color:var(--text-light);flex-shrink:0;width:16px}.admin-card-menu__item:focus-visible .admin-card-menu__item-icon,.admin-card-menu__item:hover .admin-card-menu__item-icon{color:var(--coral-dark)}.admin-card-menu__item--warning .admin-card-menu__item-icon{color:var(--warning)}.admin-card-menu__item--warning:focus-visible .admin-card-menu__item-icon,.admin-card-menu__item--warning:hover .admin-card-menu__item-icon{color:var(--warning)}.admin-course-card{overflow:visible;position:relative}.admin-course-card .course-item-image{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.admin-course-card__link{color:inherit;display:flex;flex:1 1;flex-direction:column;text-decoration:none}.admin-course-card__menu-wrapper{position:absolute;right:var(--space-6);top:calc(200px + var(--space-6));z-index:5}.admin-course-card .course-item-header{padding-right:var(--space-10)}.admin-course-card__meta{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.admin-course-card__rating{align-items:center;color:var(--text-light);display:inline-flex;font-size:var(--text-sm);gap:var(--space-1);white-space:nowrap}.admin-course-card__rating-star{color:var(--warning);font-size:var(--text-base);line-height:1}@media (max-width:767px){.admin-course-card__menu-wrapper{right:var(--space-5);top:calc(160px + var(--space-5))}}.pkg-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}@media (max-width:1023px){.pkg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.pkg-grid{grid-template-columns:1fr}}.pkg-card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-6);transition:box-shadow var(--transition-base)}.pkg-card:hover{box-shadow:var(--shadow-md)}.pkg-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.pkg-card__courses{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.pkg-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-4) 0}.pkg-card__status{margin-bottom:var(--space-3)}.pkg-card__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)}.pkg-card__status-badge--success{background-color:var(--success-light);color:var(--success)}.pkg-card__status-badge--info{background-color:var(--info-light);color:var(--info)}.pkg-card__status-badge--warning{background-color:var(--warning-light);color:var(--warning)}.pkg-card__meta{color:var(--text-secondary);flex-grow:1;font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-4)}.pkg-card__actions{display:flex;gap:var(--space-2)}.pkg-card__btn{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-4);transition:all var(--transition-base)}.pkg-card__btn--primary{background-color:var(--coral-primary);border:none;color:var(--text-inverted)}.pkg-card__btn--primary:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.pkg-card__btn--secondary{background:none;border:1px solid var(--gray-lighter);color:var(--text-secondary)}.pkg-card__btn--secondary:hover{border-color:var(--coral-primary);color:var(--coral-primary)}.pkg-card__btn--warning{background:none;border:1px solid var(--gray-lighter);color:var(--warning)}.pkg-card__btn--warning:hover{background-color:var(--warning-light);border-color:var(--warning)}.req-card{background-color:var(--bg-white);border-left:3px solid var(--info);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.req-card:hover{box-shadow:var(--shadow-md)}.req-card--offen{border-left-color:var(--info)}.req-card--genehmigt{border-left-color:var(--success)}.req-card--abgelehnt{border-left-color:var(--error)}.req-card__header{margin-bottom:var(--space-2)}.req-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.req-card__subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.req-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.req-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.req-card__row{align-items:center;display:flex;justify-content:space-between}.req-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.req-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.req-card__reason{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.req-card__status{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)}.req-card__status--success{background-color:var(--success-light);color:var(--success)}.req-card__status--info{background-color:var(--info-light);color:var(--info)}.req-card__status--error{background-color:var(--error-light);color:var(--error)}.req-card__status--warning{background-color:var(--warning-light);color:var(--warning)}.req-card__status--gray{background-color:var(--gray-lightest);color:var(--text-light)}.req-card__actions{display:flex;gap:var(--space-3)}.req-card__btn{background:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);text-align:center;transition:all var(--transition-base)}.req-card__btn--approve{border:1px solid var(--success);color:var(--success)}.req-card__btn--approve:hover{background-color:var(--success);color:var(--text-inverted)}.req-card__btn--reject{border:1px solid var(--error);color:var(--error)}.req-card__btn--reject:hover{background-color:var(--error);color:var(--text-inverted)}.mand-table-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.mand-table-scroll{overflow-x:auto}.mand-table{border-collapse:collapse;min-width:800px;table-layout:fixed;width:100%}.mand-table__th{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-medium);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;vertical-align:middle;white-space:normal}.mand-table__td--center,.mand-table__th--center{text-align:center}.mand-table__th--center .mand-table__th-content{justify-content:center}.mand-table__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.mand-table__th--sortable:hover{color:var(--coral-primary)}.mand-table__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.mand-table__sort-icon{color:var(--gray-light)}.mand-table__sort-icon--active{color:var(--coral-primary)}.mand-table__row{transition:background-color var(--transition-base)}.mand-table__row:hover{background-color:var(--coral-lightest)}.mand-table__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.mand-table__td--actions{overflow:visible;text-align:right}.mand-table__name{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.mand-table__deadline--overdue{color:var(--error);font-weight:var(--font-semibold)}.mand-table__deadline--soon{color:var(--warning);font-weight:var(--font-semibold)}.mand-table__deadline--ok{color:var(--success)}.mand-table__rate{align-items:center;display:flex;gap:var(--space-2)}.mand-table__rate-bar{background-color:var(--gray-lighter);border-radius:3px;flex:1 1;height:6px;min-width:40px;overflow:hidden}.mand-table__rate-fill{background-color:var(--coral-primary);border-radius:3px;height:100%;transition:width var(--transition-base)}.mand-table__rate-text{font-weight:var(--font-medium);min-width:32px;text-align:right}.mand-table__interval-chip,.mand-table__rate-text{color:var(--text-secondary);font-size:var(--text-xs)}.mand-table__interval-chip{align-items:center;background:var(--gray-lightest);border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-heading);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);white-space:nowrap}.mand-table__menu-btn{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;margin-left:auto;padding:0;transition:all var(--transition-base);width:36px}.mand-table__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}@media (max-width:767px){.mand-table-container{display:none}}.mand-card{background-color:var(--bg-white);border-left:3px solid var(--coral-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.mand-card:hover{box-shadow:var(--shadow-md)}.mand-card__header{margin-bottom:var(--space-2)}.mand-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.mand-card__subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.mand-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.mand-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.mand-card__row{align-items:center;display:flex;justify-content:space-between}.mand-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.mand-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.mand-card__deadline--overdue{color:var(--error);font-weight:var(--font-semibold)}.mand-card__deadline--soon{color:var(--warning);font-weight:var(--font-semibold)}.mand-card__deadline--ok{color:var(--success)}.mand-card__interval-chip{align-items:center;background:var(--gray-lightest);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);white-space:nowrap}.mand-card__rate{align-items:center;display:flex;gap:var(--space-2)}.mand-card__rate-bar{background-color:var(--gray-lighter);border-radius:3px;height:6px;overflow:hidden;width:60px}.mand-card__rate-fill{background-color:var(--coral-primary);border-radius:3px;height:100%}.mand-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mand-card__btn{background:none;border:1px solid var(--coral-primary);border-radius:var(--radius-md);color:var(--coral-primary);cursor:pointer;flex:1 1;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:80px;padding:var(--space-2) var(--space-3);text-align:center;transition:all var(--transition-base)}.mand-card__btn:hover{background-color:var(--coral-primary);color:var(--text-inverted)}.mand-card__btn--danger{border-color:var(--error);color:var(--error)}.mand-card__btn--danger:hover{background-color:var(--error);color:var(--text-inverted)}.lp-table-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.lp-table-scroll{overflow-x:auto}.lp-table{border-collapse:collapse;min-width:800px;table-layout:fixed;width:100%}.lp-table__th{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-medium);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;vertical-align:middle;white-space:normal}.lp-table__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.lp-table__th--sortable:hover{color:var(--coral-primary)}.lp-table__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.lp-table__sort-icon{color:var(--gray-light)}.lp-table__sort-icon--active{color:var(--coral-primary)}.lp-table__row{transition:background-color var(--transition-base)}.lp-table__row:hover{background-color:var(--coral-lightest)}.lp-table__row--archived{opacity:.6}.lp-table__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.lp-table__td--actions{overflow:visible;text-align:right}.lp-table__name{color:var(--text-primary);display:block;font-family:var(--font-heading);font-weight:var(--font-semibold);margin-bottom:2px}.lp-table__desc{color:var(--text-light);display:block;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-table__rate{align-items:center;display:flex;gap:var(--space-2)}.lp-table__rate-bar{background-color:var(--gray-lighter);border-radius:3px;flex:1 1;height:6px;min-width:40px;overflow:hidden}.lp-table__rate-fill{background-color:var(--coral-primary);border-radius:3px;height:100%;transition:width var(--transition-base)}.lp-table__rate-text{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);min-width:32px;text-align:right}.lp-table__status{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)}.lp-table__status--success{background-color:var(--success-light);color:var(--success)}.lp-table__status--warning{background-color:var(--warning-light);color:var(--warning)}.lp-table__status--gray{background-color:var(--gray-lightest);color:var(--text-light)}.lp-table__status--info{background-color:var(--info-light);color:var(--info)}.lp-table__menu-btn{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;margin-left:auto;padding:0;transition:all var(--transition-base);width:36px}.lp-table__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}@media (max-width:767px){.lp-table-container{display:none}}.lp-card{background-color:var(--bg-white);border-left:3px solid var(--teal);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.lp-card:hover{box-shadow:var(--shadow-md)}.lp-card--archived{border-left-color:var(--gray-light);opacity:.6}.lp-card__header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-1)}.lp-card__name{color:var(--text-primary);font-size:var(--text-base)}.lp-card__name,.lp-card__status{font-family:var(--font-heading);font-weight:var(--font-semibold)}.lp-card__status{border-radius:var(--radius-sm);display:inline-block;flex-shrink:0;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);white-space:nowrap}.lp-card__status--success{background-color:var(--success-light);color:var(--success)}.lp-card__status--warning{background-color:var(--warning-light);color:var(--warning)}.lp-card__status--gray{background-color:var(--gray-lightest);color:var(--text-light)}.lp-card__desc{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.lp-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.lp-card__row{align-items:center;display:flex;justify-content:space-between}.lp-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.lp-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.lp-card__rate{align-items:center;display:flex;gap:var(--space-2)}.lp-card__rate-bar{background-color:var(--gray-lighter);border-radius:3px;height:6px;overflow:hidden;width:60px}.lp-card__rate-fill{background-color:var(--coral-primary);border-radius:3px;height:100%}.lp-card__actions{display:flex;gap:var(--space-2)}.lp-card__btn{background:none;border:1px solid var(--coral-primary);border-radius:var(--radius-md);color:var(--coral-primary);cursor:pointer;flex:1 1;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);text-align:center;transition:all var(--transition-base)}.lp-card__btn:hover{background-color:var(--coral-primary);color:var(--text-inverted)}.lp-card__btn--secondary{border-color:var(--gray-light);color:var(--text-secondary)}.lp-card__btn--secondary:hover{background-color:var(--gray-lightest);border-color:var(--text-secondary);color:var(--text-primary)}.set-mandatory-modal{max-width:480px}.set-mandatory-modal__info{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:0 0 var(--space-2) 0}.set-mandatory-modal__desc{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0}.set-mandatory-modal__recurring{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2)}.set-mandatory-modal__recurring input[type=checkbox]{accent-color:var(--coral-primary);height:16px;width:16px}.set-mandatory-modal__interval-input{border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);text-align:center;width:60px}.set-mandatory-modal__interval-input:focus{border-color:var(--coral-primary);outline:none}.set-mandatory-modal__interval-input:disabled{background-color:var(--gray-lightest);opacity:.5}.course-detail-modal{max-width:720px}.course-detail-modal__body{margin-bottom:var(--space-4)}.course-detail-modal__title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.course-detail-modal__course-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.course-detail-modal__badges{display:flex;flex-shrink:0;gap:var(--space-2)}.course-detail-modal__status{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)}.course-detail-modal__status--success{background-color:var(--success-light);color:var(--success)}.course-detail-modal__status--warning{background-color:var(--warning-light);color:var(--warning)}.course-detail-modal__status--gray{background-color:var(--gray-lightest);color:var(--text-light)}.course-detail-modal__status--info{background-color:var(--info-light);color:var(--info)}.course-detail-modal__status--mandatory{background-color:var(--coral-lightest);color:var(--coral-primary)}.course-detail-modal__meta{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.course-detail-modal__meta-row{color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2)}.course-detail-modal__meta-label{color:var(--text-light);flex-shrink:0;font-weight:var(--font-medium);min-width:120px}.course-detail-modal__section{margin-bottom:var(--space-4)}.course-detail-modal__section-title{border-bottom:1px solid var(--gray-lighter);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2)}.course-detail-modal__description{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.acquire-modal{max-width:500px}.acquire-modal__body{margin-bottom:var(--space-4)}.acquire-modal__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.acquire-modal__desc{line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0}.acquire-modal__desc,.acquire-modal__detail{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.acquire-modal__detail{align-items:center;border-bottom:1px solid var(--gray-lightest);display:flex;justify-content:space-between;padding:var(--space-2) 0}.acquire-modal__detail-label{color:var(--text-light)}.acquire-modal__detail--price{border-bottom:none;margin-top:var(--space-2)}.acquire-modal__price{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold)}.acquire-modal__total{background-color:var(--gray-lightest);border-bottom:none;margin-top:var(--space-3)}.acquire-modal__license-info,.acquire-modal__total{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.acquire-modal__license-info{align-items:flex-start;background-color:var(--info-light);color:var(--info);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin-top:var(--space-4)}.acquire-modal__info-icon{flex-shrink:0;margin-top:2px}.admin-cm{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.admin-cm__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.admin-cm__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.admin-cm__header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.admin-cm__title{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}.admin-cm__panel{margin-top:var(--space-6)}.admin-cm__course-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.admin-cm__cards{display:none}.admin-cm__pagination{align-items:center;border-top:1px solid var(--gray-lighter);display:flex;gap:var(--space-4);justify-content:space-between;margin-top:var(--space-8);padding-top:var(--space-6)}.admin-cm__pagination-info{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.admin-cm__pagination-controls{align-items:center;display:flex;gap:var(--space-1)}.admin-cm__pagination-btn{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);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:all var(--transition-fast)}.admin-cm__pagination-btn:hover:not(:disabled){border-color:var(--coral-primary);color:var(--coral-primary)}.admin-cm__pagination-btn:disabled{background-color:var(--bg-light);color:var(--gray-light);cursor:not-allowed}.admin-cm__pagination-btn--active{background-color:var(--coral-primary);border-color:var(--coral-primary);color:var(--text-inverted)}.admin-cm__pagination-btn--active:hover{background-color:var(--coral-dark);border-color:var(--coral-dark);color:var(--text-inverted)}.admin-cm__marketplace-section{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)}.admin-cm__marketplace-section:last-child{margin-bottom:0}.admin-cm__section-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)}@media (max-width:1023px){.admin-cm__course-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.admin-cm__content{padding:var(--space-4)}.admin-cm__course-grid{grid-template-columns:1fr}.admin-cm__marketplace-section{padding:var(--space-5)}.admin-cm__cards{display:flex;flex-direction:column;gap:var(--space-3)}.admin-cm__pagination{align-items:center;flex-direction:column}.admin-cm__pagination-controls{flex-wrap:wrap;justify-content:center}}@media (min-width:768px) and (max-width:1023px){.admin-cm__content{padding:var(--space-6) var(--space-6)}}.period-select{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.period-select__label{color:var(--text-secondary);font-weight:var(--font-medium);white-space:nowrap}.period-select__dropdown,.period-select__label{font-family:var(--font-body);font-size:var(--text-sm)}.period-select__dropdown{-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' viewBox='0 0 24 24' fill='none' stroke='%23646A6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:var(--space-2) var(--space-4);padding-right:var(--space-8);transition:border-color var(--transition-fast)}.period-select__dropdown:hover{border-color:var(--coral-primary)}.period-select__dropdown:focus{outline:2px solid var(--coral-primary);outline-offset:1px}.period-select__custom{align-items:center;display:flex;gap:var(--space-2)}.period-select__date{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-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast)}.period-select__date:hover{border-color:var(--coral-primary)}.period-select__date:focus{outline:2px solid var(--coral-primary);outline-offset:1px}.period-select__separator{color:var(--text-light);font-family:var(--font-body)}@media (max-width:767px){.period-select{align-items:stretch;flex-direction:column}.period-select__custom,.period-select__dropdown{width:100%}.period-select__date{flex:1 1}}.company-tab__loading{align-items:center;display:flex;justify-content:center;min-height:300px}.company-tab__kpis{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.company-tab__chart-card{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);padding:var(--space-6)}.company-tab__chart-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.company-tab__chart-container,.company-tab__chart-container--donut{height:280px}.company-tab__charts-row{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;margin-bottom:var(--space-6)}.company-tab__charts-row .company-tab__chart-card{margin-bottom:0}.company-tab__top-courses{display:flex;flex-direction:column;gap:var(--space-3)}.company-tab__course-row{align-items:center;display:flex;gap:var(--space-3)}.company-tab__course-name{color:var(--text-primary);flex-shrink:0;font-family:var(--font-body);font-size:var(--text-sm);min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-tab__course-bar-wrap{background-color:var(--gray-lighter);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.company-tab__course-bar{background-color:var(--coral-primary);border-radius:4px;height:100%;transition:width .4s ease}.company-tab__course-count{color:var(--text-secondary);font-weight:var(--font-medium);min-width:36px;text-align:right}.company-tab__course-count,.company-tab__tooltip{font-family:var(--font-body);font-size:var(--text-sm)}.company-tab__tooltip{background:var(--bg-white);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4)}.company-tab__tooltip-label{color:var(--text-primary);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.company-tab__tooltip-row{align-items:center;display:flex;gap:var(--space-2);padding:2px 0}.company-tab__tooltip-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.company-tab__tooltip-name{color:var(--text-secondary)}.company-tab__tooltip-value{color:var(--text-primary);font-weight:var(--font-medium);margin-left:auto}.company-tab__mandatory{display:flex;flex-direction:column;gap:var(--space-4)}.company-tab__mandatory-bar{background-color:var(--gray-lighter);border-radius:var(--radius-md);display:flex;height:24px;overflow:hidden}.company-tab__mandatory-segment{transition:width .4s ease}.company-tab__mandatory-segment--completed{background-color:var(--success)}.company-tab__mandatory-segment--pending{background-color:var(--warning)}.company-tab__mandatory-segment--overdue{background-color:var(--error)}.company-tab__mandatory-legend{display:flex;flex-wrap:wrap;gap:var(--space-4)}.company-tab__mandatory-item{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2)}.company-tab__mandatory-item--overdue{color:var(--error);font-weight:var(--font-medium)}.company-tab__mandatory-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.company-tab__mandatory-dot--completed{background-color:var(--success)}.company-tab__mandatory-dot--pending{background-color:var(--warning)}.company-tab__mandatory-dot--overdue{background-color:var(--error)}@media (max-width:1023px){.company-tab__charts-row{grid-template-columns:1fr}.company-tab__charts-row .company-tab__chart-card{margin-bottom:var(--space-6)}.company-tab__charts-row .company-tab__chart-card:last-child{margin-bottom:0}}@media (max-width:767px){.company-tab__kpis{grid-template-columns:repeat(2,1fr)}.company-tab__chart-container{height:220px}.company-tab__chart-container--donut{height:260px}.company-tab__course-name{font-size:var(--text-xs);min-width:100px}.company-tab__mandatory-legend{flex-direction:column;gap:var(--space-2)}}.stat-dept-tbl-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.stat-dept-tbl-scroll{overflow-x:auto}.stat-dept-tbl{border-collapse:collapse;min-width:600px;table-layout:fixed;width:100%}.stat-dept-tbl__th{background-color: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:.5px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.stat-dept-tbl__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.stat-dept-tbl__th--sortable:hover{color:var(--coral-primary)}.stat-dept-tbl__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.stat-dept-tbl__sort-icon{color:var(--gray-light)}.stat-dept-tbl__sort-icon--active{color:var(--coral-primary)}.stat-dept-tbl__row{transition:background-color var(--transition-base)}.stat-dept-tbl__row:hover{background-color:var(--coral-lightest)}.stat-dept-tbl__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.stat-dept-tbl__name{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.stat-dept-tbl__rate{align-items:center;display:flex;gap:var(--space-3)}.stat-dept-tbl__rate-bar{background-color:var(--gray-lighter);border-radius:3px;flex:1 1;height:6px;max-width:100px;overflow:hidden}.stat-dept-tbl__rate-fill{background-color:var(--coral-primary);border-radius:3px;height:100%;transition:width .3s ease}.stat-dept-tbl__rate-label{color:var(--text-primary);font-weight:var(--font-medium);min-width:36px}@media (max-width:767px){.stat-dept-tbl-container{display:none}}.stat-dept-card{background-color:var(--bg-white);border-left:3px solid var(--coral-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.stat-dept-card:hover{box-shadow:var(--shadow-md)}.stat-dept-card__header{margin-bottom:var(--space-2)}.stat-dept-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.stat-dept-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.stat-dept-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.stat-dept-card__row{align-items:center;display:flex;justify-content:space-between}.stat-dept-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.stat-dept-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.stat-dept-tab__cards{display:none}.stat-dept-tab__pagination{align-items:center;border-top:1px solid var(--gray-lighter);display:flex;gap:var(--space-4);justify-content:space-between;margin-top:var(--space-8);padding-top:var(--space-6)}.stat-dept-tab__pagination-info{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.stat-dept-tab__pagination-controls{align-items:center;display:flex;gap:var(--space-1)}.stat-dept-tab__pagination-btn{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);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:all var(--transition-fast)}.stat-dept-tab__pagination-btn:hover:not(:disabled){border-color:var(--coral-primary);color:var(--coral-primary)}.stat-dept-tab__pagination-btn:disabled{background-color:var(--bg-light);color:var(--gray-light);cursor:not-allowed}.stat-dept-tab__pagination-btn--active{background-color:var(--coral-primary);border-color:var(--coral-primary);color:var(--text-inverted)}.stat-dept-tab__pagination-btn--active:hover{background-color:var(--coral-dark);border-color:var(--coral-dark);color:var(--text-inverted)}@media (max-width:767px){.stat-dept-tab__cards{display:flex;flex-direction:column;gap:var(--space-3)}.stat-dept-tab__pagination{align-items:center;flex-direction:column}.stat-dept-tab__pagination-controls{flex-wrap:wrap;justify-content:center}}.stat-team-tbl-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.stat-team-tbl-scroll{overflow-x:auto}.stat-team-tbl{border-collapse:collapse;min-width:600px;table-layout:fixed;width:100%}.stat-team-tbl__th{background-color: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:.5px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.stat-team-tbl__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.stat-team-tbl__th--sortable:hover{color:var(--coral-primary)}.stat-team-tbl__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.stat-team-tbl__sort-icon{color:var(--gray-light)}.stat-team-tbl__sort-icon--active{color:var(--coral-primary)}.stat-team-tbl__row{transition:background-color var(--transition-base)}.stat-team-tbl__row:hover{background-color:var(--coral-lightest)}.stat-team-tbl__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.stat-team-tbl__name{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.stat-team-tbl__rate{align-items:center;display:flex;gap:var(--space-3)}.stat-team-tbl__rate-bar{background-color:var(--gray-lighter);border-radius:3px;flex:1 1;height:6px;max-width:100px;overflow:hidden}.stat-team-tbl__rate-fill{background-color:var(--coral-primary);border-radius:3px;height:100%;transition:width .3s ease}.stat-team-tbl__rate-label{color:var(--text-primary);font-weight:var(--font-medium);min-width:36px}@media (max-width:767px){.stat-team-tbl-container{display:none}}.stat-team-card{background-color:var(--bg-white);border-left:3px solid var(--teal);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.stat-team-card:hover{box-shadow:var(--shadow-md)}.stat-team-card__header{margin-bottom:var(--space-2)}.stat-team-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.stat-team-card__subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.stat-team-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.stat-team-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.stat-team-card__row{align-items:center;display:flex;justify-content:space-between}.stat-team-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.stat-team-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.stat-team-tab__cards{display:none}.stat-team-tab__pagination{align-items:center;border-top:1px solid var(--gray-lighter);display:flex;gap:var(--space-4);justify-content:space-between;margin-top:var(--space-8);padding-top:var(--space-6)}.stat-team-tab__pagination-info{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.stat-team-tab__pagination-controls{align-items:center;display:flex;gap:var(--space-1)}.stat-team-tab__pagination-btn{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);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:all var(--transition-fast)}.stat-team-tab__pagination-btn:hover:not(:disabled){border-color:var(--coral-primary);color:var(--coral-primary)}.stat-team-tab__pagination-btn:disabled{background-color:var(--bg-light);color:var(--gray-light);cursor:not-allowed}.stat-team-tab__pagination-btn--active{background-color:var(--coral-primary);border-color:var(--coral-primary);color:var(--text-inverted)}.stat-team-tab__pagination-btn--active:hover{background-color:var(--coral-dark);border-color:var(--coral-dark);color:var(--text-inverted)}@media (max-width:767px){.stat-team-tab__cards{display:flex;flex-direction:column;gap:var(--space-3)}.stat-team-tab__pagination{align-items:center;flex-direction:column}.stat-team-tab__pagination-controls{flex-wrap:wrap;justify-content:center}}.admin-stat{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.admin-stat__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.admin-stat__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.admin-stat__header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.admin-stat__title{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}.admin-stat__export-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);padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.admin-stat__export-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.admin-stat__export-btn:active{transform:translateY(0)}.admin-stat__panel{margin-top:var(--space-6)}@media (max-width:767px){.admin-stat__content{padding:var(--space-4)}.admin-stat__header{align-items:stretch;flex-direction:column}.admin-stat__export-btn{justify-content:center}}@media (min-width:768px) and (max-width:1023px){.admin-stat__content{padding:var(--space-6) var(--space-6)}}.design-preview{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.design-preview__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:.05em;margin:0 0 var(--space-4);text-transform:uppercase}.design-preview__mockup{border:1px solid var(--gray-lighter);border-radius:var(--radius-md);overflow:hidden}.design-preview__header{align-items:center;border-bottom:1px solid var(--gray-lighter);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.design-preview__logo{height:28px;max-width:120px;object-fit:contain}.design-preview__logo-placeholder{align-items:center;border-radius:var(--radius-sm);display:flex;height:28px;justify-content:center;width:28px}.design-preview__logo-placeholder svg{color:var(--text-inverted);height:16px;width:16px}.design-preview__platform-name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold)}.design-preview__nav{display:flex;gap:var(--space-4);margin-left:auto}.design-preview__nav-item{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.design-preview__body{background-color:var(--gray-lightest);padding:var(--space-5) var(--space-4)}.design-preview__body-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.design-preview__body-text{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs);line-height:1.5;margin:0 0 var(--space-4)}.design-preview__body-actions{align-items:center;display:flex;gap:var(--space-4)}.design-preview__btn{border:none;border-radius:var(--radius-md);color:var(--text-inverted);cursor:default;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4)}.design-preview__link{cursor:default;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);text-decoration:underline}@media (max-width:767px){.design-preview{padding:var(--space-4)}.design-preview__nav{display:none}}.design-tab{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.design-tab__settings{display:flex;flex-direction:column;gap:var(--space-6)}.design-tab__card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.design-tab__card-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:.05em;margin:0 0 var(--space-4);text-transform:uppercase}.design-tab__logo-preview{align-items:center;background-color:var(--gray-lightest);border:1px dashed var(--gray-lighter);border-radius:var(--radius-md);display:flex;height:80px;justify-content:center;margin-bottom:var(--space-4);max-width:320px;overflow:hidden;width:100%}.design-tab__logo-preview img{max-height:100%;max-width:100%;object-fit:contain}.design-tab__logo-placeholder{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm)}.design-tab__logo-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.design-tab__logo-btn{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-4);transition:all var(--transition-base)}.design-tab__logo-btn--upload{background-color:var(--coral-primary);border:none;color:var(--text-inverted)}.design-tab__logo-btn--upload:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.design-tab__logo-btn--remove{background:none;border:1px solid var(--gray-lighter);color:var(--text-secondary)}.design-tab__logo-btn--remove:hover{border-color:var(--gray-light);color:var(--text-primary)}.design-tab__logo-btn--remove:disabled{cursor:not-allowed;opacity:.4}.design-tab__logo-hint{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs);margin:0}.design-tab__colors{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.design-tab__color-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.design-tab__color-label{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:.05em;margin:0 0 var(--space-4);text-transform:uppercase}.design-tab__color-row{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.design-tab__color-swatch{border:2px solid var(--gray-lighter);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:24px;transition:border-color var(--transition-fast);width:24px}.design-tab__color-swatch:hover{border-color:var(--gray-light)}.design-tab__color-input-hidden{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.design-tab__color-hex{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);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-base);width:100%}.design-tab__color-hex:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.design-tab__color-hex--error{border-color:var(--error)}.design-tab__color-hint{color:var(--text-light);margin:0}.design-tab__color-error,.design-tab__color-hint{font-family:var(--font-body);font-size:var(--text-xs)}.design-tab__color-error{color:var(--error);margin:var(--space-1) 0 0}.design-tab__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.design-tab__btn{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-3) var(--space-6);transition:all var(--transition-base)}.design-tab__btn--primary{background-color:var(--coral-primary);border:none;color:var(--text-inverted)}.design-tab__btn--primary:hover:not(:disabled){background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.design-tab__btn--primary:disabled{cursor:not-allowed;opacity:.5}.design-tab__btn--secondary{background:none;border:2px solid var(--coral-primary);color:var(--coral-primary)}.design-tab__btn--secondary:hover:not(:disabled){background-color:var(--coral-lightest)}.design-tab__btn--secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:767px){.design-tab,.design-tab__colors{grid-template-columns:1fr}.design-tab__card,.design-tab__color-card{padding:var(--space-4)}.design-tab__actions{flex-direction:column-reverse}.design-tab__btn{text-align:center;width:100%}}@media (min-width:768px) and (max-width:1023px){.design-tab{grid-template-columns:1fr 280px}}.email-modal__close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.email-modal__close-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}.email-modal__readonly{margin-bottom:var(--space-4)}.email-modal__readonly-label{color:var(--text-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.email-modal__readonly-value{margin-top:var(--space-1)}.email-modal__readonly-value,.email-modal__textarea{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm)}.email-modal__textarea{border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-sizing:border-box;line-height:1.6;min-height:160px;padding:var(--space-3) var(--space-4);resize:vertical;transition:border-color var(--transition-base);width:100%}.email-modal__textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;outline:none}.email-modal__textarea--error{border-color:var(--error)}.email-modal__char-count{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs);margin-top:var(--space-1);text-align:right}.email-modal__placeholders{margin-top:var(--space-4)}.email-modal__placeholders-label{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.email-modal__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.email-modal__chip{background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.email-modal__chip:hover{background-color:var(--coral-lightest);border-color:var(--coral-primary);color:var(--coral-dark)}.email-table-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.email-table-scroll{overflow-x:auto}.email-table{border-collapse:collapse;min-width:650px;table-layout:fixed;width:100%}.email-table__th{background-color: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:.5px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.email-table__row{transition:background-color var(--transition-base)}.email-table__row:hover{background-color:var(--coral-lightest)}.email-table__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.email-table__td:nth-child(3),.email-table__th:nth-child(3){text-align:center}.email-table__td:last-child{text-align:right}.email-table__name{color:var(--text-primary)}.email-table__edit-btn,.email-table__name{font-family:var(--font-heading);font-weight:var(--font-semibold)}.email-table__edit-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-size:var(--text-sm);gap:var(--space-2);line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.email-table__edit-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.email-table__edit-btn:active{transform:translateY(0)}.email-cards{display:none}.email-card{background-color:var(--bg-white);border-left:3px solid var(--coral-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.email-card__header{margin-bottom:var(--space-2)}.email-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.email-card__occasion{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.email-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.email-card__details{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.email-card__row{align-items:center;display:flex;justify-content:space-between}.email-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.email-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.email-card__footer{display:flex;justify-content:flex-end}@media (max-width:767px){.email-table-container{display:none}.email-cards{display:flex;flex-direction:column;gap:var(--space-4)}}.audit-filter__date-row{display:flex;gap:var(--space-4)}.audit-filter__date-row .filter-sort-controls__field{flex:1 1}.audit-table-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.audit-table-scroll{overflow-x:auto}.audit-table{border-collapse:collapse;min-width:700px;table-layout:fixed;width:100%}.audit-table__th{background-color: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:.5px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.audit-table__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.audit-table__th--sortable:hover{color:var(--coral-primary)}.audit-table__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.audit-table__sort-icon{color:var(--gray-light)}.audit-table__sort-icon--active{color:var(--coral-primary)}.audit-table__row{transition:background-color var(--transition-base)}.audit-table__row:hover{background-color:var(--coral-lightest)}.audit-table__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.audit-badge{border-radius:var(--radius-full);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);white-space:nowrap}.audit-badge--nutzer{background-color:var(--info-light);color:var(--info)}.audit-badge--kurs{background-color:var(--coral-lightest);color:var(--coral-dark)}.audit-badge--organisation{background-color:var(--teal-light);color:var(--teal)}.audit-badge--plattform{background-color:var(--gray-lightest);color:var(--navy)}@media (max-width:767px){.audit-table-container{display:none}}.audit-cards{display:none}.audit-card{background-color:var(--bg-white);border-left:3px solid var(--gray-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.audit-card--nutzer{border-left-color:var(--info)}.audit-card--kurs{border-left-color:var(--coral-primary)}.audit-card--organisation{border-left-color:var(--teal)}.audit-card--plattform{border-left-color:var(--navy)}.audit-card__header{margin-bottom:var(--space-2)}.audit-card__timestamp{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.audit-card__admin{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.audit-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.audit-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.audit-card__row{align-items:center;display:flex;justify-content:space-between}.audit-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.audit-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.audit-cards{display:flex;flex-direction:column;gap:var(--space-4)}}.audit-tab__results,.audit-tab__results-info{margin-top:var(--space-4)}.audit-tab__results-info{align-items:center;display:flex;justify-content:space-between}.audit-tab__count{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm)}@media (max-width:767px){.audit-tab__results-info{align-items:stretch;flex-direction:column;gap:var(--space-3)}}.admin-plat{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.admin-plat__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.admin-plat__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.admin-plat__header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.admin-plat__title{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}.admin-plat__panel{margin-top:var(--space-6)}@media (max-width:767px){.admin-plat__content{padding:var(--space-4)}.admin-plat__header{align-items:stretch;flex-direction:column}}@media (min-width:768px) and (max-width:1023px){.admin-plat__content{padding:var(--space-6) var(--space-6)}}.admin-dashboard__greeting{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);border-top:3px solid var(--coral-primary);margin-bottom:var(--space-6);padding:var(--space-8)}.admin-dashboard__greeting-title{color:var(--gray-dark);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0;padding:0;text-align:left}.admin-dashboard__greeting-accent{background:var(--coral-primary);border-radius:var(--radius-full);height:4px;margin:var(--space-3) 0;width:60px}.admin-dashboard__greeting-subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);margin:0}@media (max-width:767px){.admin-dashboard__greeting{padding:var(--space-6) var(--space-4)}.admin-dashboard__greeting-title{font-size:var(--text-2xl)}}.admin-dashboard__kpis{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-8)}.admin-dashboard__kpi-card{align-items:center;background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-4)}.admin-dashboard__kpi-value{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold)}.admin-dashboard__kpi-label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:center}@media (max-width:1023px){.admin-dashboard__kpis{grid-template-columns:repeat(2,1fr)}}.admin-dashboard__section{margin-top:var(--space-8)}.admin-dashboard__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.admin-dashboard__section-title{color:var(--gray-dark);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.admin-dashboard__section-count{font-weight:var(--font-bold)}.admin-dashboard__section-count--error{color:var(--error)}.admin-dashboard__section-count--coral{color:var(--coral-primary)}.admin-dashboard__section-link{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;white-space:nowrap}.admin-dashboard__section-link:hover{color:var(--coral-dark);text-decoration:underline}.admin-dashboard__overdue-table-wrapper{display:block}.admin-dashboard__overdue-table{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);overflow:hidden}.admin-dashboard__table{border-collapse:collapse;width:100%}.admin-dashboard__overdue-th{background:var(--gray-lightest);color:var(--text-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase}.admin-dashboard__overdue-row{transition:background-color var(--transition-base)}.admin-dashboard__overdue-row:hover{background:var(--coral-lightest)}.admin-dashboard__overdue-td{border-bottom:1px solid var(--gray-lightest);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.admin-dashboard__overdue-td--course{color:var(--gray-dark);font-family:var(--font-heading);font-weight:var(--font-semibold)}.admin-dashboard__overdue-td--date{color:var(--error)}.admin-dashboard__overdue-cards{display:none}.admin-dashboard__overdue-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-left:3px solid var(--error);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-4)}.admin-dashboard__overdue-card-title{color:var(--gray-dark);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.admin-dashboard__overdue-card-dept,.admin-dashboard__overdue-card-user{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.admin-dashboard__overdue-card-date{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-2)}.admin-dashboard__overdue-badge{background:var(--error-light);border-radius:var(--radius-sm);color:var(--error);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--space-2);padding:var(--space-1) var(--space-2)}@media (max-width:767px){.admin-dashboard__overdue-table-wrapper{display:none}.admin-dashboard__overdue-cards{display:block}.admin-dashboard__section-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}}.admin-dashboard__requests-table-wrapper{display:block}.admin-dashboard__requests-table{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);overflow:hidden}.admin-dashboard__requests-table .admin-dashboard__table{border-collapse:collapse;width:100%}.admin-dashboard__requests-th{background:var(--gray-lightest);color:var(--text-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase}.admin-dashboard__requests-row{transition:background-color var(--transition-base)}.admin-dashboard__requests-row:hover{background:var(--coral-lightest)}.admin-dashboard__requests-td{border-bottom:1px solid var(--gray-lightest);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.admin-dashboard__requests-td--course{color:var(--gray-dark);font-family:var(--font-heading);font-weight:var(--font-semibold)}.admin-dashboard__requests-td--date{color:var(--text-light)}.admin-dashboard__requests-actions{display:flex;gap:var(--space-2)}.admin-dashboard__requests-btn{align-items:center;background:#0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.admin-dashboard__requests-btn--approve{border:1px solid var(--success);color:var(--success)}.admin-dashboard__requests-btn--approve:hover{background:var(--success);color:var(--text-inverted)}.admin-dashboard__requests-btn--approve:focus-visible{outline:2px solid var(--success);outline-offset:2px}.admin-dashboard__requests-btn--reject{border:1px solid var(--error);color:var(--error)}.admin-dashboard__requests-btn--reject:hover{background:var(--error);color:var(--text-inverted)}.admin-dashboard__requests-btn--reject:focus-visible{outline:2px solid var(--error);outline-offset:2px}.admin-dashboard__requests-cards{display:none}.admin-dashboard__requests-card{background:var(--bg-white);border:1px solid var(--gray-lighter);border-left:3px solid var(--info);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-4)}.admin-dashboard__requests-card-header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.admin-dashboard__requests-card-title{color:var(--gray-dark);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.admin-dashboard__requests-card-badge{background:var(--info-light);border-radius:var(--radius-sm);color:var(--info);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);white-space:nowrap}.admin-dashboard__requests-card-meta{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.admin-dashboard__requests-card-dept,.admin-dashboard__requests-card-user{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.admin-dashboard__requests-card-date{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-2)}.admin-dashboard__requests-card-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.admin-dashboard__requests-card-btn{background:#0000;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.admin-dashboard__requests-card-btn--approve{border:1px solid var(--success);color:var(--success)}.admin-dashboard__requests-card-btn--approve:hover{background:var(--success);color:var(--text-inverted)}.admin-dashboard__requests-card-btn--approve:focus-visible{outline:2px solid var(--success);outline-offset:2px}.admin-dashboard__requests-card-btn--reject{border:1px solid var(--error);color:var(--error)}.admin-dashboard__requests-card-btn--reject:hover{background:var(--error);color:var(--text-inverted)}.admin-dashboard__requests-card-btn--reject:focus-visible{outline:2px solid var(--error);outline-offset:2px}@media (max-width:767px){.admin-dashboard__requests-table-wrapper{display:none}.admin-dashboard__requests-cards{display:block}}.admin-dashboard{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.admin-dashboard__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.admin-dashboard__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}@media (max-width:767px){.admin-dashboard__content{padding:var(--space-6) var(--space-4)}}@media (min-width:768px) and (max-width:1023px){.admin-dashboard__content{padding:var(--space-8) var(--space-6)}}.assigned-table-container{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.assigned-table-scroll{overflow:visible}.assigned-table{border-collapse:collapse;min-width:700px;table-layout:fixed;width:100%}.assigned-table__th{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-medium);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;vertical-align:middle;white-space:normal}.assigned-table__td--center,.assigned-table__th--center{text-align:center}.assigned-table__th--center .assigned-table__th-content{justify-content:center}.assigned-table__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.assigned-table__th--sortable:hover{color:var(--coral-primary)}.assigned-table__th-content{align-items:center;display:inline-flex;gap:var(--space-1)}.assigned-table__sort-icon{color:var(--gray-light)}.assigned-table__sort-icon--active{color:var(--coral-primary)}.assigned-table__row{transition:background-color var(--transition-base)}.assigned-table__row:hover{background-color:var(--coral-lightest)}.assigned-table__td{border-bottom:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;padding:var(--space-4);text-overflow:ellipsis;white-space:nowrap}.assigned-table__td--actions{overflow:visible;text-align:right}.assigned-table__name{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold)}.assigned-table__deadline--overdue{color:var(--error);font-weight:var(--font-semibold)}.assigned-table__deadline--soon{color:var(--warning);font-weight:var(--font-semibold)}.assigned-table__deadline--ok{color:var(--success)}.assigned-table__rate{align-items:center;display:flex;gap:var(--space-2)}.assigned-table__rate-bar{background-color:var(--gray-lighter);border-radius:3px;flex:1 1;height:6px;min-width:40px;overflow:hidden}.assigned-table__rate-fill{background-color:var(--coral-primary);border-radius:3px;height:100%;transition:width var(--transition-base)}.assigned-table__rate-text{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);min-width:32px;text-align:right}.assigned-table__menu-btn{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;margin-left:auto;padding:0;transition:all var(--transition-base);width:36px}.assigned-table__menu-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}@media (max-width:767px){.assigned-table-container{display:none}}.assigned-card{background-color:var(--bg-white);border-left:3px solid var(--coral-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:none;padding:var(--space-4);transition:box-shadow var(--transition-fast)}.assigned-card:hover{box-shadow:var(--shadow-md)}.assigned-card+.assigned-card{margin-top:var(--space-3)}.assigned-card__header{margin-bottom:var(--space-2)}.assigned-card__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.assigned-card__divider{border:none;border-top:1px solid var(--gray-lighter);margin:var(--space-3) 0}.assigned-card__details{display:flex;flex-direction:column;gap:var(--space-2)}.assigned-card__row{align-items:center;display:flex;justify-content:space-between}.assigned-card__row-label{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.assigned-card__row-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.assigned-card__deadline--overdue{color:var(--error);font-weight:var(--font-semibold)}.assigned-card__deadline--soon{color:var(--warning);font-weight:var(--font-semibold)}.assigned-card__deadline--ok{color:var(--success)}.assigned-card__rate{align-items:center;display:flex;gap:var(--space-2)}.assigned-card__rate-bar{background-color:var(--gray-lighter);border-radius:3px;height:6px;overflow:hidden;width:60px}.assigned-card__rate-fill{background-color:var(--coral-primary);border-radius:3px;height:100%}.assigned-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.assigned-card__btn{background:none;border:1px solid var(--coral-primary);border-radius:var(--radius-md);color:var(--coral-primary);cursor:pointer;flex:1 1;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:80px;padding:var(--space-2) var(--space-3);text-align:center;transition:all var(--transition-base)}.assigned-card__btn:hover{background-color:var(--coral-primary);color:var(--text-inverted)}.assigned-card__btn--danger{border-color:var(--error);color:var(--error)}.assigned-card__btn--danger:hover{background-color:var(--error);color:var(--text-inverted)}@media (max-width:767px){.assigned-card{display:block}}.mand-detail{background-color:var(--bg-light);min-height:60vh}.mand-detail__loading{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.mand-detail__content{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}.mand-detail__kpi-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.mand-detail__kpi-tile{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);text-align:center}.mand-detail__kpi-value{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.mand-detail__kpi-value--success{color:var(--success)}.mand-detail__kpi-value--warning{color:var(--warning)}.mand-detail__kpi-label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.mand-detail__section{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.mand-detail__section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.mand-detail__section-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.mand-detail__section-actions{align-items:center;display:flex;gap:var(--space-3)}.mand-detail__assign-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);padding:var(--space-3) var(--space-6);transition:all var(--transition-base);white-space:nowrap}.mand-detail__assign-btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.mand-detail__assign-btn:active{transform:translateY(0)}.mand-detail__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-top:var(--space-4)}.mand-detail__pagination-info{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm)}.mand-detail__pagination-controls{display:flex;gap:var(--space-1)}.mand-detail__pagination-btn{align-items:center;background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);height:36px;justify-content:center;min-width:36px;transition:all var(--transition-base)}.mand-detail__pagination-btn:hover:not(:disabled){border-color:var(--coral-primary);color:var(--coral-primary)}.mand-detail__pagination-btn--active{background-color:var(--coral-primary);border-color:var(--coral-primary);color:var(--text-inverted)}.mand-detail__pagination-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:1023px){.mand-detail__kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.mand-detail__content{padding:var(--space-6) var(--space-4)}.mand-detail__kpi-grid{grid-template-columns:repeat(2,1fr)}.mand-detail__section{padding:var(--space-4)}.mand-detail__section-header{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.73c6adb2.css.map*/