@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;--teal-lightest:#e0f7f5;--navy:#2c3e50;--success:#4caf50;--success-light:#e8f5e9;--warning:#ff9800;--warning-dark:#f57f17;--warning-light:#fff3e0;--error:#f44336;--error-dark:#d32f2f;--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;--coral-rgb:254,135,110;--teal-rgb:78,205,196;--error-rgb:244,67,54;--success-rgb:76,175,80;--info-rgb:33,150,243;--text-primary-rgb:45,52,54;--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}[data-theme=dark]{--gray-dark:#cdd2d3;--gray-medium:#95a5a6;--gray-light:#4d5a5b;--gray-lighter:#2d3436;--gray-lightest:#222728;--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--text-light:#95a5a6;--text-inverted:#1a1d1e;--text-primary-rgb:236,240,241;--bg-white:#1e2122;--bg-light:#252b2c;--bg-dark:#2d3436;--coral-lightest:#3d1a12;--teal-light:#1a4744;--teal-lightest:#0e2927;--navy:#a8b4c0;--success-light:#1a3a1b;--warning-light:#3a2600;--error-light:#3a0e0e;--info-light:#0e2a3a;--purple-light:#1e1040;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px #00000080;--shadow-lg:0 10px 15px #0009;--shadow-xl:0 20px 25px #0009;--shadow-coral:0 4px 14px #fe876e26;--shadow-coral-lg:0 8px 24px #fe876e33}[data-theme=dark] body{background-color:#1e2122;color:#2d3436;color:var(--text-primary)}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;background-color:rgba(var(--text-primary-rgb,45,52,54),.6);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;background:var(--bg-white,#fff);font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",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%}button{cursor:pointer;text-align:center}.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);box-shadow:0 0 4px #0000000f,0 8px 16px #00000014;margin-bottom:2rem;margin-bottom:var(--space-8,2rem);padding:1.5rem;padding:var(--space-6,1.5rem)}.card h2{margin-bottom:20px;margin-top:10px}.divider{align-items:center;color:var(--text-light);display:flex;font-family:var(--font-body);font-size:var(--text-sm);margin:var(--space-6) auto;width:100%}.divider:after,.divider:before{background-color:var(--gray-lighter);content:"";flex:1 1;height:1px}.divider:before{margin-right:var(--space-4)}.divider:after{margin-left:var(--space-4)}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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15);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 label{margin-bottom:var(--space-2)}.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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15);outline:none}label{display:flex;flex-flow:column}main{color:#2d3436;color:var(--text-primary,#2d3436);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)}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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15);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 #e8eaeb;border-bottom:1px solid var(--gray-lighter,#e8eaeb);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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15);outline:none}.warning-info{align-items:center;display:flex;gap:var(--space-2);margin:var(--space-3) 0}@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;color:rgba(var(--text-primary-rgb,45,52,54),.78);font-family:var(--font-heading);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);padding:10px 2px;position:relative;text-decoration:none;transition:color .2s ease;transition:color var(--transition-base,.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:.5rem;border-radius:var(--radius-md,.5rem);cursor:pointer;display:inline-flex;font-family:var(--font-heading);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:1rem 2rem;padding:var(--space-4,1rem) var(--space-8,2rem);text-decoration:none;transition:all .2s ease;transition:all var(--transition-base,.2s ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.ph-btn-contact{background:#4caf50;background:var(--success,#4caf50);box-shadow:0 10px 20px #4caf5038;box-shadow:0 10px 20px rgba(var(--success-rgb,76,175,80),.22);color:#fff;color:var(--text-inverted,#fff)}.ph-btn-contact:hover{box-shadow:0 14px 26px #4caf5033;box-shadow:0 14px 26px rgba(var(--success-rgb,76,175,80),.2);filter:brightness(.95);transform:translateY(-1px)}.ph-menuBtn{align-items:center;background:#fff;background:var(--bg-white,#fff);border:1px solid var(--gray-lighter);border-radius:8px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,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;border-color:rgba(var(--coral-rgb,254,135,110),.35);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:.5rem;border-radius:var(--radius-md,.5rem);color:#2d3436d6;color:rgba(var(--text-primary-rgb,45,52,54),.84);font-family:var(--font-heading);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600);padding:.75rem;padding:var(--space-3,.75rem) var(--space-3,.75rem);text-decoration:none;transition:background .2s ease,color .2s ease;transition:background var(--transition-base,.2s ease),color var(--transition-base,.2s ease)}.ph-mobileNav a:hover{background:var(--gray-lightest);color:var(--text-primary)}.ph-mobileNav a.ph-active{background:#fe876e1f;background:rgba(var(--coral-rgb,254,135,110),.12);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{align-items:center;cursor:pointer;display:flex;max-width:120px}#logo-img-container img{max-height:42px;max-width:100%;object-fit:contain;width:auto}#header-user-points{color:#646a6c;color:var(--gray-dark,#646a6c);display:inline-block;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-heading,"Plus Jakarta Sans",sans-serif);font-size:1.25rem;font-size:var(--text-xl,1.25rem);font-weight:500;font-weight:var(--font-medium,500);margin-right:2.5rem;margin-right:var(--space-10,2.5rem)}.icon-sign{color:#8a9194;color:var(--gray-medium,#8a9194);transition:color .15s ease;transition:color var(--transition-fast,.15s ease)}.icon-sign:hover{color:#fe876e;color:var(--coral-primary,#fe876e);cursor:pointer}.navbar{justify-content:space-between;padding:1rem;padding:var(--space-4,1rem)}.navbar,.navbar>ul{align-items:center;display:flex}.navbar>ul{margin:0;padding:0;text-align:right}.navbar>ul>li{display:inline-block;list-style:none;padding:0 1rem;padding:0 var(--space-4,1rem)}.navbar>ul>li>a{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{list-style:none;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-creator{background-color:#fff3e0;background-color:var(--warning-light,#fff3e0);color:#ff9800;color:var(--warning,#ff9800)}.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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.3)}.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;background-color:rgba(var(--error-rgb,244,67,54),.08)}.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__wrapper{display:inline-flex;position:relative}.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-darkmode{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff1a;color:#bbbdbc;color:var(--gray-light,#bbbdbc);cursor:pointer;display:flex;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);gap:.75rem;gap:var(--space-3,.75rem);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-darkmode:hover{background-color:#ffffff1a;color:#fe876e;color:var(--coral-primary,#fe876e)}.side-drawer-darkmode-icon{flex-shrink:0;font-size:1rem;font-size:var(--text-base,1rem)}.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;background-color:rgba(var(--error-rgb,244,67,54),.15);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{--footer-bg:var(--navy,#2c3e50);--footer-text:#fff;--footer-muted:#bbbdbc}[data-theme=dark] footer{--footer-bg:#1a2634}.footer-container{bottom:0;left:0;position:absolute;right:0;transition:padding-left .5s;width:100%}.footer{background-color:#2c3e50;background-color:var(--footer-bg,#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(--footer-text,#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(--footer-text,#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(--footer-muted,#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(--footer-text,#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:#2c3e50;background-color:var(--footer-bg,#2c3e50);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(--footer-muted,#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)}.loading-overlay{align-items:center;background:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}@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)}}.tfa{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:380px;text-align:center;width:100%}.tfa__loading{min-height:200px}.tfa__icon,.tfa__loading{align-items:center;display:flex;justify-content:center}.tfa__icon{background-color:var(--coral-lightest);border-radius:var(--radius-full);color:var(--coral-primary);font-size:var(--text-3xl);height:56px;margin-bottom:calc(var(--space-2)*-1);width:56px}.tfa__icon--success{background-color:var(--success-light);color:var(--success)}.tfa__icon--error{background-color:var(--error-light);color:var(--error)}.tfa__title{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:0}.tfa__subtitle{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.tfa__error,.tfa__subtitle{font-family:var(--font-body);margin:0}.tfa__error{align-items:flex-start;background-color:var(--error-light);border-radius:var(--radius-md);color:var(--error);display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:left;width:100%}.tfa__error svg{flex-shrink:0;margin-top:2px}.tfa__form{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.tfa__code-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-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:.3em;outline:none;padding:var(--space-3) var(--space-4);text-align:center;transition:all var(--transition-base);width:100%}.tfa__code-input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.tfa__code-input::placeholder{color:var(--text-light);letter-spacing:.3em}.tfa__qr{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;justify-content:center;padding:var(--space-3)}.tfa__qr img{display:block;height:180px;width:180px}.tfa__secret{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.tfa__secret-label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.tfa__secret-row{align-items:center;display:flex;gap:var(--space-2)}.tfa__secret-value{border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:monospace;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);text-align:left;word-break:break-all}.tfa__secret-copy,.tfa__secret-value{background-color:var(--gray-lightest)}.tfa__secret-copy{align-items:center;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.tfa__secret-copy:hover{background-color:var(--gray-lighter);color:var(--text-primary)}.tfa__ack{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);text-align:left;width:100%}.tfa__ack input[type=checkbox]{accent-color:var(--coral-primary);cursor:pointer;flex-shrink:0;height:18px;min-height:0;padding:0;width:18px}.tfa-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);width:100%}.tfa-btn--primary{background-color:var(--coral-primary);color:var(--text-inverted)}.tfa-btn--primary:hover:not(:disabled){background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.tfa-btn--secondary{background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);color:var(--text-primary);padding:var(--space-2) var(--space-4);width:auto}.tfa-btn--secondary:hover:not(:disabled){background-color:var(--gray-lighter)}.tfa-btn:disabled{cursor:not-allowed;opacity:.6}.tfa__back{align-items:center;background:none;border:none;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);transition:color var(--transition-base)}.tfa__back:hover:not(:disabled){color:var(--coral-primary)}.tfa__back:disabled{cursor:not-allowed;opacity:.6}.tfa-backup{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.tfa-backup__warning{align-items:flex-start;background-color:#fff3e0;background-color:var(--warning-light,#fff3e0);border-radius:var(--radius-md);color:#f57f17;color:var(--warning-dark,#f57f17);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-4);text-align:left}.tfa-backup__warning svg{flex-shrink:0;margin-top:2px}.tfa-backup__list{grid-gap:var(--space-2) var(--space-4);background-color:var(--gray-lightest);border-radius:var(--radius-md);display:grid;gap:var(--space-2) var(--space-4);grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:var(--space-4)}.tfa-backup__code{color:var(--text-primary);font-family:monospace;font-size:var(--text-base);letter-spacing:.05em;text-align:center}.tfa-backup__actions{display:flex;gap:var(--space-3);justify-content:flex-end}@media screen and (max-width:480px){.tfa-backup__list{grid-template-columns:1fr}}.login-page{align-items:center;background-color:var(--bg-white);display:flex;justify-content:center;min-height:100vh;padding:var(--space-12) var(--space-6)}.login-card{max-width:28rem;width:100%}.login-header{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-10);text-align:center}.login-logo{display:block;height:48px;width:auto}.login-title{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:var(--space-6) 0 0 0}.login-subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:var(--space-3) 0 0 0}.login-error{background-color:#f443360d;background-color:rgba(var(--error-rgb,244,67,54),.05);border:1px solid #f443364d;border:1px solid rgba(var(--error-rgb,244,67,54),.3);border-radius:var(--radius-md);color:var(--error);font-family:var(--font-body);font-size:var(--text-sm);margin:0;padding:var(--space-3) var(--space-4)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.login-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)}.login-field 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);outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.login-field input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.login-field input::placeholder{color:var(--text-light)}.login-password-wrapper{position:relative}.login-password-wrapper input{padding-right:var(--space-10)}.login-password-toggle{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:var(--text-lg);padding:var(--space-1);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.login-password-toggle:hover{color:var(--coral-primary)}.login-forgot{margin-top:calc(var(--space-2)*-1);text-align:right}.login-forgot a{color:var(--coral-primary);font-family:var(--font-body);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.login-forgot a:hover{color:var(--coral-dark);text-decoration:underline}.login-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;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);width:100%}.login-submit:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.login-submit:active{transform:translateY(0)}.login-sso-divider{align-items:center;display:flex;gap:var(--space-4)}.login-sso-divider:after,.login-sso-divider:before{background-color:var(--gray-lighter);content:"";flex:1 1;height:1px}.login-sso-divider span{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);white-space:nowrap}.login-sso-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.login-sso-btn{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-heading);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);justify-content:center;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.login-sso-btn:hover{background-color:var(--bg-light);border-color:var(--gray-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.login-sso-btn:active{transform:translateY(0)}.login-sso-btn-icon{flex-shrink:0;font-size:var(--text-lg)}.login-sso-entry{align-items:center;background-color:var(--gray-lightest);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-6);transition:all var(--transition-base);width:100%}.login-sso-entry:hover{background-color:var(--gray-lighter)}.login-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.login-sso-back-row{display:flex;justify-content:center;margin-top:var(--space-5)}.login-sso-back{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:0;transition:color var(--transition-fast)}.login-sso-back:hover{color:var(--coral-primary)}@media (max-width:768px){.login-page{padding:var(--space-8) var(--space-4)}.login-title{font-size:var(--text-3xl)}}@media (max-width:480px){.login-page{padding:var(--space-6) var(--space-4)}.login-title{font-size:var(--text-2xl)}.login-subtitle{font-size:var(--text-base)}}#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}.modal-header__title-icon{color:var(--coral-primary);flex-shrink:0;margin-right:var(--space-2);vertical-align:middle}.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-sm);min-height:120px;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base);width:100%}.modal-field__textarea:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15);outline:none}.modal-field__textarea::placeholder{color:var(--text-light)}.modal-field__input:disabled,.modal-field__select:disabled,.modal-field__textarea:disabled{background-color:var(--gray-lightest);cursor:not-allowed;opacity:.7}.modal-field__hint{display:block;font-family:var(--font-body)}.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-field__result-item--active{background-color:var(--coral-light);color:var(--text-primary);font-weight:var(--font-medium)}.modal-field__results[hidden]{display:none}.modal-btn{align-items:center;display:inline-flex;gap:var(--space-2)}.modal-btn--primary:hover:not(:disabled){background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.modal-btn--secondary:hover:not(:disabled){border-color:var(--gray-light);color:var(--text-primary)}.modal-btn--secondary:disabled{cursor:not-allowed;opacity:.5}.modal-btn--danger:hover:not(:disabled){background-color:#d32f2f;background-color:var(--error-dark,#d32f2f)}.modal-btn--danger:disabled{cursor:not-allowed;opacity:.5}.modal-info{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:0 0 var(--space-4) 0}.modal-info strong{color:var(--text-primary)}.modal-generating-hint{align-items:center;background-color:var(--coral-lightest);border-radius:var(--radius-md);color:var(--coral-dark);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin:var(--space-3) 0;padding:var(--space-3) var(--space-4)}.modal-confirm-text{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0}.modal-confirm-text,.toast{font-family:var(--font-body)}.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-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-snug);margin-bottom:var(--space-8);text-align:left}.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-item--disabled{cursor:not-allowed;opacity:.4}.language-list-item--disabled:hover{background-color:var(--gray-lightest);border-color:#0000}.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 .password-input-wrapper{position:relative}.password-modal-content .password-input-wrapper input{padding-right:var(--space-10)!important}.password-modal-content .password-toggle-btn{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:var(--text-lg);padding:var(--space-1);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.password-modal-content .password-toggle-btn:hover{color:var(--text-secondary)}.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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.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;background-color:var(--error-dark,#d32f2f);box-shadow:0 4px 14px #f4433640;box-shadow:0 4px 14px rgba(var(--error-rgb,244,67,54),.25);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%}}#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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}#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)}}.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;box-shadow:0 2px 8px rgba(var(--coral-rgb,254,135,110),.15)}.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.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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.lesson-admin-form-group textarea::placeholder{color:var(--text-light)}.lesson-admin-field-error{color:var(--error);display:block;font-size:var(--text-xs);margin-top:var(--space-1)}.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;background-color:var(--error-dark,#d32f2f);box-shadow:0 4px 14px #f4433640;box-shadow:0 4px 14px rgba(var(--error-rgb,244,67,54),.25)}.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);min-height:180px;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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.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;background-color:var(--error-dark,#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-actions{flex-direction:column;width:100%}.card-header button,.card-header-btn-secondary{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;box-shadow:0 0 0 0 rgba(var(--error-rgb,244,67,54),.4)}70%{box-shadow:0 0 0 10px #f4433600;box-shadow:0 0 0 10px rgba(var(--error-rgb,244,67,54),0)}to{box-shadow:0 0 0 0 #f4433600;box-shadow:0 0 0 0 rgba(var(--error-rgb,244,67,54),0)}}.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;background-color:rgba(var(--success-rgb,76,175,80),.1);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%}}.lesson-simulator-breadcrumb{margin:0;padding-bottom:0}.lesson-simulator{background-color:var(--bg-light);display:flex;flex-direction:column;height:calc(100vh - 66px);overflow:hidden;padding:0}.lesson-simulator-panels{grid-gap:var(--space-4);display:grid;flex:1 1;gap:var(--space-4);grid-template-columns:1fr 1.3fr 1fr;min-height:0;padding:var(--space-4) var(--space-12)}.simulator-panel{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden}.simulator-panel-header{align-items:center;background-color:var(--gray-lightest);border-bottom:1px solid var(--gray-lighter);display:flex;flex-shrink:0;gap:var(--space-2);padding:var(--space-3) var(--space-5)}.simulator-panel-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.simulator-panel-icon{color:var(--coral-primary);flex-shrink:0;font-size:var(--text-base)}.simulator-chat-messages{background-color:var(--bg-light);display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);min-height:0;overflow-y:auto;padding:var(--space-4)}.simulator-chat-messages::-webkit-scrollbar{width:6px}.simulator-chat-messages::-webkit-scrollbar-track{background:var(--gray-lightest)}.simulator-chat-messages::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:var(--radius-sm)}.simulator-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--gray-medium)}.simulator-options-content{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-4)}.simulator-bot-picker-wrapper{margin-bottom:var(--space-4);position:relative}.simulator-active-bot{align-items:center;background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:border-color var(--transition-fast),background-color var(--transition-fast);width:100%}.simulator-active-bot.open,.simulator-active-bot:hover{background-color:var(--bg-white);border-color:var(--coral-primary)}.simulator-bot-chevron,.simulator-no-bot .simulator-active-bot-name{color:var(--text-light)}.simulator-bot-chevron{flex-shrink:0;font-size:var(--text-xs);margin-left:auto;transition:transform var(--transition-fast)}.simulator-bot-chevron.rotated{transform:rotate(180deg)}.simulator-bot-dropdown{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);left:0;list-style:none;margin:0;overflow:hidden;padding:var(--space-1) 0;position:absolute;right:0;top:calc(100% + var(--space-1));z-index:100}.simulator-bot-option{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast)}.simulator-bot-option:hover{background-color:var(--gray-lightest)}.simulator-bot-option.selected{background-color:var(--coral-lightest)}.simulator-bot-option.selected .simulator-active-bot-name{color:var(--coral-dark)}.simulator-bot-option-divider{background-color:var(--gray-lighter);cursor:default;height:1px;margin:var(--space-1) 0;padding:0}.simulator-bot-option-create{color:var(--coral-primary)}.simulator-bot-option-create:hover{background-color:var(--coral-lightest)}.simulator-bot-create-icon{align-items:center;border:1.5px dashed var(--coral-primary);border-radius:var(--radius-full);color:var(--coral-primary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.simulator-bot-create-label{color:var(--coral-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.simulator-active-bot-avatar{align-items:center;background-color:var(--coral-light);border-radius:var(--radius-full);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.simulator-active-bot-avatar.small{height:32px;width:32px}.simulator-active-bot-avatar img{height:100%;object-fit:cover;width:100%}.simulator-active-bot-avatar span{color:var(--coral-dark);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold)}.simulator-active-bot-info{display:flex;flex-direction:column;gap:2px;min-width:0}.simulator-active-bot-name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.simulator-active-bot-name,.simulator-active-bot-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simulator-active-bot-role{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-xs)}.simulator-bot-details{background-color:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.simulator-bot-details-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:space-between;letter-spacing:.04em;padding:var(--space-2) var(--space-4);text-transform:uppercase;transition:background-color var(--transition-fast),color var(--transition-fast);width:100%}.simulator-bot-details-toggle:hover{background-color:var(--gray-lighter);color:var(--text-primary)}.simulator-bot-details-body{border-top:1px solid var(--gray-lighter);display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4) var(--space-3)}.simulator-bot-details-tags{grid-gap:var(--space-2) var(--space-3);display:grid;gap:var(--space-2) var(--space-3);grid-template-columns:1fr 1fr;padding-top:var(--space-3)}.simulator-bot-tag{display:flex;flex-direction:column;gap:2px}.simulator-bot-tag-label{color:var(--text-light);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.simulator-bot-tag-label,.simulator-bot-tag-value{font-family:var(--font-body);font-size:var(--text-xs)}.simulator-bot-tag-value{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);color:var(--text-primary);display:inline-block;padding:2px var(--space-2)}.simulator-bot-behavior{border-top:1px solid var(--gray-lighter);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs);line-height:1.5;margin:0;padding-top:var(--space-3)}.simulator-options-hint{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);margin:0 0 var(--space-3)}.simulator-options-list{display:flex;flex-direction:column;gap:var(--space-2)}.simulator-option-btn{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-heading);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:var(--space-3) var(--space-4);text-align:left;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);width:100%}.simulator-option-btn:hover:not(:disabled){background-color:var(--coral-lightest);border-color:var(--coral-primary);color:var(--coral-dark)}.simulator-option-btn:disabled{cursor:not-allowed;opacity:.45}.simulator-options-empty{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-10) 0;text-align:center}.simulator-element-content{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-5)}.simulator-element-content::-webkit-scrollbar{width:6px}.simulator-element-content::-webkit-scrollbar-track{background:var(--gray-lightest)}.simulator-element-content::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:var(--radius-sm)}.simulator-element-section{margin-bottom:var(--space-5)}.simulator-element-section:last-of-type{margin-bottom:0}.simulator-element-section h3{color:var(--text-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.06em;margin:0 0 var(--space-2);text-transform:uppercase}.simulator-element-section p{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.simulator-process-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:decimal;margin:0;padding-left:var(--space-5)}.simulator-process-list li{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap}.simulator-bg-info-list{display:flex;flex-direction:column;gap:var(--space-3)}.simulator-bg-info-item{border:1px solid var(--gray-lighter);border-radius:var(--radius-md);overflow:hidden}.simulator-bg-info-question{background-color:var(--gray-lightest);color:var(--text-primary);font-weight:var(--font-semibold)}.simulator-bg-info-answer,.simulator-bg-info-question{font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.simulator-bg-info-answer{color:var(--text-secondary);line-height:var(--leading-relaxed)}.simulator-media-list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.simulator-media-item{border-radius:var(--radius-md);cursor:pointer;height:auto;max-width:100%;transition:opacity var(--transition-fast)}.simulator-media-item:hover{opacity:.9}.simulator-element-loading{display:flex;justify-content:center;padding:var(--space-10) 0}.lesson-simulator .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}@media (max-width:1200px){.lesson-simulator{height:auto;min-height:calc(100vh - 66px);overflow:visible}.lesson-simulator-panels{grid-template-columns:1fr 1fr}.simulator-panel{height:480px}.simulator-panel:last-child{grid-column:1/-1;height:400px}}@media (max-width:768px){.lesson-simulator-panels{gap:var(--space-3);grid-template-columns:1fr;padding:var(--space-3)}.simulator-panel{height:420px}.simulator-panel:last-child{grid-column:auto}}.create-bot-modal{max-width:560px}.create-bot-modal__row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.modal-field__textarea{line-height:var(--leading-relaxed);min-height:96px;resize:vertical}.create-bot-modal__submit-error{margin-bottom:var(--space-4)}.modal-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:var(--space-8);justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast);width:var(--space-8)}.modal-close-btn:hover{background-color:var(--gray-lightest);color:var(--text-primary)}@media (max-width:480px){.create-bot-modal__row{grid-template-columns:1fr}}.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;background-color:rgba(var(--success-rgb,76,175,80),.1);border:1px solid var(--success)}.publish-status-bar.draft{background-color:var(--gray-lightest);border:1px solid var(--gray-lighter)}.publish-status-bar.archived{background-color:var(--gray-lightest);border:1px solid var(--gray-light)}.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-bar.archived .publish-status-badge{background-color:var(--gray-medium);color:var(--text-inverted)}.publish-status-text{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.publish-status-actions{align-items:center;display:flex;gap:var(--space-3)}.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.delete{background-color:var(--bg-white);border:1px solid var(--error);color:var(--error)}.publish-status-btn.delete:hover:not(:disabled){background-color:var(--error);color:var(--text-inverted)}.publish-status-btn.publish{background-color:var(--success);color:var(--text-inverted)}.publish-status-btn.publish:hover:not(:disabled){background-color:#4caf50;background-color:var(--success,#4caf50);box-shadow:0 4px 14px #4caf5040;box-shadow:0 4px 14px rgba(var(--success-rgb,76,175,80),.25);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-admin-container .card-header-actions{align-items:center;display:flex;gap:var(--space-3)}.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-header{align-items:center;border-bottom:1px solid var(--gray-lighter);display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.course-form-heading{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.course-form-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-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-form-edit-btn:hover:not(:disabled){background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.course-form-edit-btn:disabled{cursor:not-allowed;opacity:.6}.course-form-value{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);word-break:break-word}.course-form-value--muted{color:var(--text-secondary);font-style:italic}.course-form-value--multiline{display:block;white-space:pre-wrap}.course-form-keywords-readonly{display:flex;flex-wrap:wrap;gap:var(--space-2)}.course-form-keyword-chip{align-items:center;background-color:var(--coral-light);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);padding:var(--space-1) var(--space-3)}.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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.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.is-readonly{cursor:default}.course-form-image-box.is-editable: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.is-editable: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.is-editable: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.is-editable: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-actions .course-form-optimize-btn{margin-right:auto}.course-form-optimize-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-optimize-btn:hover:not(:disabled){background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.course-form-optimize-btn:active{transform:translateY(0)}.course-form-optimize-btn:disabled{background-color:var(--gray-light);box-shadow:none;color:var(--text-inverted);cursor:not-allowed;transform:none}.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}.course-form-cancel-btn{align-items:center;background-color:initial;border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);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)}.course-form-cancel-btn:hover:not(:disabled){background-color:var(--bg-light);color:var(--text-primary)}.course-form-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.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)}.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-duration{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-1)}.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);white-space:pre-line}.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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.course-admin-form-group input[type=text]::placeholder{color:var(--text-light)}.file-upload-zone{background-color:var(--bg-light);box-sizing:border-box;min-height:120px;transition:all var(--transition-base);width:100%}.file-upload-zone--has-file{background-color:var(--bg-white);min-height:80px}.file-upload-placeholder{padding:var(--space-4)}.file-upload-placeholder__hint{color:var(--text-light)}.file-upload-selected{gap:var(--space-4);padding:var(--space-4) var(--space-5)}.file-upload-selected__icon-wrapper{background-color:var(--coral-lightest);border-radius:var(--radius-md);height:40px;width:40px}.file-upload-selected__info{gap:var(--space-1)}.file-upload-selected__meta{color:var(--text-light)}.file-upload-selected__remove{border:1px solid var(--gray-lighter);color:var(--text-light);height:28px;transition:all var(--transition-base);width:28px}.file-upload-selected__remove:hover{border-color:var(--error-light)}.course-admin-modal-error{color:var(--error)}.course-admin-modal-error,.course-admin-modal-hint{font-size:var(--text-sm);margin:0 0 var(--space-4) 0}.course-admin-modal-hint{color:var(--text-secondary);font-style:italic}.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;background-color:var(--error-dark,#d32f2f);box-shadow:0 4px 14px #f4433640;box-shadow:0 4px 14px rgba(var(--error-rgb,244,67,54),.25)}.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-admin-container .card-header-actions{flex-direction:column;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-cancel-btn,.course-form-optimize-btn,.course-form-save-btn{width:100%}.course-form-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.course-form-header .course-form-edit-btn{width:100%}}.ck-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.ck-chip{background:var(--coral-light);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)}.ck-chip,.ck-chip__remove{align-items:center;color:var(--coral-dark);display:inline-flex}.ck-chip__remove{background:#0000;border:none;cursor:pointer;font-size:var(--text-base);line-height:1;padding:0;transition:color var(--transition-base)}.ck-chip__remove:hover:not(:disabled){color:var(--text-primary)}.ck-chip__remove:disabled{cursor:not-allowed;opacity:.5}.ck-input-wrapper{align-items:center;display:flex;position:relative}.ck-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%}.ck-input::placeholder{color:var(--text-light)}.ck-input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15);outline:none}.ck-input:disabled{cursor:not-allowed;opacity:.5}.ck-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:var(--text-sm);height:32px;justify-content:center;padding:0;position:absolute;right:6px;transition:all var(--transition-base);width:32px}.ck-add-btn:hover:not(:disabled){background:var(--coral-dark)}.ck-add-btn:focus-visible{outline:2px solid var(--coral-primary);outline-offset:2px}.ck-add-btn:disabled{background:var(--gray-lighter);color:var(--text-light);cursor:not-allowed}.ck-autocomplete{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-md);left:0;list-style:none;margin:var(--space-1) 0 0;max-height:200px;overflow-y:auto;padding:var(--space-1) 0;position:absolute;right:0;top:100%;z-index:100}.ck-autocomplete__item{color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-2) var(--space-4);transition:background var(--transition-base)}.ck-autocomplete__item--active,.ck-autocomplete__item:hover{background:var(--coral-lightest);color:var(--coral-primary)}.action-btn-group{display:flex;flex-shrink:0;gap:var(--space-2)}.action-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}.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)}.action-btn:disabled{cursor:not-allowed;opacity:.4}.action-btn:disabled:hover{background-color:var(--gray-lightest);color:var(--gray-dark)}.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)}.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-name,.coauthor-role{font-family:var(--font-body);line-height:var(--leading-snug)}.coauthor-role{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-status--declined{background-color:#f4433614;background-color:var(--error-light,rgba(var(--error-rgb,244,67,54),.08));color:var(--error)}.coauthor-leave{align-items:center;background:none;border:1px solid var(--gray-light);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-4);transition:all var(--transition-fast)}.coauthor-leave:hover{background-color:#f4433614;background-color:var(--error-light,rgba(var(--error-rgb,244,67,54),.08));border-color:var(--error);color:var(--error)}.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,rgba(var(--error-rgb,244,67,54),.08));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}}.course-price-number-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:200px}.course-price-number-input:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.course-price-number-input::placeholder{color:var(--text-light)}.final-exam-section .final-exam-hint{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:0 0 var(--space-4) 0}.final-exam-task-stat{align-items:center;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4)}.final-exam-task-stat.is-complete{background-color:var(--success-light);color:var(--text-primary)}.final-exam-task-stat.is-incomplete{background-color:var(--warning-light);color:var(--text-primary)}.final-exam-task-stat-text strong{font-weight:var(--font-semibold)}.final-exam-task-stat-hint{color:var(--text-secondary);font-size:var(--text-xs);margin-left:auto}.final-exam-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-4)}.final-exam-grid .course-form-group{margin-bottom:0}.final-exam-grid input[type=number]{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%}.final-exam-grid input[type=number]:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.final-exam-grid input[type=number]::placeholder{color:var(--text-light)}.final-exam-percent-input{position:relative}.final-exam-percent-input input[type=number]{padding-right:var(--space-10)}.final-exam-percent-suffix{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);pointer-events:none;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%)}.final-exam-recertification-row{align-items:center;background-color:var(--gray-lightest);border-radius:var(--radius-md);display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.final-exam-toggle{align-items:center;cursor:pointer;display:inline-flex!important;flex-flow:row;gap:var(--space-3);white-space:nowrap}.final-exam-toggle input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.final-exam-toggle-track{background-color:var(--gray-lighter);border-radius:10px;flex-shrink:0;height:20px;position:relative;transition:background-color var(--transition-base);width:36px}.final-exam-toggle input:checked+.final-exam-toggle-track{background-color:var(--coral-primary)}.final-exam-toggle-thumb{background-color:var(--bg-white);border-radius:50%;box-shadow:0 1px 3px #00000026;height:16px;left:2px;position:absolute;top:2px;transition:transform var(--transition-base);width:16px}.final-exam-toggle input:checked+.final-exam-toggle-track .final-exam-toggle-thumb{transform:translateX(16px)}.final-exam-toggle-text{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.final-exam-recertification-input{align-items:center;display:flex;gap:var(--space-2);margin-left:auto}.final-exam-recertification-prefix,.final-exam-recertification-suffix{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);white-space:nowrap}.final-exam-recertification-input input[type=number]{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);text-align:center;transition:all var(--transition-base);width:72px}.final-exam-recertification-input input[type=number]:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.final-exam-section .course-form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}@media (max-width:768px){.final-exam-grid{gap:var(--space-4);grid-template-columns:1fr}}.optimize-modal{max-width:600px}.optimize-modal__intro{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-5) 0}.optimize-modal__options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-2)}.optimize-modal__option{align-items:center;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:row;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-base)}.optimize-modal__option--checked,.optimize-modal__option:hover{background-color:var(--coral-lightest);border-color:var(--coral-primary)}.optimize-modal__option input[type=checkbox]{accent-color:var(--coral-primary);cursor:pointer;flex-shrink:0;height:18px;width:18px}.optimize-modal__option-content{align-items:baseline;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;gap:var(--space-2);min-width:0}.optimize-modal__option-label{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold)}.optimize-modal__option-hint{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal)}.optimize-modal__option-hint:before{content:"— "}.optimize-modal__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-10) var(--space-4)}.optimize-modal__loading-text{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin:var(--space-2) 0 0 0}.optimize-modal__loading-hint{color:var(--text-light);font-family:var(--font-body);font-size:var(--text-sm);margin:0}.optimize-modal__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.optimize-modal__chip{background:var(--coral-light);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)}.optimize-modal__chip,.optimize-modal__chip-remove{align-items:center;color:var(--coral-dark);display:inline-flex}.optimize-modal__chip-remove{background:#0000;border:none;cursor:pointer;justify-content:center;padding:0;transition:color var(--transition-base)}.optimize-modal__chip-remove:hover{color:var(--text-primary)}.optimize-modal__keyword-input{width:100%}.final-exam-admin{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.final-exam-admin .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.final-exam-admin-container{margin:0 auto;max-width:1000px;padding:var(--space-6)}.final-exam-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)}.final-exam-admin-container .back-btn:hover{background-color:initial;color:var(--coral-dark);text-decoration:underline}.final-exam-admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.final-exam-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}.final-exam-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}.final-exam-admin-container .card{background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);padding:var(--space-8)}.final-exam-admin-container .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.final-exam-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}.final-exam-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)}.final-exam-admin-container .card-header button:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.final-exam-admin-container .element-count{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin-top:var(--space-4);text-align:right}@media (max-width:768px){.final-exam-admin-container{padding:var(--space-4)}.final-exam-admin-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.final-exam-admin-header-left h1{font-size:var(--text-2xl)}.final-exam-admin-subtitle{font-size:var(--text-base)}.final-exam-admin-container .card{padding:var(--space-4)}.final-exam-admin-container .card-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.final-exam-admin-container .card-header button{width:100%}}.lesson-quiz-admin{background-color:var(--bg-light);min-height:calc(100vh - 200px)}.lesson-quiz-admin .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.lesson-quiz-admin-container{margin:0 auto;max-width:1000px;padding:var(--space-6)}.lesson-quiz-admin-container .back-btn{align-items:center;background:none;border:none;color:var(--coral-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) 0;transition:color var(--transition-fast)}.lesson-quiz-admin-container .back-btn:hover{background-color:initial;color:var(--coral-dark);text-decoration:underline}.lesson-quiz-admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.lesson-quiz-admin-header-left h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin:0}.lesson-quiz-admin-subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-normal);margin:var(--space-2) 0 0 0}.card-header-actions{align-items:center;display:flex;gap:var(--space-3)}.card-header-btn-secondary{align-items:center;background-color:initial;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);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.card-header-btn-secondary:hover{background-color:var(--coral-lightest);transform:translateY(-1px)}.card-header-btn-secondary:disabled{border-color:var(--gray-light);color:var(--gray-light);cursor:not-allowed;transform:none}.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:#d32f2f;background-color:var(--error-dark,#d32f2f)}@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%}}.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}}.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;box-shadow:0 8px 24px rgba(var(--coral-rgb,254,135,110),.12);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-weight:500;font-weight:var(--font-medium,500)}.course-item-rating,.course-item-trainer{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)}.course-item-rating{align-items:center;display:flex;gap:.5rem;gap:var(--space-2,.5rem)}.course-item-rating-stars{align-items:center;display:inline-flex;font-size:1rem;font-size:var(--text-base,1rem);gap:1px}.course-item-star--filled{color:#fe876e;color:var(--coral-primary,#fe876e)}.course-item-star--empty{color:#c8ccce;color:var(--gray-light,#c8ccce)}.course-item-rating-value{color:#646a6c;color:var(--gray-dark,#646a6c);font-weight:600;font-weight:var(--font-semibold,600)}.course-item-rating-count{color:#8a9194;color:var(--text-light,#8a9194)}.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-description,.course-item-meta{font-family:Source Sans\ 3,sans-serif;font-family:var(--font-body,"Source Sans 3",sans-serif)}.course-item-meta{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-progress{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2,.5rem)}.course-item-progress-header{align-items:center;display:flex;justify-content:space-between}.course-item-progress-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);font-weight:500;font-weight:var(--font-medium,500)}.course-item-progress-percent{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:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600)}.course-item-progress-bar{background-color:#e8eaeb;background-color:var(--gray-lighter,#e8eaeb);height:6px;overflow:hidden;width:100%}.course-item-progress-bar,.course-item-progress-fill{border-radius:9999px;border-radius:var(--radius-full,9999px)}.course-item-progress-fill{background-color:#fe876e;background-color:var(--coral-primary,#fe876e);height:100%;transition:width .3s ease;transition:width var(--transition-slow,.3s ease)}.course-item-footer{align-items:center;border-top:1px solid #e8eaeb;border-top:1px solid var(--gray-lighter,#e8eaeb);display:flex;justify-content:space-between;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-admin-item{cursor:pointer}.course-item-image-placeholder{align-items:center;background-color:var(--gray-lightest);border-bottom:1px solid var(--gray-lighter);color:var(--text-light);display:flex;flex-direction:column;gap:var(--space-2);height:100%;justify-content:center;width:100%}.course-item-image-placeholder__icon{height:2rem;opacity:.5;width:2rem}.course-item-image-placeholder__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.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__status--archived{background-color:var(--gray-dark);color:var(--text-inverted)}.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}}.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 #4ecdc4;border:2px solid var(--teal,#4ecdc4);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#4ecdc4;color:var(--teal,#4ecdc4);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:#4ecdc4;background-color:var(--teal,#4ecdc4);color:#fff;color:var(--text-inverted,#fff)}.ai-creator{background-color:var(--bg-light);min-height:100vh}.ai-creator .loading-item{align-items:center;display:flex;height:55vh;justify-content:center;margin:0 auto}.ai-creator-inner{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 80px);margin:0 auto;max-width:1400px;padding:var(--space-6)}.ai-creator-page-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:var(--space-5)}.ai-creator-page-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);padding:var(--space-2) 0;transition:color var(--transition-fast)}.ai-creator-page-header__actions{align-items:center;display:flex;gap:var(--space-3)}.ai-creator-discard-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: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)}.ai-creator-discard-btn:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}.ai-creator-discard-btn:disabled{cursor:not-allowed;opacity:.5}.ai-creator-publish-btn{align-items:center;background: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)}.ai-creator-publish-btn:hover:not(:disabled){background:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.ai-creator-publish-btn:disabled{background:var(--gray-light);cursor:not-allowed}.ai-creator-page-header .back-btn:hover{color:var(--coral-dark);text-decoration:underline}.ai-creator-page-header h1{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.ai-creator-panels{display:flex;flex:1 1;gap:var(--space-4);min-height:0}.ai-creator-panel{background:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.ai-creator-panel__header{align-items:center;background:var(--bg-white);border-bottom:1px solid var(--gray-lighter);color:var(--text-primary);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-4) var(--space-5)}.ai-creator-panel__header>svg{color:var(--coral-primary)}.ai-creator-panel__count{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-normal);margin-left:auto}.ai-creator-panel__body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-5)}.ai-creator-panel__footer{background:var(--bg-white);border-top:1px solid var(--gray-lighter);flex-shrink:0;padding:var(--space-3) var(--space-4)}.file-upload-zone{align-items:center;border:2px dashed var(--gray-lighter);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;padding:var(--space-6) var(--space-4);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.file-upload-zone:hover:not(.file-upload-zone--disabled):not(.file-upload-zone--has-file){background-color:var(--coral-lightest);border-color:var(--coral-primary)}.file-upload-zone--has-file{background-color:var(--coral-lightest);border-color:var(--coral-primary);border-style:solid;padding:var(--space-3) var(--space-4)}.file-upload-zone--disabled{cursor:not-allowed;opacity:.5}.file-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.file-upload-placeholder__icon{color:var(--gray-medium)}.file-upload-placeholder__label{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.file-upload-placeholder__hint{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs)}.file-upload-selected{align-items:center;display:flex;gap:var(--space-3);width:100%}.file-upload-selected__icon-wrapper{align-items:center;background:var(--bg-white);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.file-upload-selected__icon{color:var(--coral-primary)}.file-upload-selected__info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.file-upload-selected__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-selected__meta{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs)}.file-upload-selected__remove{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast);width:24px}.file-upload-selected__remove:hover{background-color:var(--error-light);color:var(--error)}.ai-source-error{color:var(--error);font-family:var(--font-body);font-size:var(--text-xs);margin:var(--space-2) 0 0}.ai-source-generating{align-items:center;background:var(--coral-lightest);border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.ai-source-generating p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:0}.ai-source-generate-btn{align-items:center;background: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-5);transition:all var(--transition-base);width:100%}.ai-source-generate-btn:hover{background:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.ai-source-generate-btn:active{transform:translateY(0)}.ai-creator-error{background:var(--error-light);border-left:3px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-family:var(--font-body);font-size:var(--text-sm);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4)}.ai-source-file{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.ai-source-file__meta{align-items:center;background:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;gap:var(--space-2);padding:var(--space-2) var(--space-3);text-decoration:none;transition:background .15s ease,border-color .15s ease}.ai-source-file__meta:hover{background:var(--coral-lightest);border-color:var(--coral-light)}.ai-source-file__icon{color:var(--coral-primary);flex-shrink:0}.ai-source-file__download{color:var(--text-secondary);flex-shrink:0;margin-left:auto}.ai-source-file__meta:hover .ai-source-file__download{color:var(--coral-primary)}.ai-source-file__label{color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.05em;margin:0;text-transform:uppercase}.ai-source-file__label,.ai-source-file__name{font-family:var(--font-body);font-weight:var(--font-semibold)}.ai-source-file__name{color:var(--text-primary);font-size:var(--text-sm);word-break:break-all}.ai-source-file__content{background:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);color:var(--text-secondary);flex:1 1;font-family:Courier New,Courier,monospace;font-size:var(--text-xs);line-height:var(--leading-relaxed);margin:0;overflow-y:auto;padding:var(--space-3) var(--space-4);white-space:pre-wrap;word-break:break-word}.ai-creator-empty{align-items:center;color:var(--text-light);display:flex;flex-direction:column;gap:var(--space-3);height:100%;justify-content:center;text-align:center}.ai-creator-empty__icon{opacity:.35}.ai-creator-empty p{margin:0}.ai-content-panel__hint,.ai-creator-empty p{font-family:var(--font-body);font-size:var(--text-sm)}.ai-content-panel__hint{background:var(--coral-lightest);border-left:3px solid var(--coral-primary);border-radius:var(--radius-md);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4)}.ai-content-panel__sources{margin-bottom:var(--space-4)}.ai-content-panel__sources-label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;margin:0 0 var(--space-2);text-transform:uppercase}.ai-content-panel__sources-list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.ai-content-panel__source-item{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2)}.ai-content-panel__text{background:var(--gray-lightest);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);line-height:var(--leading-relaxed);margin:0;overflow-y:auto;padding:var(--space-3) var(--space-4);white-space:pre-wrap;word-break:break-word}.ai-lesson-list{display:flex;flex-direction:column;gap:var(--space-2)}.ai-lesson-accordion{border:1px solid var(--gray-lighter);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.ai-lesson-accordion--open{border-color:var(--coral-light)}.ai-lesson-accordion__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:background-color var(--transition-fast);width:100%}.ai-lesson-accordion__header:hover{background-color:var(--gray-lightest)}.ai-lesson-accordion--open .ai-lesson-accordion__header{background-color:var(--coral-lightest)}.ai-lesson-accordion__chevron{align-items:center;color:var(--coral-primary);display:flex;flex-shrink:0;width:14px}.ai-lesson-accordion__number{color:var(--coral-primary);flex-shrink:0;font-size:var(--text-xs);min-width:60px;white-space:nowrap}.ai-lesson-accordion__number,.ai-lesson-accordion__title{font-family:var(--font-body);font-weight:var(--font-semibold)}.ai-lesson-accordion__title{color:var(--text-primary);flex:1 1;font-size:var(--text-sm)}.ai-lesson-accordion__duration{color:var(--text-secondary);flex-shrink:0;font-family:var(--font-body);font-size:var(--text-xs);white-space:nowrap}.ai-lesson-accordion__body{background:var(--bg-white);border-top:1px solid var(--gray-lighter);padding:var(--space-4)}.ai-lesson-accordion__content{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;white-space:pre-line}.ai-change-request{display:flex;flex-direction:column;gap:var(--space-2)}.ai-change-request__textarea-wrap{background:var(--bg-light);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);flex:1 1;max-height:120px;min-height:var(--space-6);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast)}.ai-change-request__textarea-wrap:focus-within{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26}.ai-change-request__input{background:#0000;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);max-height:102px;outline:none;padding:var(--space-1) 0 0;resize:none;width:100%}.ai-change-request__input:focus{box-shadow:none;outline:none}.ai-change-request__input::placeholder{color:var(--text-light)}.ai-change-request__error{color:var(--error);font-family:var(--font-body);font-size:var(--text-sm);margin:0}.ai-change-request__actions{display:flex;justify-content:flex-end}.ai-change-request__submit{align-items:center;background: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)}.ai-change-request__submit:hover:not(:disabled){background:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.ai-change-request__submit:active:not(:disabled){transform:translateY(0)}.ai-change-request__submit:disabled{background:var(--gray-light);cursor:not-allowed}.ccp-modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.ccp-modal{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;padding:var(--space-6);width:100%}.ccp-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-3)}.ccp-modal__subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-5)}.ccp-modal__lesson-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;overflow-y:auto;padding:0}.ccp-modal__lesson-item{align-items:center;background:var(--bg-light);border:1px solid var(--gray-lighter);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.ccp-lesson-spinner{animation:ccp-spin .7s linear infinite;border:2px solid var(--coral-lightest);border-radius:50%;border-top-color:var(--coral-primary);flex-shrink:0;height:14px;margin-left:auto;width:14px}@keyframes ccp-spin{to{transform:rotate(1turn)}}.ccp-lesson-done{color:var(--success);flex-shrink:0;margin-left:auto}.ccp-modal__spinner{display:flex;justify-content:center;padding:var(--space-6) 0}.ccp-modal__lesson-number{color:var(--coral-primary);flex-shrink:0;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:62px;white-space:nowrap}.ccp-modal__lesson-title{color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-snug)}.ccp-modal__result{align-items:flex-start;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4)}.ccp-modal__result--success{background:#f0fdf4;background:var(--success-light,#f0fdf4);border:1px solid #22c55e;border:1px solid var(--success,#22c55e)}.ccp-modal__result--error{background:#fff1f2;background:var(--error-light,#fff1f2);border:1px solid #ef4444;border:1px solid var(--error,#ef4444)}.ccp-modal__result-text{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.ccp-modal__result--success .ccp-modal__result-text{color:#15803d;color:var(--success-dark,#15803d)}.ccp-modal__result--error .ccp-modal__result-text{color:#b91c1c;color:var(--error-dark,#b91c1c)}.ccp-modal__close-btn{align-self:flex-end;background:var(--coral-primary);border:none;border-radius:var(--radius-md);color:var(--bg-white);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:background var(--transition-fast)}.ccp-modal__close-btn:hover{background:var(--coral-dark)}.ai-creator-discard-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.ai-creator-discard-modal__cancel{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-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-5);transition:all var(--transition-fast)}.ai-creator-discard-modal__cancel:hover:not(:disabled){background:var(--gray-lightest);color:var(--text-primary)}.ai-creator-discard-modal__cancel:disabled{cursor:not-allowed;opacity:.5}.ai-creator-discard-modal__confirm{background:var(--error);border:none;border-radius:var(--radius-md);color:var(--bg-white);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:background var(--transition-fast)}.ai-creator-discard-modal__confirm:hover:not(:disabled){background:#b91c1c;background:var(--error-dark,#b91c1c)}.ai-creator-discard-modal__confirm:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.ai-creator-inner{height:auto;padding:var(--space-4)}.ai-creator-panels{flex-direction:column;height:auto}.ai-creator-panel{max-height:500px;min-height:400px}}.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}}.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:center}.creator-table__th--date .creator-table__th-content{justify-content:center}.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:center}.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}.action-item--danger:hover{background-color:var(--gray-lightest);color:var(--error)}.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)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@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)}}.co-creation-invitations{margin-bottom:var(--space-8)}.co-creation-invitations__heading{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}.co-creation-invitations__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.invitation-item{align-items:center;animation:fadeIn .2s ease both;background-color:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-5)}.invitation-item__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.invitation-item__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}.invitation-item__meta{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.invitation-item__actions{display:flex;flex-shrink:0;gap:var(--space-2)}.invitation-item__btn{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.4;padding:var(--space-2) var(--space-4);transition:all var(--transition-base);white-space:nowrap}.invitation-item__btn--accept{background-color:var(--coral-primary);border:none;color:var(--text-inverted)}.invitation-item__btn--accept:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.invitation-item__btn--accept:active{transform:translateY(0)}.invitation-item__btn--decline{background-color:initial;border:1px solid var(--gray-light);color:var(--text-secondary)}.invitation-item__btn--decline:hover{border-color:var(--text-secondary);color:var(--text-primary)}.co-creation-invitations__toggle{background:none;border:none;color:var(--coral-primary);cursor:pointer;display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-left:auto;margin-top:var(--space-3);padding:0;transition:color var(--transition-base)}.co-creation-invitations__toggle:hover{color:var(--coral-dark)}@media (max-width:767px){.invitation-item{align-items:stretch;flex-direction:column}.invitation-item__actions{justify-content:flex-end}}.co-creation-table-section{margin-bottom:var(--space-4)}.co-creation-table__heading{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}.co-creation-table__col--title{width:24%}.co-creation-table__col--creator{width:16%}.co-creation-table__col--status{width:12%}.co-creation-table__col--completions,.co-creation-table__col--lessons,.co-creation-table__col--rating{width:10%}.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}@media (max-width:767px){.member-tabs__tab{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-3);white-space:nowrap}.status-badge--success{background-color:var(--success-light);color:var(--success)}.status-badge--gray{background-color:var(--gray-lighter);color:var(--text-light)}.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:800px;table-layout:fixed;width:100%}.ua-table__col--name{width:50%}.ua-table__col--role,.ua-table__col--status{width:20%}.ua-table__col--actions{width:10%}.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: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{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)}.ua-table__member-email,.ua-table__member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ua-table__member-email{color:var(--text-light);font-size:var(--text-xs)}.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--CREATOR{background-color:var(--warning-light);color:var(--warning)}.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(--gray-lightest);color:var(--coral-primary)}.action-item__icon{color:var(--text-light);flex-shrink:0;width:16px}.action-item:hover .action-item__icon{color:var(--coral-primary)}.action-item:focus-visible{background-color:var(--gray-lightest);color:var(--coral-primary);outline:none}.action-item:focus-visible .action-item__icon{color:var(--coral-primary)}.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)}.action-item--danger,.action-item--danger .action-item__icon{color:var(--error)}.action-item--danger:hover{background-color:var(--error-light)}.action-item--danger:hover,.action-item--danger:hover .action-item__icon{color:#d32f2f;color:var(--error-dark,#d32f2f)}.action-item--danger:focus-visible{background-color:var(--error-light);color:#d32f2f;color:var(--error-dark,#d32f2f)}.action-item--danger:focus-visible .action-item__icon{color:#d32f2f;color:var(--error-dark,#d32f2f)}.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-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 0 0}.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:not([type=checkbox]),.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:not([type=checkbox]):focus,.form-group select:focus,.role-select:focus,.status-select:focus{border-color:var(--coral-primary);box-shadow:0 0 0 3px #fe876e26;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15)}.form-group input:not([type=checkbox])::placeholder{color:var(--text-light)}.form-group input:not([type=checkbox]).input-error,.form-group select.input-error{border-color:var(--error)}.form-group input:not([type=checkbox]):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;background-color:var(--error-dark,#d32f2f);box-shadow:0 4px 14px #f4433640;box-shadow:0 4px 14px rgba(var(--error-rgb,244,67,54),.25);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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15);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;background-color:var(--error-dark,#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%}}.user-create-modal .modal-dialog{max-width:560px}.user-create-modal__row{display:flex;gap:var(--space-4)}.user-create-modal__row>.modal-field{flex:1 1}.user-create-modal .send-email-toggle{align-items:flex-start;color:var(--text-primary);cursor:pointer;display:flex;flex-flow:row;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-normal);gap:var(--space-3);margin-bottom:var(--space-1)}.user-create-modal .send-email-toggle__text{display:flex;flex-direction:column;gap:var(--space-1);pointer-events:none}.user-create-modal .send-email-toggle__hint{color:var(--text-light);font-size:var(--text-xs);font-style:italic}.user-create-modal .send-email-toggle input[type=checkbox]{accent-color:var(--coral-primary);cursor:pointer;flex-shrink:0;height:16px;margin:2px 0 0;width:16px}@media (max-width:768px){.user-create-modal__row{flex-direction:column;gap:0}}.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)}}.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)}}.audit-filter__grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-areas:"admin type sort" "from  to   .";grid-template-columns:1fr 1fr 1fr}.audit-filter__admin-field{grid-area:admin}.audit-filter__type-field{grid-area:type}.audit-filter__sort-field{grid-area:sort}.audit-filter__from-field{grid-area:from}.audit-filter__to-field{grid-area:to}.audit-filter__grid .filter-sort-controls__field{max-width:none}@media (max-width:640px){.audit-filter__grid{grid-template-areas:"admin" "type" "from" "to" "sort";grid-template-columns:1fr}}.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__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--organisation{background-color:var(--teal-light);color:var(--teal)}.audit-badge--department{background-color:var(--coral-lightest);color:var(--coral-dark)}.audit-badge--team{background-color:var(--gray-lightest);color:var(--navy)}.audit-badge--user{background-color:var(--info-light);color:var(--info)}@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--organisation{border-left-color:var(--teal)}.audit-card--department{border-left-color:var(--coral-primary)}.audit-card--team{border-left-color:var(--navy)}.audit-card--user{border-left-color:var(--info)}.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)}}.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;box-shadow:0 0 0 3px rgba(var(--coral-rgb,254,135,110),.15);outline:none}.settings-toggle-disabled{background-color:var(--gray-lightest);cursor:not-allowed}.settings-toggle-disabled .settings-toggle-thumb{background-color:var(--gray-light)}.tfa-tab__loading{display:flex;justify-content:center;padding:var(--space-10) 0}.tfa-tab__header{margin-bottom:var(--space-6)}.tfa-tab__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-1) 0}.tfa-tab__description{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;max-width:640px}.tfa-tab__card{align-items:flex-start;background-color:var(--bg-white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-6)}.tfa-tab__card-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-lg);height:44px;justify-content:center;width:44px}.tfa-tab__card-body{flex:1 1;min-width:0}.tfa-tab__card-body .settings-toggle-row{padding:0}@media (max-width:480px){.tfa-tab__card{padding:var(--space-4)}.tfa-tab__card-icon{display:none}}.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)}}.sso-callback{align-items:center;background-color:var(--bg-light);display:flex;justify-content:center;min-height:100vh;padding:var(--space-4)}.sso-callback__card{align-items:center;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:440px;padding:var(--space-10) var(--space-8);text-align:center;width:100%}.sso-callback__error-icon{align-items:center;background-color:var(--error-light);border-radius:var(--radius-full);color:var(--error);display:flex;font-size:var(--text-2xl);height:56px;justify-content:center;margin-bottom:var(--space-4);width:56px}.sso-callback__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-3) 0}.sso-callback__message{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:var(--space-4) 0 0 0}.sso-callback__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-sm);font-weight:var(--font-semibold);margin-top:var(--space-6);padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.sso-callback__btn:hover{background-color:var(--coral-dark);box-shadow:var(--shadow-coral);transform:translateY(-1px)}
/*# sourceMappingURL=main.13f4ec66.css.map*/