@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@700&display=swap";:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;font-family:poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}body{margin:0}.auth-page{--auth-ink:#111a34;--auth-muted:#667796;--auth-line:#d9e1ef;--auth-blue:#0659ff;--auth-blue-deep:#0636c9;--auth-danger:#dc2626;width:100%;min-height:100vh;color:var(--auth-ink);background:radial-gradient(circle at 13% 8%,#fffffff5,#0000 31%),linear-gradient(135deg,#f8fbff 0%,#eef3fa 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.auth-back-home{z-index:30;color:var(--auth-blue);align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;top:28px;left:32px}.auth-back-home:hover{color:var(--auth-blue-deep)}.register-mode .auth-back-home{left:calc(50% + 32px)}.auth-form-panel{z-index:2;width:50%;min-height:100vh;transition:opacity .45s,transform .75s;position:absolute;top:0}.login-panel{left:0}.register-panel{opacity:0;pointer-events:none;right:0;transform:translate(40px)}.auth-banner-panel{z-index:10;width:50%;min-height:100vh;transition:transform .75s cubic-bezier(.77,0,.18,1);position:absolute;top:0;right:0}.auth-banner{color:#fff;background:radial-gradient(circle at 98% 1%,#358cffc2 0 23%,#0000 24%),radial-gradient(circle at 2% 104%,#2d8cffb3 0 18%,#0000 20%),linear-gradient(135deg,#073fc6 0%,#005df6 50%,#003bc9 100%);border-radius:50px 0 0 50px;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:72px 74px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 44px #001e6fb3}.auth-banner:before{content:"";background:#ffffff14;border-radius:50%;width:530px;height:530px;position:absolute;top:-210px;right:-52px}.auth-banner:after{content:"";opacity:.78;background:repeating-radial-gradient(at 31% 100%,#78b9ff6b 0 1.2px,#0000 1.8px 10px);height:265px;position:absolute;inset:auto -110px 15px -140px;transform:rotate(2deg)}.auth-banner-overlay{display:none}.auth-banner-content{z-index:1;width:min(100%,560px);position:relative}.auth-banner-title{color:#fff;letter-spacing:0;width:min(100%,520px);margin:0 0 26px;font-size:clamp(40px,4.4vw,52px);font-weight:850;line-height:1.23}.auth-banner-title em{color:#fff;font:inherit;display:inline}.auth-banner-description{color:#fffffff0;width:min(100%,560px);margin:0 0 64px;font-size:23px;font-weight:400;line-height:1.55}.dot-grid{opacity:.35;background-image:radial-gradient(circle,#fff 0 2.5px,#0000 3px);background-size:28px 28px;width:128px;height:128px;position:absolute;top:-145px;right:-170px}.wave-lines{z-index:-1;border:1px solid #0000;border-radius:50%;width:760px;height:330px;position:absolute;bottom:-144px;right:-132px}.promo-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#448eff70;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:24px;width:min(100%,500px);margin-left:-10px;padding:28px;display:flex;box-shadow:0 22px 44px #001d6f21}.card-icon{color:#fff;background:#ffffff29;border-radius:50%;flex:0 0 76px;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.card-icon svg{stroke-width:2.4px;width:40px;height:40px}.card-title{color:#fff;margin:0 0 6px;font-size:22px;font-weight:850;line-height:1.15}.card-description{color:#fffffff2;margin:0;font-size:20px;line-height:1.25}.auth-form-container{background:#fff;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:70px 56px;display:flex}.auth-form-inner{width:min(100%,510px)}.auth-form-title{color:#001865;letter-spacing:0;margin:0;font-family:system-ui;font-weight:700;line-height:1.05}.auth-form-subtitle{color:#637391;margin:14px 0 48px;font-size:18px;font-weight:600;line-height:1.45}.auth-form{width:100%;margin-top:75px}.form-field{margin-bottom:30px}.form-field-large{margin-bottom:40px}.form-field-label{color:#2f3545;margin-bottom:5px;font-family:poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700;display:block}.form-field-input{background:#fff;border-bottom:1px solid #969696;align-items:center;display:flex}.form-field-input svg{flex:none}.mail-icon{color:#949494;pointer-events:none;stroke-width:2px;width:17px;height:17px}.form-field-input input{color:#18223b;background:#fff;border:none;outline:none;width:100%;min-width:0;height:46px;padding:0 10px;font-size:16px;font-weight:600}.form-field-input input:-webkit-autofill{caret-color:#18223b;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#18223b!important}.form-field-input input:-webkit-autofill:hover{caret-color:#18223b;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#18223b!important}.form-field-input input:-webkit-autofill:focus{caret-color:#18223b;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#18223b!important}.form-field-input input:-webkit-autofill:active{caret-color:#18223b;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#18223b!important}.form-field-input input::placeholder{color:#8793a7;font-weight:500}.show-password-button{color:#727d97;cursor:pointer;background:0 0;border:none;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;transition:color .2s;display:flex}.show-password-button:hover{color:#032fa8}.form-options{justify-content:space-between;align-items:center;gap:16px;margin:-2px 0 28px;display:flex}.form-option-remember{color:#252d3c;cursor:pointer;align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex}.form-option-remember input{cursor:pointer;width:14px;height:14px;accent-color:var(--auth-blue);border-radius:4px}.form-option-forgot,.auth-switch-link{color:var(--auth-blue);font-size:14px;font-weight:600;text-decoration:none}.auth-switch-button{cursor:pointer;background:0 0;border:0;margin-left:4px;padding:0;font-family:inherit}.auth-error{color:var(--auth-danger);font-size:14px;font-weight:600}.auth-submit-button{color:#fff;cursor:pointer;background:#004dfff7;border:0;border-radius:9px;width:100%;padding-bottom:4px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 5px 12px #0659ff33}.auth-submit-button:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 16px 30px #0659ff42}.auth-submit-button:active{transform:translateY(0)}.login-submit-button{justify-content:center;align-items:center;display:flex;position:relative}.login-submit-icon{width:36px;height:36px;color:var(--auth-blue);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:18px}.auth-switch-text{color:#3f454e;text-align:center;margin:26px 0 0;font-size:16px;font-weight:600}.auth-socials{margin-top:40px}.social-login-divider{color:#74829b;text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;font-size:17px;font-weight:500;display:grid;position:relative}.social-login-divider:before,.social-login-divider:after{content:"";background:#d9e2ef;height:1.5px}.social-login-buttons{justify-content:center;gap:18px;margin-top:32px;display:flex}.social-login-btn-gg,.social-login-btn-fb,.back-home-button{color:#202b43;cursor:pointer;background:#fff;border:1.5px solid #dbe4f0;border-radius:12px;justify-content:center;align-items:center;width:70px;height:70px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 18px #172a4d0a}.social-login-btn-gg img,.social-login-btn-fb img{width:30px;height:30px}.social-login-btn-gg:hover,.social-login-btn-fb:hover,.back-home-button:hover{border-color:#0659ff70;transform:translateY(-2px);box-shadow:0 12px 24px #0659ff21}.register-mode .auth-banner-panel{transform:translate(-100%)}.register-mode .auth-banner{border-radius:0 50px 50px 0}.register-mode .login-panel{opacity:0;pointer-events:none;transform:translate(-40px)}.register-mode .register-panel{opacity:1;pointer-events:auto;transform:translate(0)}@media (width<=1180px){.auth-form-container,.auth-banner{padding:56px 42px}.auth-form-subtitle,.auth-banner-description{font-size:17px}.auth-banner-title{font-size:40px}}@media (width>=901px) and (height<=820px){.auth-form-container,.auth-banner{padding-top:20px;padding-bottom:20px}.auth-form-inner{width:min(100%,430px)}.auth-form-title{font-size:41px}.auth-form-subtitle{margin-top:0;margin-bottom:28px;font-size:15px}.auth-form{margin-top:60px}.form-field{margin-bottom:30px}.form-field-label{font-size:14px}.form-field-input input{height:33px;font-size:15px}.auth-submit-button{height:50px;font-size:19px}.form-options{margin-bottom:50px}.auth-switch-text{margin-top:10px;font-size:14px}.auth-socials{margin-top:40px}.social-login-divider{font-size:14px}.social-login-buttons{margin-top:22px}.social-login-btn-gg,.social-login-btn-fb,.back-home-button{width:45px;height:45px}.social-login-btn-gg img,.social-login-btn-fb img,.back-home-button svg{width:25px;height:25px}.auth-banner-title{font-size:40px}.auth-banner-description{margin-bottom:42px;font-size:19px}.promo-card{width:min(100%,460px);padding:22px}.card-icon{flex-basis:64px;width:64px;height:64px}.card-title{font-size:19px}.card-description{font-size:17px}}@media (width<=900px){.auth-page{background:#fff;min-height:100vh;display:block;overflow:auto}.auth-banner-panel,.auth-form-panel{width:100%;min-height:auto;transition:none;position:relative;top:auto;left:auto;right:auto;transform:none}.auth-banner-panel{z-index:1}.auth-banner{border-radius:0 0 28px 28px;min-height:520px}.auth-form-container{min-height:auto;padding:48px 28px 56px}.auth-form-inner{max-width:560px}.register-panel,.register-mode .login-panel{display:none}.register-mode .register-panel{opacity:1;pointer-events:auto;display:block;transform:none}.register-mode .auth-banner-panel{transform:none}.register-mode .auth-banner{border-radius:0 0 28px 28px}}@media (width<=560px){.auth-banner{border-radius:0 0 24px 24px;min-height:430px;padding:46px 24px}.register-mode .auth-banner{border-radius:0 0 24px 24px}.auth-form-container{padding:42px 22px}.auth-form-title{font-size:31px}.auth-form-subtitle{margin-bottom:34px;font-size:16px}.form-options{flex-direction:column;align-items:flex-start}.form-field-label,.form-option-remember,.auth-switch-text{font-size:14px}.auth-banner-title{font-size:32px}.auth-banner-description{margin-bottom:34px;font-size:17px}.promo-card{gap:16px;margin-left:0;padding:20px}.card-icon{flex-basis:58px;width:58px;height:58px}.card-title{font-size:17px}.card-description{font-size:15px}.social-login-buttons{gap:12px}.social-login-btn-gg,.social-login-btn-fb{width:58px;height:58px}}.auth-error{color:#ef4444;margin-top:10px;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.modal-box-register{text-align:center;background:#fff;border-radius:16px;width:420px;padding:24px 20px;animation:.25s forwards popIn;transform:scale(.95);box-shadow:0 20px 60px #00000040}.modal-box-register h2{color:#111827;margin-bottom:10px;font-size:20px}.modal-box-register p{color:#6b7280;font-size:14px;line-height:1.5}.modal-actions-register{justify-content:center;gap:10px;margin-top:20px;display:flex}.btn-primary-register{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 14px;font-weight:500;transition:all .2s}.btn-primary-register:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-secondary-register{color:#111827;cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:10px 14px;font-weight:500;transition:all .2s}.btn-secondary-register:hover{background:#d1d5db}.btn-secondary-register:disabled{opacity:.5;cursor:not-allowed}.btn-close-register{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-top:12px;font-size:13px}.btn-close-register:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.spinner{border:3px solid #fff;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-modal-header{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.register-modal-title{color:#111827;margin:0;font-size:28px;font-weight:700}.register-modal-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-top:-10px;font-size:20px;display:flex}.user-logged-header{z-index:1100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #dce0e4e6;width:100%;padding:6px 24px;position:sticky;top:0;box-shadow:0 12px 34px #8598ca1f}.group-header{flex:1;justify-content:space-between;align-items:center;gap:28px;margin-left:30px;display:flex}.user-logged-home-shell{align-items:center;gap:28px;display:flex}.user-logged-header-container{grid-template-columns:auto 1fr auto auto auto 1fr auto;align-items:center;gap:22px;max-width:1680px;min-height:58px;margin:0 auto;padding:0;display:grid}.user-logged-brand-group{grid-column:1;margin-left:16px}.user-logged-home-shell{grid-column:3}.user-logged-search-area{grid-column:4}.user-logged-secondary-nav{grid-column:5}.user-logged-actions{grid-column:7;margin-right:16px}.user-logged-brand-group,.user-logged-actions,.user-logged-search-area,.user-logged-home-shell,.user-logged-nav-list,.user-logged-avatar-button,.user-logged-nav-button,.user-logged-home-link,.user-logged-icon-button{align-items:center;display:flex}.user-logged-brand-group{flex-shrink:0;gap:10px}.user-logged-logo{align-items:center;text-decoration:none;display:inline-flex}.user-logged-logo img{object-fit:contain;width:auto;height:38px;display:block}.user-logged-mobile-toggle{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.user-logged-navigation-shell{order:4;min-width:0}.user-logged-nav-list{justify-content:center;gap:22px;width:min(100%,200px);margin-left:90px;padding:0;list-style:none}.user-logged-nav-item,.user-logged-icon-menu,.user-logged-avatar-menu,.user-logged-search{position:relative}.user-logged-nav-button,.user-logged-home-link{color:#0f172a;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;gap:6px;height:38px;padding:10px 4px;font-family:math;font-size:17px;text-decoration:none;transition:color .2s,background .2s,transform .2s}.user-logged-nav-button:hover,.user-logged-home-link:hover,.user-logged-nav-item:focus-within .user-logged-nav-button,.user-logged-nav-item:hover .user-logged-nav-button,.user-logged-nav-item.is-open .user-logged-nav-button{color:#2563eb;background:0 0;transform:translateY(-1px)}.user-logged-dropdown{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1300;opacity:0;visibility:hidden;pointer-events:none;background:#fffffff5;border:1px solid #a6a6a6f2;border-radius:8px;width:250px;padding:12px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(8px)scale(.98)}.user-logged-dropdown:before{content:"";height:12px;position:absolute;bottom:100%;left:0;right:0}.user-logged-dropdown--right{left:auto;right:0}.user-logged-notification-dropdown{transition:opacity .28s,transform .28s,visibility .28s}.user-logged-nav-item>.user-logged-dropdown:not(.user-logged-mega-menu){top:calc(100% + 5px);left:-70%}.user-logged-nav-item>.user-logged-dropdown:not(.user-logged-mega-menu):before{height:18px}.user-logged-nav-item:hover>.user-logged-dropdown,.user-logged-nav-item:focus-within>.user-logged-dropdown,.user-logged-nav-item.is-open>.user-logged-dropdown,.user-logged-icon-menu:hover>.user-logged-dropdown,.user-logged-icon-menu:focus-within>.user-logged-dropdown,.user-logged-avatar-menu:focus-within>.user-logged-dropdown,.user-logged-avatar-menu:hover>.user-logged-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.user-logged-profile-dropdown{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:260px;transform:translateY(-6px);box-shadow:0 24px 48px #0f172a29}.user-logged-avatar-menu:focus-within>.user-logged-profile-dropdown,.user-logged-avatar-menu:hover>.user-logged-profile-dropdown{transform:translateY(0)}.user-logged-notification-dropdown{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transform:translateY(-6px);box-shadow:0 24px 48px #0f172a29}.user-logged-icon-menu:focus-within>.user-logged-notification-dropdown,.user-logged-icon-menu:hover>.user-logged-notification-dropdown{transform:translateY(0)}.user-logged-menu-list,.user-logged-plan-list,.user-logged-notification-list{margin:0;padding:0;list-style:none}.user-logged-menu-link{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 8px;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.user-logged-menu-link:hover{background:#f1f5f9}.user-logged-menu-link.is-danger{color:#dc2626}.user-logged-menu-link.is-danger:hover{background:#fef2f2}.user-logged-menu-separator{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px}.user-logged-mega-menu{border-color:#a6a6a6f2;width:min(1080px,100vw - 56px);max-height:calc(100vh - 118px);padding:24px;position:fixed;top:88px;left:50%;overflow:auto;transform:translate(-50%,8px)scale(.98)}.user-logged-nav-item--mega>.user-logged-mega-menu{top:60px}.user-logged-mega-menu:before{height:0}.user-logged-nav-item--mega:hover>.user-logged-mega-menu,.user-logged-nav-item--mega:focus-within>.user-logged-mega-menu,.user-logged-nav-item--mega.is-open>.user-logged-mega-menu{transform:translate(-50%)scale(1)}.user-logged-mega-grid{grid-template-columns:1.35fr repeat(4,minmax(130px,1fr));gap:20px;display:grid}.user-logged-mega-column h3{color:#1d4ed8;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}.user-logged-mega-column ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.user-logged-filter-button{color:#334155;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:650;transition:color .2s,background .2s}.user-logged-filter-button:hover{color:#1d4ed8;background:#eff6ff}.user-logged-plan-list{gap:8px;display:grid}.user-logged-plan-card{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr auto auto;align-items:baseline;gap:6px;width:100%;padding:12px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.user-logged-plan-card:hover{border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 10px 26px #2563eb1f}.user-logged-plan-card span,.user-logged-plan-card strong{font-size:14px}.user-logged-plan-card small{color:#64748b}.user-logged-secondary-nav{flex-shrink:0;order:4;align-items:center;gap:28px;display:flex}.user-logged-actions{flex-shrink:0;order:5;gap:16px}.user-logged-search-area{flex-shrink:0;order:3;min-width:220px}.user-logged-search{background:1px solid #53535340;width:340px;height:38px;box-shadow:none;border:1px solid #1b1b1e40;border-radius:999px;align-items:center;gap:8px;margin-left:20px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.user-logged-search:focus-within{border-color:#9bafda}.user-logged-search-icon{color:#818181;flex-shrink:0}.user-logged-search-input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.user-logged-search-input::placeholder{color:#64748b}.user-logged-search-suggestions{z-index:1350;background:#fff;border:1px solid #bfdbfe;border-radius:8px;width:min(460px,100vw - 28px);padding:8px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 20px 48px #1d4ed824}.user-logged-search-suggestion{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;display:grid}.user-logged-search-suggestion:hover{background:#eff6ff}.user-logged-search-suggestion small{color:#2563eb;font-weight:800}.user-logged-icon-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #93c5fd6b;border-radius:8px;justify-content:center;width:42px;height:38px;transition:color .2s,border-color .2s,transform .2s;position:relative}.user-logged-icon-button:hover{color:#2563eb;background:#eff6ff;border-color:#60a5fa;transform:translateY(-1px)}.user-logged-cart-link{text-decoration:none;display:inline-flex}.user-logged-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:-5px;right:-4px}.user-logged-cart-dropdown,.user-logged-notification-dropdown{width:340px}.user-logged-dropdown-heading,.user-logged-cart-total{justify-content:space-between;align-items:center;gap:12px;display:flex}.user-logged-dropdown-heading{border-bottom:1px solid #e2e8f0;padding:4px 4px 10px}.user-logged-dropdown-heading strong,.user-logged-cart-total strong{color:#0f172a}.user-logged-notification-dropdown .user-logged-dropdown-heading span{font-size:12px}.user-logged-dropdown-heading span,.user-logged-cart-total span{color:#64748b;font-size:13px;font-weight:700}.user-logged-cart-list{max-height:300px;padding:10px 0;overflow:auto}.user-logged-cart-item{grid-template-columns:58px 1fr auto;align-items:center;gap:10px;padding:9px 4px;display:grid}.user-logged-cart-item img{object-fit:cover;border-radius:8px;width:58px;height:44px}.user-logged-cart-item h4{color:#0f172a;margin:0 0 4px;font-size:13px;line-height:1.35}.user-logged-cart-item span{color:#2563eb;font-size:13px;font-weight:800}.user-logged-remove-button{color:#dc2626;cursor:pointer;background:#fef2f2;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.user-logged-empty-state{color:#64748b;margin:16px 4px;font-size:14px}.user-logged-cart-total{border-top:1px solid #e2e8f0;padding:12px 4px 4px}.user-logged-notification-list{gap:6px;max-height:340px;padding-top:10px;display:grid;overflow-y:auto}.user-logged-notification-list li{cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:auto 1fr;gap:10px;padding:10px;transition:background .2s;display:grid}.user-logged-notification-list li:hover{background:#eff6ff}.user-logged-notification-list li.is-unread{background:#f8fafc}.user-logged-notification-list li>span{background:0 0;border-radius:999px;width:8px;height:8px;margin-top:6px}.user-logged-notification-list li.is-unread>span{background:#2563eb}.user-logged-notification-list strong{color:#0f172a;font-size:14px}.user-logged-notification-list p{color:#64748b;margin:3px 0 0;font-size:13px;line-height:1.4}.user-logged-notification-list small{color:#94a3b8;margin-top:4px;font-size:11px;display:block}.user-logged-notification-empty{text-align:center;color:#94a3b8;cursor:default;padding:20px 10px;font-size:13px;display:block}.user-logged-notification-empty:hover{background:0 0}.user-logged-avatar-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;width:42px;height:38px;padding:4px}.user-logged-avatar-button img,.user-logged-profile-card img{object-fit:cover;border-radius:999px}.user-logged-avatar-button img{width:30px;height:30px}.user-logged-profile-card{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:8px;padding:4px 4px 12px;display:flex}.user-logged-profile-card img{border:1px solid #e2e8f0;width:40px;height:40px}.user-logged-profile-card strong,.user-logged-profile-card span{display:block}.user-logged-profile-card strong{color:#0f172a;font-size:14px}.user-logged-profile-card span{color:#64748b;margin-top:3px;font-size:12px}@media (width<=1220px){.user-logged-header-container{grid-template-columns:auto 1fr auto auto auto 1fr auto;gap:14px;padding:0 18px}.user-logged-search{width:min(100%,360px)}.user-logged-nav-button{padding:0 9px}}@media (width<=1024px){.user-logged-header-container{flex-wrap:wrap;padding:12px 18px;display:flex}.user-logged-brand-group{justify-content:space-between;width:100%}.user-logged-mobile-toggle{display:inline-flex}.user-logged-navigation-shell{flex-basis:100%;order:3;width:100%;display:none}.user-logged-navigation-shell.is-open{display:block}.user-logged-nav-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.user-logged-nav-button{background:#fff;border:1px solid #e2e8f0;justify-content:space-between;width:100%}.user-logged-dropdown,.user-logged-mega-menu{width:100%;margin-top:8px;display:none;position:static;transform:none;box-shadow:0 12px 28px #0f172a1a}.user-logged-nav-item:hover>.user-logged-dropdown,.user-logged-nav-item:focus-within>.user-logged-dropdown,.user-logged-nav-item.is-open>.user-logged-dropdown{display:block;transform:none}.user-logged-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-logged-actions{justify-content:flex-end;width:100%}.user-logged-search-area{flex:1;order:2;justify-content:stretch}.user-logged-home-shell{order:2}.user-logged-search{flex:1;width:100%}}@media (width<=720px){.user-logged-header-container{padding:10px 14px}.user-logged-nav-list{grid-template-columns:1fr}.user-logged-actions{grid-template-columns:repeat(2,44px) auto;gap:8px;display:grid}.user-logged-home-shell{flex-basis:100%;width:100%}.user-logged-home-link{background:#fff;border:1px solid #bfdbfe;justify-content:center;width:100%}.user-logged-search-area{flex-basis:100%;width:100%}.user-logged-search{width:100%}.user-logged-cart-dropdown,.user-logged-notification-dropdown,.user-logged-profile-dropdown{width:min(340px,100vw - 28px);left:50%;right:auto;transform:translate(-50%)translateY(8px)scale(.98)}.user-logged-icon-menu:hover>.user-logged-dropdown,.user-logged-icon-menu:focus-within>.user-logged-dropdown,.user-logged-avatar-menu:focus-within>.user-logged-dropdown,.user-logged-avatar-menu:hover>.user-logged-dropdown{transform:translate(-50%)translateY(0)scale(1)}.user-logged-mega-grid{grid-template-columns:1fr}}*{box-sizing:border-box}.main-header{z-index:1000;background:0 0;border-bottom:1px solid #0000;padding:6px 24px;transition:background .25s,border-color .25s,box-shadow .25s;position:sticky;top:0}.main-header.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom-color:#94a3b847;box-shadow:0 12px 34px #0f172a1f}.main-header.hero-header.hero-header-top,.main-header.hero-header.hero-header-top.scrolled{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}.main-header.hero-header{position:fixed;left:0;right:0}.main-header.hero-header.hero-header-top .nav-menu-link{color:#fff}.main-header.hero-header.hero-header-top .nav-menu-link:hover{color:#93c5fd}.main-header.hero-header.hero-header-top .nav-menu-link:after{background:#93c5fd}.main-header.hero-header.hero-header-top .header-search{background:#ffffff1f;border-color:#cacaca6b}.main-header.hero-header.hero-header-top .header-search,.main-header.hero-header.hero-header-top .header-action-login{border-color:#d6d6d66b;border-radius:20px}.main-header.hero-header.hero-header-top .header-search-icon{color:#ececec}.main-header.hero-header.hero-header-top .header-search-input{color:#fff}.main-header.hero-header.hero-header-top .header-search-input::placeholder{color:#ffffff8c}.main-header.hero-header.hero-header-top .header-action-cart{color:#fff}.main-header.hero-header.hero-header-top .header-action-login{color:#1d4ed8}.header-container{max-width:1280px;min-height:58px;box-shadow:none;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:22px;margin:0 auto;display:flex}.logo{flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.logo img{object-fit:contain;width:auto;height:35px;display:block}.nav-menu{flex:1;justify-content:center;display:flex}.nav-list{align-items:center;gap:24px;margin:0;padding:0;list-style:none;display:flex}.nav-list li{display:flex}.nav-menu-link{align-items:center;padding:8px 4px;font-family:math;font-size:17px;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex;position:relative}.nav-menu-link:hover:after,.nav-menu-link-active:after{width:calc(100% - 8px)}.nav-menu-link:hover,.nav-menu-link-active{color:#93c5fd}.main-header.scrolled .nav-menu-link{color:#1d1d1d}.main-header.scrolled .nav-menu-link:hover{color:#1d4ed8}.main-header.scrolled .nav-menu-link:after{background:#4274ff}.nav-search-item{position:relative}.header-search{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #93c5fd6b;border-radius:999px;align-items:center;gap:8px;width:280px;height:38px;padding:0 12px;display:flex;position:relative}.header-search-suggestions{z-index:1350;background:#fff;border:1px solid #bfdbfe;border-radius:8px;width:min(460px,100vw - 28px);padding:8px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 20px 48px #1d4ed824}.header-search-suggestion{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;display:grid}.header-search-suggestion:hover{background:#eff6ff}.header-search-suggestion small{color:#2563eb;font-weight:800}.header-search-icon{color:#93c5fd;flex-shrink:0}.header-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.header-search-input::placeholder{color:#ffffffb8}.main-header.scrolled .header-search{border-color:#67676794}.main-header.scrolled .header-search-icon{color:#939393}.main-header.scrolled .header-search-input{color:#0f172a}.main-header.scrolled .header-search-input::placeholder{color:#64748b}.main-header.cart-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom-color:#94a3b847;box-shadow:0 12px 34px #0f172a1f}.main-header.cart-header .header-search{background:#fff;border:1px solid #93c5fd94}.main-header.cart-header .header-search-icon{color:#1d4ed8}.main-header.cart-header .header-search-input{color:#0f172a}.main-header.cart-header .header-search-input::placeholder{color:#64748b}.main-header.cart-header .nav-menu-link{color:#0f172a}.main-header.cart-header .nav-menu-link:hover,.main-header.cart-header .nav-menu-link-active{color:#1d4ed8}.main-header.cart-header .nav-menu-link:after{background:#1653ff}.main-header.cart-header .header-action-cart{color:#0f172a}.main-header.cart-header .header-action-login{color:#1d4ed8;background:0 0;border-color:#93c5fd94}.main-header.cart-header .header-action-login:hover{background:#1d4ed80f}@media (width<=1024px){.header-search{width:200px}}@media (width<=860px){.header-search{order:4;width:min(100%,420px)}}.header-section{flex-shrink:0;align-items:center;gap:14px;display:flex}.header-action-login{border-radius:999px;justify-content:center;align-items:center;height:38px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;display:inline-flex;border:1px solid #fdfcfc40!important}.header-action-cart{color:#fff}.header-action-login{color:#fff;background:0 0;border-color:#93c5fd94;padding:0 17px;font-size:14px}.main-header.scrolled .header-action-cart{color:#404040}.main-header.scrolled .header-action-cart:hover{color:#1d4ed8}.main-header.scrolled .header-action-login{color:#1d4ed8;background:0 0;border-color:#93c5fd94}@media (width<=1024px){.header-container{gap:20px;padding:12px 18px}.nav-list{gap:20px}}@media (width<=860px){.main-header{padding:12px 14px}.header-container{flex-wrap:wrap;justify-content:center}.nav-menu{order:3;width:100%}.nav-list{flex-wrap:wrap;justify-content:center;gap:14px 20px}}@media (width<=520px){.header-container{border-radius:18px;padding:12px 14px}.logo img{height:40px}.header-section{gap:10px}.header-action-login{padding:0 14px}}.header-section{align-items:center;gap:12px;display:flex}.header-action-cart{width:auto;height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.header-action-login{color:#7c3aed;border:1px solid #d8b4fe;border-radius:8px;justify-content:center;align-items:center;min-width:100px;height:50px;font-weight:600;text-decoration:none;display:flex}.header-action-cart{justify-content:center;align-items:center;display:flex}.header-action-language{color:#fff;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .25s;display:flex;border:1px solid #ffffff40!important;width:38px!important;height:38px!important}.header-action-login{font-weight:600;transition:all .25s;color:#fff!important;border:1px solid #ffffff40!important;border-radius:5px!important;min-width:50px!important;height:38px!important}.header-action-signup{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:5px;justify-content:center;align-items:center;min-width:80px;height:38px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.header-action-language{cursor:pointer}.header-action-cart.cart-icon-only{justify-content:center;align-items:center;display:inline-flex;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.header-action-cart{width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}.main-header.scrolled .header-action-login{color:#252525!important}.main-header.scrolled .header-action-language,.main-header.scrolled .header-action-login{color:#374151!important;background:#ffffffe6!important;border-color:#0f172a26!important}.hero{background:linear-gradient(160deg,#f0f7ff 0%,#f8faff 55%);position:relative;overflow:hidden}.hero__glow{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero__glow--1{background:radial-gradient(circle,#38bdf824 0%,#0000 70%);width:600px;height:600px;top:-80px;right:-80px}.hero__glow--2{background:radial-gradient(circle,#2563eb1a 0%,#0000 70%);width:320px;height:320px;top:200px;right:200px}.hero__inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1350px;min-height:580px;margin:0 auto;padding:30px 48px 80px;display:grid;position:relative}.hero__left{animation:.65s both heroFadeUp}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero__badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero__badge-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.2s ease-in-out infinite heroPulse}@keyframes heroPulse{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 8px #2563eb00}}.hero__headline{letter-spacing:-2.5px;color:#0f172a;margin-bottom:24px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.03}.hero__gradient-text{background:linear-gradient(95deg,#2563eb 10%,#38bdf8 90%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__copy{color:#475569;max-width:440px;margin-bottom:36px;font-size:18px;font-weight:300;line-height:1.7}.hero__search{background:#fff;border:2px solid #e2e8f0;border-radius:14px;max-width:480px;margin-bottom:48px;transition:border-color .2s;display:flex;overflow:hidden;box-shadow:0 6px 24px #2563eb1a}.hero__search:focus-within{border-color:#2563eb}.hero__search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;height:58px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:15px}.hero__search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;height:58px;padding:0 26px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:background .2s}.hero__search-btn:hover{background:#1d4ed8}.hero__stats{align-items:center;gap:36px;display:flex}.hero__stat{flex-direction:column;gap:4px;display:flex}.hero__stat strong{color:#0f172a;letter-spacing:-1px;font-family:Bricolage Grotesque,sans-serif;font-size:30px;font-weight:800;line-height:1}.hero__stat span{color:#94a3b8;font-size:13px;font-weight:400}.hero__stat-divider{background:#cbd5e1;flex-shrink:0;width:1px;height:44px}.hero__right{height:540px;animation:.9s .2s both heroFadeIn;position:relative}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.hero__card{background:#fff;border-radius:20px;width:308px;animation:6s ease-in-out infinite heroFloat;position:absolute;top:48px;left:16px;overflow:hidden;box-shadow:0 28px 72px #0f172a24}@keyframes heroFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(-2deg)}}.hero__card-thumb{background:linear-gradient(135deg,#2563eb 0%,#38bdf8 100%);justify-content:center;align-items:center;height:158px;display:flex;position:relative}.hero__card-play{background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 20px #00000026}.hero__play-triangle{border:9px solid #0000;border-left:16px solid #2563eb;border-right-width:0;width:0;height:0;margin-left:4px}.hero__card-category{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.5px;background:#00000040;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.hero__card-body{padding:18px 20px}.hero__card-title{color:#0f172a;margin:0 0 6px;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:700;line-height:1.3}.hero__card-meta{color:#94a3b8;margin:0 0 14px;font-size:12px}.hero__card-progress-track{background:#f0f6ff;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.hero__card-progress-fill{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:3px;width:65%;height:100%}.hero__card-progress-row{color:#94a3b8;justify-content:space-between;align-items:center;font-size:12px;display:flex}.hero__card-rating{color:#2563eb;font-size:13px;font-weight:700}.hero__badge-live{color:#fff;background:#2563eb;border-radius:16px;padding:14px 18px;animation:5s ease-in-out infinite heroFloatB;position:absolute;top:14px;right:0;box-shadow:0 14px 40px #2563eb66}@keyframes heroFloatB{0%,to{transform:translateY(-6px)rotate(2deg)}50%{transform:translateY(8px)rotate(2deg)}}.hero__badge-live-num{font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:800;line-height:1}.hero__badge-live-label{opacity:.85;margin-top:4px;font-size:11px;font-weight:500}.hero__badge-cert{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;animation:4s ease-in-out infinite heroFloatC;display:flex;position:absolute;bottom:124px;left:0;box-shadow:0 12px 36px #0f172a1c}@keyframes heroFloatC{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero__badge-cert-icon{background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hero__badge-cert-title{color:#0f172a;margin:0 0 2px;font-size:13px;font-weight:700}.hero__badge-cert-sub{color:#94a3b8;margin:0;font-size:11px}.hero__pill{background:#fff;border-radius:14px;align-items:center;gap:11px;padding:11px 14px;display:flex;position:absolute;bottom:60px;right:8px;box-shadow:0 8px 28px #0f172a17}.hero__pill-thumb{background:linear-gradient(135deg,#4361ee,#7209b7);border-radius:8px;flex-shrink:0;width:34px;height:34px}.hero__pill-title{color:#0f172a;white-space:nowrap;margin:0 0 1px;font-size:12px;font-weight:600}.hero__pill-sub{color:#94a3b8;margin:0;font-size:11px}@media (width<=1100px){.hero__inner{gap:32px}}@media (width<=860px){.hero__inner{grid-template-columns:1fr;min-height:auto;padding:72px 32px 64px}.hero__right{display:none}}@media (width<=480px){.hero__inner{padding:56px 16px 48px}.hero__search{border-radius:12px;flex-direction:column}.hero__search-input{height:48px}.hero__search-btn{border-radius:0 0 10px 10px;height:46px}.hero__stats{gap:20px}.hero__stat strong{font-size:22px}}@media (prefers-reduced-motion:reduce){.hero__left,.hero__right,.hero__card,.hero__badge-live,.hero__badge-cert,.hero__badge-dot{animation:none}}.trust-bar{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:44px;padding:28px 48px;display:flex}.trust-bar__label{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:500}.trust-bar__logos{flex-wrap:wrap;flex:1;justify-content:space-around;align-items:center;gap:48px;display:flex}.trust-bar__logo{color:#94a3b8;letter-spacing:-.3px;font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:700;transition:color .2s}.trust-bar__logo:hover{color:#64748b}@media (width<=768px){.trust-bar{gap:16px;padding:20px 24px}.trust-bar__logos{gap:20px}.trust-bar__logo{font-size:15px}}.cs{background:#f8faff;padding:96px 0}.cs__container{max-width:1350px;margin:0 auto;padding:0 48px}.cs__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:30px;display:flex}.cs__title{color:#0f172a;letter-spacing:-1.8px;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:700;line-height:1.05}.cs__link{color:#2563eb;white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .18s}.cs__link:hover{opacity:.7}.cs__filters{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.cs__filter-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #cbd5e1;border-radius:100px;height:33px;padding:0 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .18s}.cs__filter-btn--active,.cs__filter-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}.cs__grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cs__card{border-radius:10px;text-decoration:none;transition:transform .24s,box-shadow .24s;display:block;overflow:hidden}.cs__card:hover{transform:translateY(-5px);box-shadow:0 20px 52px #0f172a1c}.cs__thumb{justify-content:center;align-items:center;height:160px;display:flex;position:relative}.cs__play{background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.cs__play-tri{border:8px solid #0000;border-left:14px solid #0f172a;border-right-width:0;width:0;height:0;margin-left:3px}.cs__badge{color:#fff;letter-spacing:.2px;background:#2563eb;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.cs__body{padding:5px 10px 20px}.cs__course-title{color:#000;margin:0 0 7px;font-size:18px;font-weight:600;line-height:1.35}.cs__instructor{color:#3b3b3b;margin:0 0 12px;font-size:14px}.cs__rating-row{align-items:center;gap:6px;margin-bottom:12px;display:flex}.cs__rating{color:#ffe700;font-size:16px;font-weight:700}.cs__rating-value{color:#000;font-size:14px}.cs__reviews{color:#a9a9a9;font-size:12px}.cs__meta{color:#4a4a4a;margin-left:auto;font-size:12px}.cs__footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.cs__price-row{align-items:center;gap:10px;display:flex}.cs__price{color:#000;font-size:18px;font-weight:700}.cs__original{color:#cbd5e1;font-size:13px;text-decoration:line-through}.cs__students{color:#525252;font-size:12px}.cs__discount-badge{color:#ef4444;background:#fee2e2;border-radius:5px;align-items:center;padding:2px 7px;font-size:11px;font-weight:900;display:inline-flex}.cs__price--sale{color:#ef4444}@media (width<=1024px){.cs{padding:72px 0}.cs__header{margin-bottom:48px}.cs__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.cs{padding:56px 0}.cs__header{margin-bottom:40px}.cs__container{padding:0 16px}.cs__grid{grid-template-columns:1fr}.cs__header{flex-direction:column;align-items:flex-start}}.cats{background:#f0f7ff;border-top:1px solid #dbeafe;padding:96px 0}.cats__container{max-width:1280px;margin:0 auto;padding:0 48px}.cats__header{text-align:center;margin-bottom:56px}.cats__title{color:#0f172a;letter-spacing:-1.8px;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:700;line-height:1.05}.cats__grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.cats__card{cursor:pointer;background:#fff;border-radius:18px;padding:28px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 2px 8px #0f172a0a}.cats__card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0f172a14}.cats__icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;display:flex}.cats__name{color:#0f172a;margin:0 0 6px;font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:700}.cats__count{color:#94a3b8;margin:0;font-size:13px}@media (width<=1024px){.cats{padding:72px 0}.cats__header{margin-bottom:48px}.cats__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.cats{padding:56px 0}.cats__header{margin-bottom:40px}.cats__container{padding:0 16px}.cats__grid{grid-template-columns:repeat(2,1fr);gap:12px}.cats__card{padding:20px 16px}}.hiw{background:#fff;border-top:1px solid #e8edf3;padding:96px 0}.hiw__container{max-width:1200px;margin:0 auto;padding:0 24px}.hiw__header{text-align:center;margin-bottom:56px}.hiw__title{color:#0f172a;margin:0;font-size:clamp(1.85rem,3vw,2.5rem);font-weight:700;line-height:1.2}.hiw__steps{align-items:stretch;display:flex}.hiw__step-wrap{flex:1;align-items:center;min-width:0;display:flex}.hiw__step{text-align:center;background:#f8fafc;border:1px solid #e8edf3;border-radius:20px;flex-direction:column;flex:1;align-items:center;height:100%;padding:40px 28px;transition:box-shadow .25s,transform .25s;display:flex}.hiw__step:hover{transform:translateY(-4px);box-shadow:0 12px 36px #1d4ed817}.hiw__number{color:#1d4ed8;letter-spacing:.18em;margin-bottom:14px;font-size:.72rem;font-weight:900}.hiw__icon-wrap{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);border:1px solid #bfdbfe;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:22px;display:flex}.hiw__step-title{color:#0f172a;margin:0 0 12px;font-size:1.08rem;font-weight:700;line-height:1.3}.hiw__step-desc{color:#64748b;margin:0;font-size:.92rem;line-height:1.72}.hiw__arrow{color:#1d4ed8;opacity:.35;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 10px;font-size:1.7rem;font-weight:900;line-height:1}@media (width<=1024px){.hiw{padding:72px 0}.hiw__header{margin-bottom:48px}}@media (width<=900px){.hiw__steps{flex-direction:column;gap:0}.hiw__step-wrap{flex-direction:column;align-items:center}.hiw__step{width:100%;height:auto}.hiw__arrow{opacity:.3;padding:8px 0;transform:rotate(90deg)}}@media (width<=640px){.hiw{padding:56px 0}.hiw__container{padding:0 16px}.hiw__step{padding:28px 20px}.hiw__header{margin-bottom:40px}}.inst{background:#fff;border-top:1px solid #e2e8f0;padding:96px 0}.inst__container{max-width:1280px;margin:0 auto;padding:0 48px}.inst__header{text-align:center;margin-bottom:56px}.inst__title{color:#0f172a;letter-spacing:-1.8px;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:700}.inst__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.inst__card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:36px 28px;transition:transform .24s,box-shadow .24s}.inst__card:hover{transform:translateY(-5px);box-shadow:0 20px 52px #0f172a1a}.inst__avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 18px;font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:800;display:flex}.inst__name{color:#0f172a;margin:0 0 6px;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800}.inst__role{color:#94a3b8;margin:0 0 24px;font-size:13px}.inst__stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.inst__stat{background:#f0f6ff;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;display:flex}.inst__stat strong{color:#0f172a;font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:800;line-height:1}.inst__stat span{color:#94a3b8;font-size:11px}.inst__cta{color:#0f172a;cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:100px;width:100%;height:42px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.inst__cta:hover{color:#fff;background:#2563eb;border-color:#2563eb}@media (width<=1024px){.inst{padding:72px 0}.inst__header{margin-bottom:48px}}@media (width<=900px){.inst__grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}@media (width<=640px){.inst{padding:56px 0}.inst__header{margin-bottom:40px}.inst__container{padding:0 16px}}.testi{background:#f0f7ff;border-top:1px solid #dbeafe;padding:112px 0}.testi__container{max-width:1280px;margin:0 auto;padding:0 48px}.testi__header{text-align:center;margin-bottom:56px}.testi__title{color:#0f172a;letter-spacing:-1.8px;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:700;line-height:1.05}.testi__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testi__card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:32px;position:relative;overflow:hidden}.testi__corner{background:var(--corner);pointer-events:none;border-bottom-left-radius:90px;width:90px;height:90px;position:absolute;top:0;right:0}.testi__quote-mark{opacity:.18;-webkit-user-select:none;user-select:none;margin-bottom:20px;font-family:Bricolage Grotesque,sans-serif;font-size:72px;font-weight:800;line-height:.65}.testi__stars{color:#f59e0b;letter-spacing:2px;margin-bottom:16px;font-size:16px}.testi__text{color:#1e293b;border:none;margin:0 0 28px;padding:0;font-size:15px;font-style:italic;line-height:1.72}.testi__author{align-items:center;gap:14px;display:flex}.testi__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:800;display:flex}.testi__name{color:#0f172a;margin:0 0 2px;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:700}.testi__role{color:#94a3b8;margin:0;font-size:12px}@media (width<=1024px){.testi{padding:80px 0}.testi__header{margin-bottom:48px}}@media (width<=900px){.testi__grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}}@media (width<=640px){.testi{padding:56px 0}.testi__header{margin-bottom:40px}.testi__container{padding:0 16px}}.faq{background:#fff;border-top:1px solid #e8edf3;padding:96px 0}.faq__container{max-width:760px;margin:0 auto;padding:0 24px}.faq__header{text-align:center;margin-bottom:56px}.faq__title{color:#0f172a;margin:0;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.2}.faq__list{border-top:1px solid #e8edf3;flex-direction:column;gap:0;display:flex}.faq__item{border-bottom:1px solid #e8edf3}.faq__question{text-align:left;cursor:pointer;color:#0f172a;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;padding:22px 0;font-size:1rem;font-weight:600;line-height:1.5;transition:color .2s;display:flex}.faq__question:hover{color:#1d4ed8}.faq__icon{color:#94a3b8;flex-shrink:0;margin-top:3px;transition:transform .28s,color .2s}.faq__item--open .faq__icon{color:#1d4ed8;transform:rotate(180deg)}.faq__item--open .faq__question{color:#1d4ed8}.faq__answer{max-height:0;transition:max-height .35s;overflow:hidden}.faq__item--open .faq__answer{max-height:400px}.faq__answer p{color:#475569;margin:0 0 22px;font-size:.94rem;line-height:1.78}@media (width<=1024px){.faq{padding:72px 0}.faq__header{margin-bottom:48px}}@media (width<=640px){.faq{padding:56px 0}.faq__container{padding:0 16px}.faq__header{margin-bottom:40px}.faq__question{padding:18px 0;font-size:.92rem}}.footer{background:oklch(99% .008 252);border-top:1px solid oklch(88% .02 252);font-family:DM Sans,sans-serif}.footer__top{grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:48px;max-width:1280px;margin:0 auto;padding:64px 48px 52px;animation:.6s both footerFadeUp;display:grid}@keyframes footerFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.footer__brand{flex-direction:column;gap:20px;display:flex}.footer__logo{align-items:center;gap:10px;display:flex}.footer__logo-icon img{background:oklch(55% .22 250);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.footer__logo-text img{height:40px;margin-bottom:-5px}.footer__tagline{color:oklch(44% .04 252);max-width:280px;margin:0;font-size:14px;font-weight:400;line-height:1.7}.footer__socials{gap:10px;margin-top:4px;display:flex}.footer__social-btn{color:oklch(38% .05 252);background:oklch(94% .01 252);border:1px solid oklch(86% .02 252);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.footer__social-btn:hover{background:oklch(89% .02 252);border-color:oklch(55% .22 250)}.footer__social-btn img{height:25px}.footer__col{flex-direction:column;gap:16px;display:flex}.footer__col-heading{letter-spacing:.12em;text-transform:uppercase;color:oklch(55% .22 250);font-size:11px;font-weight:600}.footer__nav{flex-direction:column;gap:12px;display:flex}.footer__link{color:oklch(40% .04 252);font-size:14px;font-weight:400;text-decoration:none;transition:color .18s}.footer__link:hover{color:oklch(12% .04 252)}.footer__lang-wrap{align-items:center;display:inline-flex;position:relative}.footer__lang-globe{pointer-events:none;color:oklch(42% .05 252);align-items:center;display:flex;position:absolute;left:12px}.footer__lang-select{appearance:none;color:oklch(20% .04 252);cursor:pointer;background:oklch(96% .01 252);border:1px solid oklch(84% .02 252);border-radius:8px;width:100%;padding:10px 36px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .18s}.footer__lang-select:focus{border-color:oklch(55% .22 250);outline:none}.footer__lang-chevron{pointer-events:none;color:oklch(45% .05 252);align-items:center;display:flex;position:absolute;right:12px}.footer__trust{background:oklch(95% .01 252);border:1px solid oklch(86% .02 252);border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.footer__trust-icon{color:oklch(55% .22 250);background:oklch(88% .04 250);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.footer__trust-title{color:oklch(16% .04 252);margin:0 0 3px;font-size:12px;font-weight:600}.footer__trust-sub{color:oklch(48% .04 252);margin:0;font-size:11px;line-height:1.5}.footer__divider-wrap{max-width:1280px;margin:0 auto;padding:0 48px}.footer__divider{background:oklch(88% .02 252);height:1px}.footer__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:24px 48px;display:flex}.footer__copy{color:oklch(48% .04 252);font-size:13px;font-weight:400}.footer__legal{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.footer__legal-link{color:oklch(42% .04 252);border-radius:4px;padding:4px 10px;font-size:13px;text-decoration:none;transition:color .18s}.footer__legal-link:hover{color:oklch(14% .04 252)}.footer__legal-dot{color:oklch(72% .02 252);font-size:12px}@media (width<=1024px){.footer__top{grid-template-columns:1fr 1fr;gap:40px}.footer__brand{grid-column:1/-1}}@media (width<=640px){.footer__top{grid-template-columns:1fr 1fr;gap:28px;padding:48px 20px 36px}.footer__brand{grid-column:1/-1}.footer__divider-wrap{padding:0 20px}.footer__bottom{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}}.ai-widget{z-index:9999;position:fixed;bottom:20px;right:20px}.chat-container{background:#fff;border-radius:24px;width:360px;height:520px;margin-right:40px;animation:.25s chatFadeIn;position:absolute;bottom:85px;right:0;overflow:hidden;box-shadow:0 10px 35px #00000026}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chat-header{color:#fff;background:#5c8eef;justify-content:space-between;align-items:center;padding:18px;display:flex}.header-left-AI{align-items:center;display:flex}.avatar{color:#1565ff;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;font-size:22px;display:flex}.header-left-AI h3{margin-bottom:4px;margin-left:10px;font-size:14px}.status{align-items:center;margin-left:-8px;font-size:10px;display:flex}.dot{background:#00d84a;border-radius:50%;width:8px;height:8px;margin-right:10px}.minimize-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:30px;height:30px;font-size:18px}.chat-body{height:335px;padding:20px;overflow-y:auto}.message-box{background:#f3f5f9;border-radius:16px;max-width:90%;padding:16px;position:relative}.message-box:before{content:"";background:#f3f5f9;width:16px;height:16px;position:absolute;top:18px;left:-8px;transform:rotate(45deg)}.message-box h4{margin-bottom:8px}.message-box p{margin-top:5px;line-height:1.5}.suggestions{flex-direction:column;gap:12px;margin-top:22px;display:flex}.suggestion-btn{cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:12px;transition:all .3s}.suggestion-btn:hover{background:#f5f9ff}.chat-footer{position:absolute;bottom:15px;left:15px;right:15px}.input-wrapper{border:2px solid #dbeafe;border-radius:16px;align-items:center;display:flex;overflow:hidden}.input-wrapper input{border:none;outline:none;flex:1;padding:14px}.send-btn{color:#5c8eef;cursor:pointer;background:0 0;border:none;padding:0 16px;font-size:18px}.powered{text-align:center;color:#999;margin-top:10px;font-size:12px}.powered span{color:#1565ff;font-weight:600}.floating-bot{cursor:pointer;background:#fff;border:none;border-radius:50%;width:80px;height:80px;margin-bottom:20px;margin-right:10px;overflow:hidden}.floating-bot img{object-fit:cover;width:100%;height:100%}.floating-bot:hover{transform:scale(1.08)}.avatar-ai{background:#fff;border-radius:50%;flex-shrink:0;width:45px;height:45px;overflow:hidden}.avatar-ai img{object-fit:cover;width:100%;height:100%}.floating-bot img{object-fit:cover;width:100%;height:100%;animation:4s ease-in-out infinite aiMove}.floating-bot{animation:3s ease-in-out infinite breathing}@keyframes aiMove{0%{transform:rotate(0)}20%{transform:rotate(-12deg)}35%{transform:rotate(-12deg)}50%{transform:rotate(0)}70%{transform:rotate(12deg)}85%{transform:rotate(12deg)}to{transform:rotate(0)}}.ai-greeting{color:#333;white-space:nowrap;background:#fff;border-radius:16px;width:250px;margin-right:40px;padding:12px 16px;font-size:14px;animation:.5s greetingPop;position:absolute;bottom:105px;right:0;box-shadow:0 8px 25px #0000001f}.ai-greeting:after{content:"";background:#fff;width:16px;height:16px;position:absolute;bottom:-8px;right:25px;transform:rotate(45deg)}.message{word-break:break-word;border-radius:24px;width:fit-content;max-width:85%;padding:12px 16px;position:relative}.message.bot{color:#fff;background:#5c8eef;align-self:flex-start;margin-left:12px;font-size:12px}.message.bot:before{content:"";background:#5c8eef;border-bottom-right-radius:12px;width:16px;height:16px;position:absolute;bottom:8px;left:-5px;transform:rotate(35deg)}.message.user{color:#1f2937;background:#e9f2ff;align-self:flex-end;margin-top:10px;margin-left:auto;font-size:12px}.message.user:after{content:"";background:#e9f2ff;border-bottom-left-radius:12px;width:16px;height:16px;position:absolute;bottom:8px;right:-6px;transform:rotate(-35deg)}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--navy:#0a1628;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--bg-page:#f8faff;--font-display:"Bricolage Grotesque", sans-serif;--font-sans:"DM Sans", system-ui, sans-serif}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);overflow-x:hidden}.home-skip-link{z-index:9999;background:var(--blue-600);color:#fff;white-space:nowrap;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:700;text-decoration:none;position:absolute;top:16px;left:-9999px}.home-skip-link:focus{left:16px}.chatbot-fixed{pointer-events:none}.chatbot-fixed>*{pointer-events:auto}.section-eyebrow{color:#0048e6;letter-spacing:1.8px;text-transform:uppercase;font-size:13px;font-weight:700;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f0f6ff}::-webkit-scrollbar-thumb{background:#2563eb;border-radius:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-iteration-count:1!important}}.admin-topbar{z-index:20;background:0 0;flex:none;justify-content:space-between;align-items:center;gap:24px;padding:10px 24px;display:flex}.admin-topbar__intro{flex-direction:column;gap:0;display:flex}.admin-topbar__intro h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.85rem;font-weight:700!important}.admin-topbar__intro p{color:#64748b;margin:0;font-size:.95rem;font-weight:400!important}.admin-topbar__actions{align-items:center;gap:16px;display:flex}.admin-topbar__btn{color:#071a33;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 4px 12px #0f172a08}.admin-topbar__btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.admin-topbar__badge{color:#fff;border:2px solid #f6f8fc;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.admin-topbar__badge--red{background:#ef4444}.admin-topbar__badge--blue{background:#2563eb}.admin-notification-wrap{position:relative}.admin-notification-dropdown{z-index:1300;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:340px;padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 48px #0f172a29}.admin-notification-heading{color:#0f172a;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:4px 4px 10px;display:flex}.admin-notification-heading span{color:#64748b;font-size:12px;font-weight:700}.admin-notification-list{gap:6px;max-height:340px;margin:0;padding-top:10px;list-style:none;display:grid;overflow-y:auto}.admin-notification-list li{cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:auto 1fr;gap:10px;padding:10px;transition:background .2s;display:grid}.admin-notification-list li:hover{background:#eff6ff}.admin-notification-list li.is-unread{background:#f8fafc}.admin-notification-list li>span{background:0 0;border-radius:999px;width:8px;height:8px;margin-top:6px}.admin-notification-list li.is-unread>span{background:#2563eb}.admin-notification-list strong{color:#0f172a;font-size:14px}.admin-notification-list p{color:#64748b;margin:3px 0 0;font-size:13px;line-height:1.4}.admin-notification-list small{color:#94a3b8;margin-top:4px;font-size:11px;display:block}.admin-notification-empty{text-align:center;color:#94a3b8;cursor:default;padding:20px 10px;font-size:13px;display:block}.admin-notification-empty:hover{background:0 0}.admin-profile{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.admin-profile img{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:38px;height:38px}.admin-profile span{color:#0f172a;text-transform:none;font-size:.9rem;font-weight:700}@media (width<=760px){.admin-topbar{align-items:stretch;min-height:0;padding-inline:16px}.admin-topbar__actions{justify-content:space-between;width:100%}.admin-profile{gap:10px;margin-left:0;padding-left:12px}.admin-profile div{display:none}}@media (width<=460px){.admin-topbar{gap:16px}.admin-profile{border-left:0;padding-left:0}}.teacher-sidebar{background:#fff;border-right:1px solid #dcdcdc;flex-direction:column;gap:28px;height:100vh;padding:20px 10px 24px;display:flex;position:sticky;top:0;box-shadow:16px 0 40px #1f31520a}.teacher-brand{border-bottom:1px solid #e1e1e1;align-items:center;min-height:58px;padding:0 10px 10px;display:flex}.teacher-brand img{width:168px;max-width:100%;display:block}.teacher-brand small{color:#8794a8;letter-spacing:.18em;text-transform:uppercase;margin-top:4px;font-size:.66rem;font-weight:800;display:block}.teacher-sidebar__collapse{color:#24364d;cursor:pointer;background:#fff7e8;border:0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;box-shadow:inset 0 0 0 1px #e8be7424}.teacher-sidebar__nav-stack{gap:14px;display:grid}.teacher-nav{gap:20px;display:grid}.teacher-nav__section{gap:12px;display:grid}.teacher-nav__section+.teacher-nav__section{border-top:1px solid #e8e8e8;padding-top:18px}.teacher-nav__subtitle{color:#7a7a7a;letter-spacing:.1em;text-transform:uppercase;margin:0;padding:0 17px;font-size:11px;font-weight:600;line-height:1}.teacher-nav__link{color:#353535;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;min-height:45px;padding:0 17px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.teacher-nav__link:before{content:"";background:#2563eb;width:0;transition:width .25s;position:absolute;inset:0 auto 0 0}.teacher-nav__link svg,.teacher-nav__link span{z-index:1;position:relative}.teacher-nav__link svg{color:#3d3d3d;stroke-width:2.2px;flex:none;width:21px;height:21px}.teacher-nav__link span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;min-width:0;font-family:inherit;font-size:1rem;overflow:hidden}.teacher-nav__link:hover{color:#386cff;background:#eef5ff}.teacher-nav__link--active{color:#386cff;background:#eef5ff;border-left:4px solid #386cff}.teacher-nav__link:hover svg,.teacher-nav__link--active svg{color:#386cff}.teacher-nav__link--active:before{width:0}.teacher-sidebar__divider{background:#e8be743d;height:1px;margin:0 12px}.teacher-create{color:#fff;background:#386cff;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:52px;margin-top:auto;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;display:flex}.teacher-create:hover{background:#2459ef;transform:translateY(-1px);box-shadow:0 14px 30px #386cff47}.teacher-create svg{color:#006fff;background-color:#fff;border-radius:10px}.teacher-sidebar__profile{border-top:1px solid #eef2f8;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:18px 10px 0;display:grid}.teacher-sidebar__profile img{object-fit:cover;border-radius:50%;width:46px;height:46px;box-shadow:0 0 0 3px #eef5ff}.teacher-sidebar__profile strong{color:#26354f;font-size:.92rem;font-weight:800;line-height:1.2;display:block}.teacher-sidebar__profile small{color:#8292a8;margin-top:3px;font-size:.78rem;font-weight:700;display:block}.teacher-sidebar__profile-arrow{color:#50619a}@media (width<=1080px){.teacher-sidebar{padding-inline:16px}.teacher-brand div,.teacher-sidebar__collapse,.teacher-nav__subtitle,.teacher-nav__label,.teacher-create span,.teacher-sidebar__profile div,.teacher-sidebar__profile-arrow{display:none}.teacher-brand,.teacher-nav__link,.teacher-create,.teacher-sidebar__profile{justify-content:center;padding-inline:0}.teacher-sidebar__profile{display:flex}}@media (width<=760px){.teacher-sidebar{height:auto;padding:18px 16px;position:static}.teacher-nav{grid-template-columns:repeat(4,minmax(54px,1fr));gap:10px}}@media (width<=460px){.teacher-sidebar{padding-inline:16px}.teacher-nav{grid-template-columns:repeat(3,minmax(54px,1fr))}}.adminSidebar{border-right:1px solid #dcdcdc;gap:28px;padding:20px 10px 24px;overflow:hidden;box-shadow:16px 0 40px #1f31520a}.adminSidebar .teacher-nav{gap:20px;display:grid}.adminSidebar .teacher-brand{border-bottom:1px solid #e1e1e1;align-items:center;min-height:58px;padding:0 10px 10px;display:flex}.adminSidebar .teacher-brand img{width:168px;max-width:100%;display:block}.adminSidebar .teacher-nav__section{gap:12px;display:grid}.adminSidebar .teacher-nav__section+.teacher-nav__section{border-top:1px solid #e8e8e8;padding-top:18px}.adminSidebar .teacher-nav__subtitle{color:#7a7a7a;letter-spacing:.1em;text-transform:uppercase;margin:0;padding:0 17px;font-size:11px;font-weight:600;line-height:1}.adminSidebar .teacher-nav__link{color:#353535;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;min-height:45px;padding:0 17px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.adminSidebar .teacher-nav__link:before{content:"";background:#2563eb;width:0;transition:width .25s;position:absolute;inset:0 auto 0 0}.adminSidebar .teacher-nav__link svg,.adminSidebar .teacher-nav__link span{z-index:1;position:relative}.adminSidebar .teacher-nav__link svg{color:#3d3d3d;stroke-width:2.2px;flex:none;width:21px;height:21px}.adminSidebar .teacher-nav__link span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;min-width:0;font-family:inherit;font-size:1rem;overflow:hidden}.adminSidebar .teacher-nav__link:hover,.adminSidebar .teacher-nav__link--active{color:#386cff;background:#eef5ff}.adminSidebar .teacher-nav__link--active{border-left:4px solid #386cff}.adminSidebar .teacher-nav__link:hover:before,.adminSidebar .teacher-nav__link--active:before{opacity:1}.adminSidebar .teacher-nav__link:hover svg,.adminSidebar .teacher-nav__link--active svg{color:#386cff}.sidebarAdmin{background:#fff;border-right:1px solid #dcdcdc;flex-direction:column;gap:28px;height:100vh;padding:20px 10px 24px;display:flex;position:sticky;top:0;box-shadow:16px 0 40px #1f31520a}.sidebarAdminBrand{border-bottom:1px solid #e1e1e1;align-items:center;min-height:58px;padding:0 10px 10px;display:flex}.sidebarAdminBrandText{min-width:0}.sidebarAdminBrandWordmark{width:168px;max-width:100%;display:block}.sidebarAdminNav{gap:20px;display:grid}.sidebarAdminNavSection{gap:12px;display:grid}.sidebarAdminNavSection+.sidebarAdminNavSection{border-top:1px solid #e8e8e8;padding-top:18px}.sidebarAdminNavSubtitle{color:#7a7a7a;letter-spacing:.1em;text-transform:uppercase;margin:0;padding:0 17px;font-size:11px;font-weight:600;line-height:1}.sidebarAdminNavItem{color:#353535;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;min-height:45px;padding:0 17px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.sidebarAdminNavItem:before{content:"";background:#2563eb;width:0;transition:width .25s;position:absolute;inset:0 auto 0 0}.sidebarAdminNavIcon,.sidebarAdminNavLabel{z-index:1;position:relative}.sidebarAdminNavIcon{flex:none;justify-content:center;align-items:center;display:inline-flex}.sidebarAdminNavIcon svg{color:#3d3d3d;stroke-width:2.2px;flex:none;width:21px;height:21px}.sidebarAdminNavLabel{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;min-width:0;font-family:inherit;font-size:1rem;overflow:hidden}.sidebarAdminNavItem:hover{color:#386cff;background:#eef5ff}.sidebarAdminNavItemActive{color:#386cff;background:#eef5ff;border-left:4px solid #386cff}.sidebarAdminNavItem:hover .sidebarAdminNavIcon svg,.sidebarAdminNavItemActive .sidebarAdminNavIcon svg{color:#386cff}.sidebarAdminNavItemActive:before{width:0}.sidebarAdminFooterActions{border-top:1px solid #eef2f8;flex-direction:column;gap:8px;margin-top:auto;padding:18px 10px 0;display:flex}.sidebarAdminFooterAction{color:#fff;background:#386cff;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:52px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;display:flex}.sidebarAdminFooterAction:hover{background:#2459ef;transform:translateY(-1px);box-shadow:0 14px 30px #386cff47}.sidebarAdminFooterActionIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebarAdminFooterActionIcon svg{color:#006fff;background-color:#fff;border-radius:10px}@media (width<=1080px){.sidebarAdmin{padding-inline:16px}.sidebarAdminBrandText,.sidebarAdminNavSubtitle,.sidebarAdminNavLabel,.sidebarAdminFooterAction>span:not(.sidebarAdminFooterActionIcon){display:none}.sidebarAdminBrand,.sidebarAdminNavItem,.sidebarAdminFooterAction{justify-content:center;padding-inline:0}}@media (width<=760px){.sidebarAdmin{height:auto;padding:18px 16px;position:static}.sidebarAdminNav{grid-template-columns:repeat(4,minmax(54px,1fr));gap:10px}}@media (width<=460px){.sidebarAdmin{padding-inline:16px}.sidebarAdminNav{grid-template-columns:repeat(3,minmax(54px,1fr))}}.adminLayout{color:#26354f;height:100vh;font-family:var(--font-sans);background:#f6f8fc;grid-template-columns:250px minmax(0,1fr);font-size:16px;display:grid;overflow:hidden}.adminLayoutContent{min-width:0;height:100vh;font-family:var(--font-sans);flex-direction:column;font-size:16px;display:flex;overflow:hidden}.adminLayoutMain{min-height:0;font-family:var(--font-sans);flex:auto;max-width:1440px;padding:0 24px 24px;overflow:hidden auto}.adminLayout :where(select){appearance:none!important;background-image:none!important;padding-right:14px!important}.adminLayout :where(){display:none}.adminLayoutMain table thead th{color:#0f172a!important;background:#eff6ff!important;font-weight:900!important}.adminLayoutMain :where(.userManagementUsersTableHeader>span,.userRowTableHeader>span){color:#0f172a!important;font-weight:900!important}.adminLayoutMain :where(p,span,small,em,label,input,textarea,select,td,th,li){font-family:var(--font-sans);font-weight:400!important}.adminLayoutMain :where(h1,h2,h3,h4,h5,h6,strong,b,button,a){color:#0f172a;font-family:var(--font-sans);letter-spacing:0;font-weight:500!important}.adminLayoutMain :where(p,small,label,td){color:#64748b}.adminLayoutMain :where(input,textarea,select){color:#0f172a;background:#fff;border-color:#e2e8f0;font-size:.82rem}.adminLayoutMain :where(input,textarea,select)::placeholder{color:#94a3b8}.adminLayoutMain :where(input,textarea,select):focus{outline:none;border-color:#93c5fd!important}.adminLayoutMain :where(button){font-family:var(--font-sans)}.adminLayoutMain :where(.userManagementUsersTableHeader>span,.userRowTableHeader>span,.adminDataTable th,.adminCategoryTable th,.courseTableHeader span,.instructorTableHeader span,.voucherTable th){color:#0f172a!important;font-weight:900!important}.adminLayoutMain :where(.adminDataStatCard strong,.adminCategoryStatCard strong,.dashboardStatisticValue,.totalCoursesCardValue,.revenueMetricValue,.revenueCardValue,.voucherCardValue,.userManagementStatsValue){font-family:var(--font-sans);font-weight:900!important}.adminLayoutMain :where(.adminDataHeaderAction,.adminDataTextButton--primary,.adminCategoryCreateButton,.voucherCreateSubmitBtn,.voucherTableCreateButton){color:#fff!important;background:#1d4ed8!important;border-color:#1d4ed8!important}.adminLayoutMain :where(.adminDataHeaderAction,.adminDataTextButton--primary,.adminCategoryCreateButton,.voucherCreateSubmitBtn,.voucherTableCreateButton):hover{background:#2563eb!important;border-color:#2563eb!important}.adminLayoutMain :where(.adminDataTableCard,.adminDataStatCard,.adminCategoryTableCard,.adminCategoryStatCard,.courseTableWrapper,.instructorTableWrapper,.userManagementUsersList,.voucherTableSection,.reportsCard,.reportChartsCard,.revenueCard,.revenueChartCard,.revenueDonutCard,.voucherCardsItem,.voucherChartSection,.voucherCampaignChartSection){color:#0f172a}.adminLayoutMain :where(.adminDataTable tbody tr:hover,.adminCategoryTable tbody tr:hover,.courseTableRow:hover,.instructorTableRow:hover,.userManagementUsersTableRow:hover,.voucherTable tbody tr:hover){background:#eff6ff!important}.adminLayoutMain :where(.adminDataIconButton,.adminDataTextButton,.adminCategoryActionButton,.courseActionButton,.instructorActionButton,.voucherActionButton){color:#0f172a;background:#fff;border-color:#e2e8f0}.adminLayoutMain :where(.adminDataIconButton,.adminDataTextButton,.adminCategoryActionButton,.courseActionButton,.instructorActionButton,.voucherActionButton):hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.adminLayoutMain :where(.filterDropdownMenu,.filterDropdownItem){font-family:var(--font-sans)}@media (width<=1080px){.adminLayout{grid-template-columns:96px minmax(0,1fr)}}@media (width<=760px){.adminLayout{height:auto;min-height:100vh;display:block;overflow:visible}.adminLayoutContent{height:auto;overflow:visible}.adminLayoutMain{padding-inline:16px;overflow:visible}}:root{--blue-deep-navy:#071a33;--blue-dark:#0f172a;--blue-primary:#1d4ed8;--blue-strong:#2563eb;--blue-medium:#3b82f6;--blue-soft:#93c5fd;--blue-pale:#dbeafe;--blue-hover:#eff6ff;--bg-main:#f8fafc;--bg-secondary:#f1f5f9;--border-light:#e2e8f0;--border-soft:#cbd5e1;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-placeholder:#94a3b8}.dashboardStatistics{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;width:100%;display:grid}.dashboardStatisticsCard{border:1px solid var(--border-light);box-sizing:border-box;background:#fff;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:start;column-gap:12px;min-height:94px;padding:16px 16px 14px;display:grid;box-shadow:0 12px 32px #0f172a0a}.dashboardStatisticsCardIcon{width:44px;height:44px;color:var(--blue-primary);box-shadow:none;background:#eff6ff;border-radius:50%;flex:none;justify-content:center;place-self:start;align-items:center;display:inline-flex}.dashboardStatisticsCardBody{grid-template-rows:auto auto;align-items:start;row-gap:10px;min-width:0;display:grid}.dashboardStatisticsCardHeader{border-bottom:0;justify-content:space-between;align-items:flex-start;gap:8px;min-height:22px;margin-bottom:0;padding-bottom:0;display:flex}.dashboardStatisticsCardLabel{color:var(--text-secondary);text-transform:uppercase;white-space:nowrap;margin:0;font-size:11px;font-weight:800;line-height:1.35}.dashboardStatisticsCardChange{letter-spacing:.01em;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:20px;padding:0 8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.dashboardStatisticsCardChange--success{color:#15803d;background:#22c55e1f}.dashboardStatisticsCardChange--info{color:var(--blue-strong);background:var(--blue-pale)}.dashboardStatisticsCardValue{color:var(--text-main);letter-spacing:0;white-space:nowrap;align-self:start;margin-bottom:0;font-size:25px;font-weight:900;line-height:1}@media (width<=1200px){.dashboardStatistics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboardStatistics{grid-template-columns:1fr;gap:12px}.dashboardStatisticsCard{grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:18px 16px}.dashboardStatisticsCardIcon{width:44px;height:44px}.dashboardStatisticsCardValue{font-size:22px}}.adminDashboard{box-sizing:border-box;width:100%;min-width:0}.adminDashboardContent{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;min-width:0;max-width:1480px;margin:0 auto;padding:0 0 18px;display:flex}.adminDashboardContent>*{width:100%;min-width:0}.adminDashboard .adminHeroVideo,.adminDashboard .dashboardStatistics{width:100%;margin:0}@media (width<=768px){.adminDashboardContent{gap:12px;padding:0 16px 12px}}.dashboardCharts{align-items:stretch;gap:18px;margin-top:0;display:flex}.growthChartWrapper{flex:7 1 0;display:flex}.roleDistributionWrapper{flex:3 1 0;display:flex}.growthChartWrapper>*,.roleDistributionWrapper>*{width:100%;height:100%}.dashboardRows{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr);grid-auto-rows:minmax(0,1fr);align-items:stretch;gap:16px 20px;margin-top:0;display:grid}.dashboardRowItem{align-items:stretch;min-width:0;height:100%;min-height:0;display:flex}.dashboardRowItem>*{width:100%;height:100%;min-height:0}.dashboardRowSeparator{background:#0f172a24;border:none;align-self:stretch;width:2px;min-height:100%;margin:0}@media (width<=1200px){.adminDashboardOverview{grid-template-columns:230px minmax(0,1fr);padding-right:220px}.dashboardRows{grid-template-columns:1fr;gap:16px;display:grid}.dashboardRowSeparator{background:#0f172a24;width:100%;height:2px;min-height:auto}}@media (width<=900px){.adminDashboardOverview{grid-template-columns:1fr;gap:16px;padding-right:0}.adminDashboardIntro{order:-1}.dashboardCharts{flex-direction:column}}.adminHoverSelect{box-sizing:border-box;flex:none;min-width:150px;height:40px;position:relative}.adminHoverSelectButton{color:#334155;width:100%;height:100%;font-family:var(--font-sans);cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;transition:border-color .2s,background-color .2s,color .2s;display:flex}.adminHoverSelectButton span{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.adminHoverSelectButton:hover,.adminHoverSelectButton.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.adminHoverSelectMenu{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:100%;min-width:100%;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(4px)}.adminHoverSelect.open .adminHoverSelectMenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.adminHoverSelectItem{color:#475569;width:100%;min-height:40px;font-family:var(--font-sans);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;box-sizing:border-box;background:0 0;border:0;padding:10px 16px;font-size:13px;font-weight:700;transition:background-color .15s,color .15s;display:block;overflow:hidden}.adminHoverSelectItem:hover{color:#1d4ed8;background:#eff6ff}.adminHoverSelectItem.active{color:#1d4ed8;background:#dbeafe;font-weight:800}@media (width<=768px){.adminHoverSelect{width:100%}}.growthChartCard{box-sizing:border-box;width:100%;min-width:0;padding:28px 32px 30px}.growthChartCardHeader{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding-bottom:14px;display:flex}.growthChartCardTitleGroup{min-width:0}.growthChartCardTitle{color:var(--text-main);letter-spacing:0;margin:0;font-size:20px;font-weight:500;line-height:1.25}.growthChartCardFilter{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.growthChartCardSelect{min-width:154px;height:42px}.growthChartCardBody{width:100%;padding-top:8px}.growthChartChartArea{width:100%;height:360px}.growthChartChartArea canvas{width:100%!important;height:100%!important}@media (width<=768px){.growthChartCard{padding:22px 18px 24px}.growthChartCardHeader{flex-direction:column;align-items:flex-start;margin-bottom:18px}.growthChartCardFilter{align-items:flex-start;width:100%}.growthChartCardSelect{width:100%;min-width:0}.growthChartCardBody{padding-top:0}.growthChartChartArea{height:320px}}@media (width<=520px){.growthChartCard{padding:18px 16px 20px}.growthChartCardTitle{font-size:18px}.growthChartCardBody{padding-top:0}.growthChartChartArea{height:280px}}.roleDistributionCard{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;padding:28px 32px 30px;display:flex}.roleDistributionHeader{border-bottom:1px solid var(--border-light);text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:22px;padding-bottom:14px;display:flex}.roleDistributionTitle{color:var(--text-main);letter-spacing:0;margin:0;font-size:20px;font-weight:500;line-height:1.25}.roleDistributionChartWrap{width:100%;max-width:260px;height:250px;margin:0 auto;position:relative}.roleDistributionChart{width:100%;height:100%}.roleDistributionChart canvas{width:100%!important;height:100%!important}.roleDistributionCenterLabel{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.roleDistributionCenterValue{color:var(--blue-primary);letter-spacing:0;font-size:32px;font-weight:600;line-height:1}.roleDistributionCenterText{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:500}.roleDistributionLegend{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:24px;display:grid}.roleDistributionLegendItem{align-items:center;gap:10px;min-width:0;display:flex}.roleDistributionLegendDot{border-radius:6px;flex:none;width:12px;height:12px;box-shadow:0 4px 12px #2563eb1f}.roleDistributionLegendContent{min-width:0}.roleDistributionLegendName{color:var(--text-main);margin:0;font-size:11px;font-weight:500;line-height:1.35}.roleDistributionLegendValue{color:var(--text-secondary);margin:2px 0 0;font-size:10px;font-weight:400;line-height:1.35}@media (width<=768px){.roleDistributionCard{padding:22px 18px 24px}.roleDistributionHeader{margin-bottom:18px}.roleDistributionChartWrap{max-width:240px;height:220px}.roleDistributionLegend{gap:12px;margin-top:20px}}@media (width<=520px){.roleDistributionCard{padding:18px 16px 20px}.roleDistributionTitle{font-size:18px}.roleDistributionChartWrap{max-width:220px;height:200px}.roleDistributionLegend{grid-template-columns:1fr}.roleDistributionCenterValue{font-size:28px}}.userRowSection{width:100%;min-width:0}.userRowCard{box-sizing:border-box;border-radius:6px;flex-direction:column;min-width:0;padding:24px;display:flex}.userRowCardHeader{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding-bottom:14px;display:flex}.userRowCardHeader--compact{margin-bottom:16px}.userRowCardTitle{color:var(--text-main);letter-spacing:0;margin:0;font-size:18px;font-weight:500;line-height:1.3}.userRowLinkButton,.userRowRankButton{color:var(--blue-primary);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:12px;font-weight:500;transition:color .2s,transform .2s}.userRowLinkButton:hover,.userRowRankButton:hover{color:var(--blue-strong);transform:translateY(-1px)}.userRowTableHeader{color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;grid-template-columns:minmax(0,1fr) 136px;gap:24px;margin-bottom:4px;padding:0 10px 14px 2px;font-size:10px;font-weight:500;display:grid}.userRowTableHeaderRole{text-align:right;justify-self:end}.userRowList{flex-direction:column;gap:0;display:flex}.userRowItem{border-bottom:1px solid var(--border-light);grid-template-columns:minmax(0,1fr) 136px;align-items:center;gap:24px;padding:14px 10px 14px 2px;display:grid}.userRowItem:last-child{border-bottom:0}.userRowItemUser{align-items:center;gap:14px;min-width:0;display:flex}.userRowAvatar{object-fit:cover;border:2px solid var(--bg-main);border-radius:6px;flex:none;width:40px;height:40px;box-shadow:0 8px 18px #0f172a1a}.userRowItemMeta{min-width:0}.userRowItemName{color:var(--text-main);margin:0;font-size:13px;font-weight:500;line-height:1.35}.userRowItemEmail{color:#9ca3af;word-break:break-word;margin:2px 0 0;font-size:11px;font-weight:500;line-height:1.35}.userRowItemRoleWrap{justify-content:flex-end;min-width:0;display:flex}.userRowItemRole{border:1px solid var(--blue-soft);background:var(--blue-hover);min-height:24px;color:var(--blue-primary);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:10px;font-weight:500;display:inline-flex}.userRowItemStatusWrap{justify-content:flex-end;align-items:center;gap:8px;display:flex}.userRowStatusDot{border-radius:50%;flex:none;width:8px;height:8px}.userRowStatusDot--online{background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.userRowStatusDot--offline{background:#cbd5e1}.userRowItemStatusText{color:var(--text-secondary);font-size:11px;font-weight:600;line-height:1.35}.userRowTeacherList,.userRowActivityList{flex-direction:column;gap:16px;display:flex}.userRowTeacherItem{align-items:center;gap:14px;min-width:0;display:flex}.userRowTeacherAvatarWrap{flex:none;position:relative}.userRowTeacherAvatar{object-fit:cover;border:2px solid #fff;border-radius:6px;width:48px;height:48px;box-shadow:0 8px 18px #0f172a1a}.userRowTeacherRank{color:#fff;background:#001d4a;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:-6px;left:-6px;box-shadow:0 10px 18px #0f172a2e}.userRowTeacherContent{flex:1;min-width:0}.userRowTeacherName{color:var(--text-main);margin:0;font-size:13px;font-weight:500;line-height:1.35}.userRowTeacherCourseCount{color:#9ca3af;margin:4px 0 0;font-size:11px;font-weight:500;line-height:1.35}.userRowTeacherRating{color:#f59e0b;flex:none;align-items:center;gap:4px;display:flex}.userRowTeacherStar{font-size:10px;line-height:1}.userRowTeacherRatingValue{color:#1f2937;font-size:11px;font-weight:500}.userRowRankButton{text-align:left;margin-top:auto;padding:12px 0 0}.userRowActivityItem{border-bottom:1px solid #2563eb29;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px 0;display:grid}.userRowActivityItem:last-child{border-bottom:0}.userRowActivityDot{background:linear-gradient(180deg, var(--blue-primary) 0%, var(--blue-primary) 100%);border-radius:50%;width:10px;height:10px;margin-top:4px;box-shadow:0 0 0 4px #2563eb24}.userRowActivityContent{min-width:0}.userRowActivityLabel{color:#b46a00;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:500}.userRowActivityTitle{color:#0f172a;margin:4px 0 0;font-size:12px;font-weight:400;line-height:1.45}.userRowActivityTime{color:#9ca3af;white-space:nowrap;font-size:10px;font-weight:400;line-height:1.35}@media (width<=1200px){.userRowCards{grid-template-columns:1fr}}@media (width<=768px){.userRowCard{padding:22px 18px 24px}.userRowCardHeader{flex-direction:column;align-items:flex-start}.userRowItemStatusWrap{justify-content:flex-end}}@media (width<=520px){.userRowCard{padding:18px 16px 20px}.userRowCardTitle{font-size:18px}}.teacherRowSection{width:100%;min-width:0;height:100%}.teacherRowCard{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;padding:24px;display:flex}.teacherRowCardHeader{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding-bottom:14px;display:flex}.teacherRowCardTitle{color:var(--text-main);letter-spacing:0;margin:0;font-size:18px;font-weight:500;line-height:1.3}.teacherRowList{flex-direction:column;gap:12px;display:flex}.teacherRowItem{align-items:center;gap:14px;min-width:0;display:flex}.teacherRowAvatarWrap{flex:none;position:relative}.teacherRowAvatar{object-fit:cover;box-sizing:border-box;border:2px solid #fff;border-radius:6px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;max-width:48px;height:48px;max-height:48px;display:flex;overflow:hidden;box-shadow:0 8px 18px #0f172a1a}.teacherRowAvatar--placeholder{color:var(--text-secondary);background:#f8fafc;font-size:12px;font-weight:700}.teacherRowRank{background:var(--blue-primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:-6px;left:-6px;box-shadow:0 10px 18px #0f172a2e}.teacherRowContent{flex:1;min-width:0}.teacherRowName{color:var(--text-main);margin:0;font-size:13px;font-weight:500;line-height:1.35}.teacherRowCourseCount{color:var(--text-muted);margin:4px 0 0;font-size:11px;font-weight:500;line-height:1.35}.teacherRowRating{color:var(--blue-primary);flex:none;align-items:center;gap:4px;display:flex}.teacherRowStar{font-size:10px;line-height:1}.teacherRowRatingValue{color:var(--text-main);font-size:11px;font-weight:500}.teacherRowButton{color:var(--blue-strong);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;padding:12px 0 0;font-size:12px;font-weight:500}.teacherRowButton:hover{color:var(--blue-strong)}@media (width<=768px){.teacherRowCard{padding:22px 18px 24px}}@media (width<=520px){.teacherRowCard{padding:18px 16px 20px}.teacherRowCardTitle{font-size:18px}}.activityRowSection{width:100%;min-width:0;height:100%}.activityRowCard{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;padding:24px;display:flex}.activityRowCardHeader{border-bottom:1px solid var(--border-light);margin-bottom:16px;padding-bottom:14px}.activityRowCardTitle{color:#0f172a;letter-spacing:0;margin:0;font-size:18px;font-weight:500;line-height:1.3}.activityRowList{flex-direction:column;gap:10px;display:flex}.activityRowItem{border-bottom:1px solid #2563eb29;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px 0;display:grid}.activityRowDot{background:linear-gradient(180deg, var(--blue-primary) 0%, var(--blue-strong) 100%);border-radius:50%;width:8px;height:8px;margin-top:5px;box-shadow:0 0 0 4px #2563eb24}.activityRowLabel{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:13px;font-weight:400;line-height:1.35}.activityRowTitle{color:#0f172a;margin:4px 0 0;font-size:12px;font-weight:400;line-height:1.45}.activityRowTime{color:#9ca3af;white-space:nowrap;font-size:10px;font-weight:400;line-height:1.35}@media (width<=768px){.activityRowCard{padding:22px 18px 24px}}@media (width<=520px){.activityRowCard{padding:18px 16px 20px}.activityRowCardTitle{font-size:18px}.activityRowItem{grid-template-columns:10px minmax(0,1fr)}.activityRowTime{grid-column:2/-1;margin-top:4px}}.userManagementStats{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:14px;width:100%;display:grid}.userManagementStatCard{min-width:0;min-height:124px;box-shadow:none;box-sizing:border-box;background:#fff;border:1px solid #0f172a14;border-radius:6px;align-items:center;gap:16px;padding:20px;display:flex}.userManagementStatIcon{color:currentColor;width:54px;height:54px;box-shadow:none;border-radius:12px;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.userManagementStatIcon--blue{color:#1f3a8a;background:#2563eb14}.userManagementStatIcon--green{color:#0f8f52;background:#0f8f521a}.userManagementStatIcon--orange{color:#b46a00;background:#b46a001a}.userManagementStatIcon--amber{color:#9a6500;background:#c477001a}.userManagementStatIcon--red{color:#c2410c;background:#c2410c1a}.userManagementStatIcon svg{stroke-width:2.2px;width:24px;height:24px}.userManagementStatContent{flex:1;min-width:0}.userManagementStatTitle{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:600;line-height:1.35}.userManagementStatValue{color:var(--text-main);letter-spacing:0;margin-top:6px;font-size:25px;font-weight:500;line-height:1.1}.userManagementStatTrend{margin:4px 0 0;font-size:12px;font-weight:500;line-height:1.45}.userManagementStatTrend--success{color:#0f8f52}.userManagementStatTrend--info,.userManagementStatTrend--warning{color:#b46a00}.userManagementStatTrend--danger{color:#c2410c}.userManagementStatTrend--neutral{color:var(--text-secondary)}@media (width<=1200px){.userManagementStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.userManagementStats{grid-template-columns:1fr}.userManagementStatCard{padding:14px 16px}.userManagementStatValue{font-size:22px}}.userManagementFilters{box-sizing:border-box;background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:0}.userManagementFiltersRow{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.userManagementFiltersControls{flex-wrap:wrap;flex:auto;justify-content:flex-start;align-items:center;gap:12px;min-width:0;display:flex}.userManagementFilterSearch{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:420px;max-width:100%;height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.userManagementFilterSearch::placeholder{color:#94a3b8}.userManagementFilterSearch:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.userManagementFilterSelect{width:180px;min-width:180px;height:38px}.addUserButton{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:7px;flex:none;height:38px;padding:0 18px;font-size:13px;font-weight:700;transition:background-color .2s,transform .2s}.addUserButton:hover{background:#1d4ed8;transform:translateY(-1px)}@media (width<=960px){.userManagementFiltersRow{flex-wrap:wrap;align-items:stretch}.userManagementFiltersControls{width:100%}.addUserButton{width:fit-content}.userManagementFilterSearch{width:min(100%,420px)}.userManagementFilterSelect{width:min(100%,220px)}}@media (width<=640px){.userManagementFiltersRow{flex-direction:column;align-items:stretch}.userManagementFiltersControls{flex-direction:column;width:100%}.userManagementFilterSearch,.userManagementFilterSelect{width:100%}.addUserButton{justify-content:center;width:100%}}.view-user-overlay{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a73;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.view-user-modal{background:#fff;border:1px solid #2563eb33;border-radius:22px;width:min(100%,840px);max-height:calc(100vh - 56px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 28px 70px #0f172a3d}.view-user-close-icon{color:#1a2e6e;cursor:pointer;background:#fff;border:1px solid #2563eb47;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;position:absolute;top:30px;right:30px}.view-user-title{text-align:left;padding-right:60px}.view-user-title>div{color:#64748b;letter-spacing:.2em;font-size:13px;font-weight:800}.view-user-top{flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:10px 0 24px;display:flex}.view-user-top h2{color:#0f172a;text-align:center;margin:0;font-size:26px;font-weight:800;line-height:1.2}.view-user-avatar{object-fit:cover;border:4px solid #fff;border-radius:50%;width:108px;height:108px;box-shadow:0 12px 26px #0f172a1a}.view-user-avatar-fallback{color:#1d4ed8;background:#eff6ff;justify-content:center;align-items:center;font-size:30px;font-weight:800;display:inline-flex}.view-user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.view-user-row{background:#eff6ff;border:1px solid #2563eb33;border-radius:7px;grid-template-columns:28px minmax(104px,.42fr) minmax(0,1fr);align-items:center;gap:8px;min-height:54px;padding:9px 12px;display:grid}.view-user-icon{color:#1d4ed8;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.view-user-icon svg{width:18px;height:18px}.view-user-icon-danger{color:#c2410c}.view-user-label{color:#334155;letter-spacing:.12em;font-size:12px;font-weight:800}.view-user-value{color:#0f172a;letter-spacing:.12em;text-align:right;text-transform:uppercase;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:700}.view-user-link{color:#1d4ed8;text-transform:none;letter-spacing:0;justify-content:flex-end;align-items:center;gap:6px;max-width:100%;text-decoration:none;display:inline-flex}.view-user-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.view-user-empty{color:#64748b}.view-user-badge{color:#1a2e6e;background:#fff;border:1px solid #2563eb2e;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;display:inline-flex}.view-user-badge-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:7px}.view-user-badge-status--active{color:#0f8f52}.view-user-badge-status--pending{color:#b46a00}.view-user-badge-status--locked,.view-user-badge-deleted,.view-user-badge-visibility--deleted{color:#c2410c}.view-user-badge-visibility--visible{color:#047857}.view-user-footer{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.view-user-close-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:20px;min-width:90px;min-height:44px;padding:0 20px;font-size:15px;font-weight:800}.view-user-close-btn:disabled{opacity:.65;cursor:not-allowed}.view-user-secondary-btn{color:#1a2e6e;cursor:pointer;background:#fff;border:1px solid #2563eb33;border-radius:20px;min-width:90px;min-height:44px;padding:0 20px;font-size:15px;font-weight:800}.view-user-edit-row{cursor:default}.view-user-edit-value{letter-spacing:0;text-transform:none}.view-user-input{color:#0f172a;width:100%;height:34px;font:inherit;text-align:right;background:0 0;border:0;outline:0;font-size:13px;font-weight:700}.view-user-input-readonly{color:#64748b;cursor:not-allowed}.view-user-input:focus{color:#1d4ed8}.view-user-error{color:#c2410c;background:#c2410c0f;border:1px solid #c2410c3d;border-radius:7px;margin:14px 0 0;padding:10px 12px;font-size:13px;font-weight:700}.view-user-modal--profile{scrollbar-width:none;background:#fff;border:1px solid #e2e8f0f2;border-radius:8px;width:min(100%,960px);padding:0;overflow:hidden auto;box-shadow:0 26px 70px #0f172a47}.view-user-modal--profile::-webkit-scrollbar{display:none}.view-user-modal--profile .view-user-close-icon{z-index:4;color:#0f172a;background:#fff;border:0;width:40px;height:40px;top:22px;right:24px;box-shadow:0 8px 20px #0f172a24}.view-user-cover{background:#dbeafe;height:220px;position:relative;overflow:hidden}.view-user-cover:after{content:"";background:linear-gradient(#0f172a33 0%,#0f172a14 54%,#0f172a3d 100%);position:absolute;inset:0}.view-user-cover img{object-fit:cover;width:100%;height:100%;display:block}.view-user-cover .view-user-title{z-index:2;padding:0;position:absolute;top:34px;left:34px}.view-user-cover .view-user-title>div{color:#fff}.view-user-top--profile{background:#fff;gap:7px;margin:0;padding:0 34px 18px;position:relative}.view-user-top--profile:before{content:"";clip-path:ellipse(190px 72px at 50% 100%);background:#fff;height:112px;position:absolute;top:-56px;left:0;right:0}.view-user-top--profile h2{z-index:2;font-size:26px;position:relative}.view-user-top--profile .view-user-avatar{z-index:2;background:#fff;border:5px solid #fff;width:112px;height:112px;margin-top:-62px;position:relative;box-shadow:0 14px 34px #0f172a2e}.view-user-profile-role{z-index:2;color:#2563eb;text-transform:uppercase;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.view-user-modal--profile .view-user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;padding:4px 34px 12px}.view-user-modal--profile .view-user-row{background:#fff;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;grid-template-columns:46px minmax(120px,.48fr) minmax(0,1fr);min-height:60px;padding:8px 0}.view-user-modal--profile .view-user-icon{color:#2563eb;background:#dbeafe;border-radius:50%;width:42px;height:42px}.view-user-modal--profile .view-user-row:nth-child(3n+2) .view-user-icon{color:#4f46e5;background:#ede9fe}.view-user-modal--profile .view-user-row:nth-child(3n) .view-user-icon{color:#059669;background:#dcfce7}.view-user-modal--profile .view-user-row:nth-child(4n) .view-user-icon,.view-user-modal--profile .view-user-icon-danger{color:#dc2626;background:#fee2e2}.view-user-modal--profile .view-user-label{color:#475569;letter-spacing:0;text-transform:none;font-size:13px}.view-user-modal--profile .view-user-value{letter-spacing:0;text-transform:none;font-size:14px}.view-user-modal--profile .view-user-badge{color:#2563eb;background:#dbeafe;border:0;min-height:22px;font-size:12px}.view-user-modal--profile .view-user-badge-status--active{color:#059669;background:#dcfce7}.view-user-modal--profile .view-user-badge-status--pending{color:#b45309;background:#fef3c7}.view-user-modal--profile .view-user-badge-status--locked,.view-user-modal--profile .view-user-badge-deleted,.view-user-modal--profile .view-user-badge-visibility--deleted{color:#dc2626;background:#fee2e2}.view-user-modal--profile .view-user-badge-visibility--visible{color:#059669;background:#dcfce7}.view-user-modal--profile .view-user-footer{margin-top:0;padding:16px 34px 22px}.view-user-modal--profile .view-user-close-btn{border-radius:16px;min-width:118px;min-height:46px;box-shadow:0 12px 22px #2563eb47}.view-user-modal--edit .view-user-edit-value{letter-spacing:0;text-transform:none}.view-user-modal--edit .view-user-input{color:#0f172a;text-align:right;letter-spacing:0;background:0 0;border:0;border-radius:0;outline:0;height:34px;padding:0;font-size:14px;font-weight:700}.view-user-modal--edit select.view-user-input{cursor:pointer}.view-user-modal--edit .view-user-input-readonly{color:#475569;cursor:not-allowed}.view-user-modal--edit .view-user-input::placeholder{color:#94a3b8;font-weight:600}.view-user-modal--edit .view-user-error{margin:8px 34px 0}.delete-user-modal{text-align:center;background:#fff;border:1px solid #dc26262e;border-radius:12px;width:min(100%,480px);padding:34px;position:relative;box-shadow:0 26px 70px #0f172a3d}.delete-user-close{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #94a3b847;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:18px;right:18px}.delete-user-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:inline-flex}.delete-user-icon svg{width:30px;height:30px}.delete-user-eyebrow{color:#dc2626;letter-spacing:.16em;margin:18px 0 6px;font-size:12px;font-weight:800}.delete-user-title{color:#0f172a;margin:0;font-size:26px;font-weight:800;line-height:1.2}.delete-user-message{color:#475569;margin:12px 0 0;font-size:14px;line-height:1.6}.delete-user-summary{text-align:left;gap:10px;margin-top:22px;display:grid}.delete-user-summary div{background:#f8fafc;border-radius:8px;justify-content:space-between;gap:14px;padding:12px 14px;display:flex}.delete-user-summary span{color:#64748b;font-size:13px;font-weight:700}.delete-user-summary strong{color:#0f172a;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:13px}.delete-user-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.delete-user-confirm{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 12px 22px #dc26263d}.delete-user-confirm:disabled,.delete-user-actions button:disabled{opacity:.65;cursor:not-allowed}@media (width<=700px){.view-user-overlay{padding:18px}.view-user-modal{padding:22px 18px}.view-user-modal--profile{padding:0}.view-user-close-icon{top:20px;right:18px}.view-user-modal--profile .view-user-close-icon{top:16px;right:16px}.view-user-cover{height:190px}.view-user-cover .view-user-title{top:26px;left:22px}.view-user-top{margin-top:14px}.view-user-top--profile{margin-top:0;padding:0 22px 20px}.view-user-top--profile .view-user-avatar{width:104px;height:104px;margin-top:-56px}.view-user-grid{grid-template-columns:1fr}.view-user-modal--profile .view-user-grid{grid-template-columns:1fr;padding:0 22px 16px}.view-user-row{grid-template-columns:28px 1fr}.view-user-modal--profile .view-user-row{grid-template-columns:42px 1fr;min-height:68px}.view-user-value{text-align:left;grid-column:1/-1}.view-user-modal--profile .view-user-value{grid-column:2/-1}.view-user-modal--profile .view-user-footer{padding:18px 22px 24px}.view-user-modal--edit .view-user-input,.view-user-input{text-align:left}.delete-user-modal{padding:30px 20px 22px}.delete-user-actions{flex-direction:column-reverse}.delete-user-actions button{width:100%}}.userManagementUsersSection{width:100%;min-width:0}.userManagementUsersCard{box-sizing:border-box;background-color:#fff;border:1px solid #2563eb2e;border-radius:6px;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.userManagementUsersHeader{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.userManagementUsersTitle{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800;line-height:1.25}.userManagementUsersSubtitle{color:var(--text-secondary);margin:6px 0 0;font-size:12px;font-weight:500;line-height:1.5}.userManagementUsersHeaderButton{border:1px solid var(--border-soft);background:var(--bg-main);min-height:34px;color:var(--blue-primary);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.userManagementUsersHeaderButton:hover{border-color:#2563eb75;transform:translateY(-1px);box-shadow:0 10px 18px #2563eb14}.userManagementUsersTableHeader{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #2563eb1f;grid-template-columns:minmax(280px,1.35fr) minmax(120px,.6fr) minmax(130px,.65fr) minmax(130px,.65fr) minmax(140px,.7fr) minmax(150px,.65fr);gap:16px;width:auto;margin:0;padding:18px 24px;font-size:12px;font-weight:800;display:grid}.userManagementUsersTableHeader>span{align-items:center;display:inline-flex}.userManagementUsersColumn--actions,.userManagementUsersColumn--role,.userManagementUsersColumn--phone,.userManagementUsersColumn--visibility,.userManagementUsersColumn--joinedAt{text-align:center;justify-self:center}.userManagementUsersList{flex-direction:column;gap:0;display:flex}.userManagementUserRow{border-bottom:1px solid #0f172a0f;grid-template-columns:minmax(280px,1.35fr) minmax(120px,.6fr) minmax(130px,.65fr) minmax(130px,.65fr) minmax(140px,.7fr) minmax(150px,.65fr);align-items:center;gap:16px;width:100%;min-height:68px;padding:12px 24px;display:grid}.userManagementUserRow:last-child{border-bottom:0}.userManagementUserProfile{align-items:center;gap:14px;min-width:0;display:flex}.userManagementUserAvatar{object-fit:cover;width:40px;height:40px;box-shadow:none;border:2px solid #fff;border-radius:6px;flex:none}.userManagementUserAvatarFallback{color:#1d4ed8;background:#dbeafe;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.userManagementUserMeta{min-width:0}.userManagementUserName{color:var(--text-main);margin:0;font-size:14px;font-weight:800;line-height:1.35}.userManagementUserEmailWrap{color:var(--text-placeholder);align-items:center;gap:6px;margin-top:2px;display:inline-flex}.userManagementUserEmail{word-break:break-word;font-size:11px;font-weight:500;line-height:1.35}.userManagementUserRoleWrap,.userManagementUserPhoneWrap,.userManagementUserVisibilityWrap,.userManagementUserJoinedWrap{justify-content:center;min-width:0;display:flex}.userManagementUserRole,.userManagementUserPhone,.userManagementUserVisibility,.userManagementUserJoined{letter-spacing:.08em;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:24px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.userManagementUserRole{color:#b46a00;letter-spacing:0;text-transform:uppercase;font-size:14px;font-weight:500}.userManagementUserRole--student{color:var(--text-secondary)}.userManagementUserRole--teacher{color:#b46a00}.userManagementUserRole--admin{color:#1a2e6e}.userManagementUserPhone{color:var(--text-secondary);text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}.userManagementUserPhone svg{color:var(--text-placeholder)}.userManagementUserJoined{color:var(--text-secondary);letter-spacing:0;text-transform:none;font-size:14px;font-weight:500}.userManagementUserVisibility{letter-spacing:.02em;text-transform:uppercase;font-size:12px}.userManagementUserVisibility--visible{color:#047857;background:#dcfce7}.userManagementUserVisibility--deleted{color:#dc2626;background:#fee2e2}.userManagementUserActions{justify-content:center;gap:8px;display:flex}.userManagementUserActionButton{width:38px;height:38px;color:var(--blue-dark);cursor:pointer;box-shadow:none;background:#fff;border:1px solid #2563eb1f;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:800;transition:background-color .2s,border-color .2s;display:inline-flex}.userManagementUserActionButton svg{color:var(--blue-dark);flex:none}.userManagementUserActionButton:hover:not(:disabled){background:#2563eb1f;border-color:#2563eb38}.userManagementUserActionButton:disabled{opacity:.45;cursor:not-allowed;background:#f8fafc;border-color:#94a3b838}.userManagementUserActionButton:disabled svg{color:#94a3b8}.userManagementUserActionButton--edit{color:var(--blue-dark)}.userManagementUserActionButton--danger{color:var(--blue-deep-navy)}.userManagementUsersFooter{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 18px;font-weight:600;display:flex}.userManagementUsersPageInfo{color:#0f172a;margin:0;font-size:14px;font-weight:700}.userManagementUsersPagination{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.userManagementUsersPageButton{border:1px solid var(--border-soft);min-width:44px;min-height:38px;color:var(--text-main);background:#fff;border-radius:10px;padding:0 16px;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s,background-color .2s}.userManagementUsersPageButton:hover:not(:disabled){background:#2563eb0f;border-color:#2563eb6b;transform:translateY(-1px)}.userManagementUsersPageButton:disabled{opacity:.45;cursor:not-allowed}.userManagementUsersPageButton--active{background:linear-gradient(135deg, var(--blue-primary) 0%, var(--blue-strong) 100%);color:#050505;border-color:#2563eb85}.userManagementUsersPageButton--nav{justify-content:center;align-items:center;width:44px;padding:0;display:inline-flex}.userManagementUsersModalBackdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.userManagementUsersModal{background:#fff;border:1px solid #2563eb3d;border-radius:20px;width:min(100%,540px);max-height:calc(100vh - 56px);padding:24px 24px 20px;box-shadow:0 26px 60px #0f172a2e}.userManagementUsersModalHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.userManagementUsersModalEyebrow{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}.userManagementUsersModalTitle{color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.3}.userManagementUsersModalClose{color:#1a2e6e;cursor:pointer;background:#fff;border:1px solid #2563eb3d;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.userManagementUsersModalBody{grid-template-columns:84px minmax(0,1fr);align-items:start;gap:16px;display:grid}.userManagementUsersModalAvatarWrap{width:84px;height:84px}.userManagementUsersModalAvatar{object-fit:cover;border:2px solid #fff;border-radius:14px;width:84px;height:84px;box-shadow:0 10px 20px #0f172a1a}.userManagementUsersModalInfo{gap:10px;display:grid}.userManagementUsersModalRow{background:var(--blue-hover);letter-spacing:.08em;text-transform:uppercase;border:1px solid #2563eb24;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.userManagementUsersModalValue{color:#0f172a;text-align:right;font-size:12px;font-weight:700}.userManagementUsersModalFooter{justify-content:flex-end;margin-top:18px;display:flex}.userManagementUsersModalPrimary{background:linear-gradient(135deg, var(--blue-primary) 0%, var(--blue-strong) 100%);color:#fff;border:1px solid #2563eb47;border-radius:999px;min-height:36px;padding:0 16px}@media (width<=960px){.userManagementUsersCard{padding:24px 24px 22px}.userManagementUsersHeader{flex-direction:column;align-items:flex-start}.userManagementUsersHeaderButton{align-self:flex-start}.userManagementUsersTableHeader{display:none}.userManagementUserRow{grid-template-columns:1fr;gap:10px;padding:16px 0}.userManagementUserActions{flex-wrap:wrap;justify-content:flex-start}.userManagementUserRoleWrap,.userManagementUserPhoneWrap,.userManagementUserVisibilityWrap,.userManagementUserJoinedWrap{justify-content:flex-start;display:flex}}@media (width<=640px){.userManagementUsersCard{padding:18px 16px}.userManagementUsersTitle{font-size:18px}.userManagementUserActions{flex-direction:column;align-items:stretch}.userManagementUserActionButton{justify-content:center;width:100%}.userManagementUsersFooter{flex-direction:column;align-items:flex-start}.userManagementUsersPagination{width:100%}.userManagementUsersPageButton{flex:auto}.userManagementUsersModal{padding:18px 16px 16px}.userManagementUsersModalBody{grid-template-columns:1fr}.userManagementUsersModalAvatarWrap,.userManagementUsersModalAvatar{width:72px;height:72px}.userManagementUsersModalRow{flex-direction:column;align-items:flex-start}.userManagementUsersModalValue{text-align:left}}.add-user-overlay{z-index:999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.add-user-modal{background:#fff;border:1px solid #2563eb2e;border-radius:10px;width:min(100%,860px);max-height:calc(100vh - 48px);padding:34px;position:relative;overflow:hidden auto;box-shadow:0 26px 70px #0f172a47}.add-user-close{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #2563eb3d;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:24px;right:24px}.add-user-header{margin-bottom:26px;padding-right:58px}.add-user-header p{color:#2563eb;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.add-user-header h2{color:#0f172a;margin:0;font-size:30px;font-weight:800;line-height:1.2}.add-user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.add-user-field{gap:8px;min-width:0;display:grid}.add-user-field>span,.add-user-note{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.add-user-field svg,.add-user-note svg{color:#2563eb;width:18px;height:18px}.add-user-field input,.add-user-field select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #dbe4f0;border-radius:8px;outline:0;width:100%;height:48px;padding:0 14px;font-size:15px;font-weight:650}.add-user-field input::placeholder{color:#94a3b8;font-weight:600}.add-user-field input:focus,.add-user-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.add-user-field-error{color:#dc2626;margin:0;font-size:12px;font-weight:700;line-height:1.35}.add-user-note{color:#475569;background:#eff6ff;border:1px dashed #2563eb47;border-radius:8px;align-self:end;min-height:48px;padding:0 14px}.add-user-note span{min-width:0}.add-user-submit-error{color:#dc2626;background:#dc26260f;border:1px solid #dc26263d;border-radius:8px;margin:18px 0 0;padding:12px 14px;font-size:13px;font-weight:700}.add-user-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.add-user-cancel,.add-user-submit{cursor:pointer;border-radius:16px;min-height:46px;padding:0 22px;font-size:15px;font-weight:800}.add-user-cancel{color:#1a2e6e;background:#fff;border:1px solid #2563eb2e}.add-user-submit{color:#fff;background:#2563eb;border:0;box-shadow:0 12px 22px #2563eb42}.add-user-cancel:disabled,.add-user-submit:disabled{opacity:.65;cursor:not-allowed}@media (width<=720px){.add-user-overlay{padding:18px}.add-user-modal{padding:26px 20px 22px}.add-user-grid{grid-template-columns:1fr}.add-user-actions{flex-direction:column-reverse}.add-user-actions button{width:100%}}.userManagementPage{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;min-width:0;padding:4px 0 10px;display:flex}.userManagementContent{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;min-width:0;display:flex}.userManagementError{color:#c2410c;background:#c2410c0f;border:1px solid #c2410c3d;border-radius:6px;margin:0;padding:12px 14px;font-size:13px;font-weight:700}.userManagementHeroText span{color:#7c8ba3;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:700;line-height:1.45;display:inline-flex}.userManagementHeroText svg{color:#6d8ec9;stroke-width:2.2px}@media (width<=1200px){.userManagementHero{grid-template-columns:220px minmax(0,1fr);padding-right:220px}}@media (width<=900px){.userManagementHero{grid-template-columns:1fr;gap:14px;padding-right:0}.userManagementHeroText{order:-1}}@media (width<=700px){.userManagementContent{padding:0 16px 18px}.userManagementHeroImageWrap{height:132px}.userManagementHeroText h1{font-size:26px}}.instructorStatCard--green{border-left:0}.instructorStatIconWrap--green{color:#0f8f52;background:#0f8f5224}.instructorStatCard--gold{border-left:0}.instructorStatIconWrap--gold{color:#2563eb;background:#2563eb1f}.instructorStatCard{box-sizing:border-box;background:#fff;border:1px solid #0f172a14;border-radius:6px;justify-content:flex-start;align-items:center;gap:16px;min-width:0;min-height:124px;padding:24px 28px;display:flex}.instructorStatIconWrap{border-radius:12px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.instructorStatIconWrap--violet{color:#3a2f87;background:#3a2f8724}.instructorStatContent{flex-direction:column;flex:auto;justify-content:center;min-width:0;display:flex}.instructorStatTitle{color:#475467;font-family:var(--font-sans);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:13px;font-weight:400;line-height:1.35}.instructorStatValue{color:#101828;font-family:var(--font-sans);letter-spacing:0;margin:10px 0 0;font-size:25px;font-weight:500;line-height:1.15}.instructorStatistics{box-sizing:border-box;width:100%;min-width:0}.instructorStatisticsGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}@media (width<=1200px){.instructorStatisticsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.instructorStatisticsGrid{grid-template-columns:1fr}}.instructorFilters{box-sizing:border-box;background:0 0;border:0;border-radius:0;width:100%;padding:0}.instructorFiltersMain{justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;display:flex}.instructorFiltersSearch{width:420px;min-width:0;max-width:72%;box-shadow:none;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:10px;padding:8px 14px;display:flex}.instructorFiltersSearch svg{color:#94a3b8;flex-shrink:0}.instructorFiltersInput{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px;font-weight:400;line-height:1.6;overflow:hidden}.instructorFiltersInput::placeholder{color:#94a3b8}.instructorFiltersSearch:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.instructorFiltersTabs{flex:none;align-items:center;gap:12px;display:flex}.instructorFiltersSelect{min-width:120px;height:38px}.instructorFiltersAddButton{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 10px 18px #2563eb2e}@media (width<=1024px){.instructorFiltersMain{flex-wrap:wrap}.instructorFiltersSearch{width:min(100%,420px);max-width:100%}}@media (width<=680px){.instructorFilters{padding:14px}.instructorFiltersSearch,.instructorFiltersTabs,.instructorFiltersSelect,.instructorFiltersAddButton{width:100%}.instructorFiltersTabs{flex-direction:column;align-items:stretch}}.instructor-view-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.instructor-view-modal{background:#f8fafc;border:1px solid #e2e8f0e6;border-radius:12px;width:min(1120px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 26px 80px #0f172a47}.instructor-view-modal .view-header{z-index:2;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex;position:sticky;top:0}.instructor-view-modal .view-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:800}.instructor-view-modal .close-btn{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:8px;width:34px;height:34px}.instructor-view-modal .close-btn,.instructor-view-modal .avatar-box,.instructor-view-modal .status,.instructor-view-modal .mini-status,.instructor-view-modal .stat-icon,.instructor-view-modal h4 span,.instructor-view-modal .view-footer button,.instructor-view-modal .rating-cell,.instructor-view-modal .course-status{justify-content:center;align-items:center;display:inline-flex}.instructor-view-modal .instructor-view-error{color:#c2410c;background:#c2410c0f;border:1px solid #c2410c38;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.instructor-view-modal .profile-section{border:none;border-radius:0;margin:0;padding:18px 22px 0;overflow:hidden}.instructor-view-modal .cover-image{background:0 0;height:88px}.instructor-view-modal .cover-image img{object-fit:cover;width:100%;height:100%}.instructor-view-modal .profile-info{grid-template-columns:minmax(90px,108px) 1fr minmax(260px,.8fr);align-items:start;gap:16px;min-height:130px;padding:0 18px 18px;display:grid}.instructor-view-modal .avatar-box{color:#1d4ed8;background:#dbeafe;border:5px solid #fff;border-radius:50%;place-self:start center;width:108px;height:108px;margin-top:-30px;font-size:34px;font-weight:800;overflow:hidden;box-shadow:0 8px 22px #0f172a2e}.instructor-view-modal .avatar-box img{object-fit:cover;width:100%;height:100%}.instructor-view-modal .basic-profile{min-width:0}.instructor-view-modal .basic-profile h3{color:#0f172a;overflow-wrap:anywhere;margin:0 0 10px;font-size:21px;font-weight:800;line-height:1.2}.instructor-view-modal .basic-profile p{color:#475569;overflow-wrap:anywhere;align-items:center;gap:10px;margin:7px 0;font-size:14px;font-weight:600;display:flex}.instructor-view-modal .basic-profile svg{color:#64748b}.instructor-view-modal .status,.instructor-view-modal .mini-status{border-radius:999px;width:fit-content;min-height:22px;padding:0 9px;font-size:12px;font-style:normal;font-weight:800}.instructor-view-modal .status:before,.instructor-view-modal .mini-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px}.instructor-view-modal .status.active,.instructor-view-modal .mini-status.active{color:#16a34a;background:#dcfce7}.instructor-view-modal .status.inactive,.instructor-view-modal .mini-status.inactive{color:#475569;background:#e2e8f0}.instructor-view-modal .profile-extra{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.instructor-view-modal .info-card{text-align:center;background:0 0;border:none;border-radius:0;min-height:68px;padding:12px 16px}.instructor-view-modal .info-card label{color:#64748b;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.instructor-view-modal .info-card span{color:#0f172a;font-size:15px;font-weight:800}.instructor-view-modal .content-section{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;margin:0;padding:14px 22px 0;display:grid}.instructor-view-modal .course-section{border:none;margin:0;padding:14px 22px 0;overflow:hidden}.instructor-view-modal .modal-panel-card{background:0 0;border:none;flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.instructor-view-modal .modal-panel-card h4{margin:14px 0;padding:0 16px}.instructor-view-modal h4{color:#0f172a;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-size:14px;font-weight:900;display:flex}.instructor-view-modal h4 span{color:#2563eb;background:#eaf1ff;border-radius:6px;width:26px;height:26px}.instructor-view-modal .info-row{color:#475569;grid-template-columns:150px 14px minmax(0,1fr);align-items:start;gap:12px;min-height:26px;font-size:13px;display:grid}.instructor-view-modal .info-row span,.instructor-view-modal .info-row i{color:#64748b;font-style:normal;font-weight:600}.instructor-view-modal .info-row strong{color:#0f172a;overflow-wrap:anywhere;font-size:13px;font-weight:800}.instructor-view-modal .stat-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:16px;margin:0;padding:0 16px 16px;display:grid}.instructor-view-modal .stat-box{text-align:center;border:none;border-radius:0;height:100%;min-height:128px;padding:14px 10px}.instructor-view-modal .stat-icon{border-radius:10px;width:40px;height:40px;margin-bottom:12px}.instructor-view-modal .stat-icon-blue{color:#2563eb;background:#e9f0ff}.instructor-view-modal .stat-icon-green{color:#16a34a;background:#dcfce7}.instructor-view-modal .stat-icon-purple{color:#7c3aed;background:#ede9fe}.instructor-view-modal .stat-box p{color:#64748b;text-transform:uppercase;margin:0;font-size:12px;font-weight:800;line-height:1.35}.instructor-view-modal .stat-box h2{color:#0f172a;margin:10px 0 0;font-size:23px;font-weight:900}.instructor-view-modal .modal-panel-card--info .info-row{margin:0;padding:0 16px 10px}.instructor-view-modal .modal-panel-card--info .info-row:last-of-type{margin-bottom:0;padding-bottom:16px}.instructor-view-modal .course-section{margin:0;overflow:hidden}.instructor-view-modal .course-section h4{margin:14px 0;padding:0 16px}.instructor-view-modal .course-table-wrap{width:100%;padding:0 16px;overflow-x:auto}.instructor-view-modal .course-section table{border-collapse:collapse;width:100%;min-width:820px}.instructor-view-modal .course-section th,.instructor-view-modal .course-section td{color:#0f172a;text-align:left;vertical-align:middle;border-bottom:none;padding:10px 16px;font-size:13px}.instructor-view-modal .course-section th{color:#475569;letter-spacing:.06em;text-transform:uppercase;background:#f8fafc;font-size:11px;font-weight:900}.instructor-view-modal .course-cell{grid-template-columns:56px minmax(160px,1fr);align-items:center;gap:12px;display:grid}.instructor-view-modal .course-cell img,.instructor-view-modal .course-thumb-fallback{border-radius:5px;width:56px;height:40px}.instructor-view-modal .course-cell img{object-fit:cover}.instructor-view-modal .course-thumb-fallback{color:#fff;background:linear-gradient(135deg,#1d4ed8,#38bdf8);font-size:14px;font-weight:900}.instructor-view-modal .course-cell strong{color:#0f172a;font-size:13px;font-weight:800;line-height:1.35}.instructor-view-modal .rating-cell{color:#f59e0b;gap:4px;font-weight:800}.instructor-view-modal .course-status{border-radius:999px;min-height:22px;padding:0 9px;font-size:11px;font-weight:900}.instructor-view-modal .course-status.published{color:#16a34a;background:#dcfce7}.instructor-view-modal .course-status.draft{color:#d97706;background:#fef3c7}.instructor-view-modal .course-status.pending{color:#e11d48;background:#ffe4e6}.instructor-view-modal .course-status.default{color:#475569;background:#e2e8f0}.instructor-view-modal .empty-course-row{color:#64748b;text-align:center;height:76px}.instructor-view-modal .view-footer{border-top:none;justify-content:flex-end;padding:14px 22px 18px;display:flex}.instructor-view-modal .view-footer button{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:0;min-width:76px;min-height:38px;font-size:14px;font-weight:700}.instructor-form-modal .instructor-form-profile{grid-template-columns:170px minmax(0,1fr) minmax(260px,.8fr)}.instructor-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin:16px 26px 0;display:grid}.instructor-form-field{gap:8px;min-width:0;display:grid}.instructor-form-field>span{color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:900;display:inline-flex}.instructor-form-field>span svg{color:#2563eb}.instructor-form-field input,.instructor-form-field select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #dce5f2;border-radius:7px;outline:0;width:100%;height:42px;padding:0 12px;font-size:14px;font-weight:700}.instructor-form-field input:read-only{color:#64748b;background:#f8fafc}.instructor-form-field input:focus,.instructor-form-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.instructor-form-field p{color:#dc2626;margin:0;font-size:12px;font-weight:700;line-height:1.35}.instructor-form-error{color:#dc2626;background:#dc26260f;border:1px solid #dc26263d;border-radius:7px;margin:16px 26px 0;padding:11px 13px;font-size:13px;font-weight:700}.instructor-view-modal .view-footer{gap:12px}.instructor-form-primary,.instructor-form-secondary{padding:0 18px;font-size:14px;font-weight:800;border-radius:14px!important;min-height:42px!important}.instructor-form-primary{box-shadow:0 12px 22px #2563eb3d;color:#fff!important;background:#2563eb!important;border:0!important}.instructor-form-secondary{color:#1a2e6e!important;background:#fff!important;border:1px solid #dce5f2!important}.instructor-form-primary:disabled,.instructor-form-secondary:disabled{opacity:.65;cursor:not-allowed}.delete-instructor-modal{text-align:center;background:#fff;border:1px solid #dc26262e;border-radius:12px;width:min(100%,480px);padding:34px;position:relative;box-shadow:0 26px 70px #0f172a3d}.delete-instructor-close{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #94a3b847;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:18px;right:18px}.delete-instructor-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:inline-flex}.delete-instructor-icon svg{width:30px;height:30px}.delete-instructor-eyebrow{color:#dc2626;letter-spacing:.16em;margin:18px 0 6px;font-size:12px;font-weight:900}.delete-instructor-modal h2{color:#0f172a;margin:0;font-size:26px;font-weight:900}.delete-instructor-message{color:#475569;margin:12px 0 0;font-size:14px;line-height:1.6}.delete-instructor-summary{text-align:left;gap:10px;margin-top:22px;display:grid}.delete-instructor-summary div{background:#f8fafc;border-radius:8px;justify-content:space-between;gap:14px;padding:12px 14px;display:flex}.delete-instructor-summary span{color:#64748b;font-size:13px;font-weight:700}.delete-instructor-summary strong{color:#0f172a;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:13px}.delete-instructor-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.delete-instructor-confirm{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 12px 22px #dc26263d}.delete-instructor-confirm:disabled{opacity:.65;cursor:not-allowed}@media (width<=900px){.instructor-view-modal .profile-info,.instructor-view-modal .content-section{grid-template-columns:1fr}.instructor-view-modal .avatar-box{margin-bottom:-8px}}@media (width<=620px){.instructor-view-overlay{padding:14px 10px 28px}.instructor-view-modal{max-height:calc(100vh - 42px)}.instructor-view-modal .view-header{padding:18px}.instructor-view-modal .profile-section,.instructor-view-modal .content-section,.instructor-view-modal .course-section{padding-left:14px;padding-right:14px}.instructor-view-modal .profile-info{padding:0 16px 18px}.instructor-view-modal .profile-extra,.instructor-view-modal .stat-grid,.instructor-form-grid{grid-template-columns:1fr}.instructor-view-modal .info-row{grid-template-columns:1fr;gap:4px}.instructor-view-modal .info-row i{display:none}.delete-instructor-actions{flex-direction:column-reverse}.delete-instructor-actions button{width:100%}}.instructorTableSection{width:100%;min-width:0}.instructorTableCard{width:100%;box-shadow:none;background:#fff;border:1px solid #2563eb2e;border-radius:6px;overflow:hidden}.instructorTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:920px}.instructorTableCol--id{width:13%}.instructorTableCol--profile{width:34%}.instructorTableCol--classes{width:17%}.instructorTableCol--students{width:14%}.instructorTableCol--actions{width:22%}.instructorTable thead{background:#fff}.instructorTable th,.instructorTable td{text-align:center;vertical-align:middle;border-bottom:1px solid #0f172a0f;padding:14px 12px}.instructorTable th:nth-child(2),.instructorTable td:nth-child(2){text-align:left}.instructorTable th{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:18px 12px;font-size:12px;font-weight:500}.instructorTable tbody tr{background:#fff}.instructorTableBadge{color:#2e2c60;background:#5158c80f;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex}.instructorTableProfile{align-items:center;gap:14px;min-width:0;display:flex}.instructorTableAvatar{object-fit:cover;border:2px solid #fff;border-radius:6px;flex:none;width:40px;height:40px;box-shadow:0 8px 18px #0f172a14}.instructorTableProfileText{min-width:0}.instructorTableName{color:var(--text-main);margin:0;font-size:14px;font-weight:600}.instructorTableEmail{color:var(--text-placeholder);margin:4px 0 0;font-size:11px;line-height:1.35}.instructorTableTag{color:var(--blue-dark);background:#2563eb1a;border-radius:6px;margin-top:8px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.instructorTableStat{flex-direction:column;align-items:center;gap:4px;display:flex}.instructorTableStat strong{color:#0f172a;font-size:16px;font-weight:500}.instructorTableStat span{color:var(--text-secondary);font-size:12px}.instructorTableRate{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.instructorTableStar{color:var(--blue-strong)}.instructorTableRate strong{color:#0f172a;font-size:16px;font-weight:600}.instructorTableRate span{color:var(--text-secondary);font-size:12px}.instructorTableRevenue strong{color:#0f172a;font-size:16px;font-weight:600;display:block}.instructorTableRevenue span{color:#0f7f3c;font-size:12px}.instructorTableActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.instructorActionButton{width:38px;height:38px;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #2563eb1f;border-radius:10px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:inline-flex}.instructorActionButton:hover{background:#2563eb1f;border-color:#2563eb38}.instructorTablePagination{justify-content:flex-end;align-items:center;gap:8px;padding:16px;display:flex}.instructorPaginationButton{min-width:42px;color:var(--text-secondary);cursor:pointer;background:#f8fafc;border:1px solid #2563eb38;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;transition:border-color .2s,background-color .2s,transform .2s;display:inline-flex}.instructorPaginationButton:hover:not(:disabled){border-color:var(--blue-primary);background:#2563eb1f}.instructorPaginationButton:disabled{opacity:.45;cursor:not-allowed}.instructorPaginationButton--active{background-color:var(--blue-primary);color:#0f172a;border-color:var(--blue-primary)}@media (width<=1100px){.instructorTable{min-width:0}}@media (width<=960px){.instructorTableCard{overflow-x:auto}.instructorTable{min-width:860px}}@media (width<=700px){.instructorTable thead{display:none}.instructorTable,.instructorTable tbody,.instructorTable tr,.instructorTable td{width:100%;display:block}.instructorTable td{padding:12px 14px}.instructorTableRow{margin-bottom:16px}.instructorTableProfile{flex-wrap:wrap}.instructorTableActions{justify-content:flex-start}}.instructorManagementPage{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;min-width:0;padding:4px 0 10px;display:flex}.instructorManagementContent{flex-direction:column;gap:18px;font-weight:700;display:flex}.instructorManagementHeroText span{color:#7c8ba3;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:700;line-height:1.45;display:inline-flex}.instructorManagementHeroText svg{color:#c2871c;stroke-width:2.2px}@media (width<=1200px){.instructorManagementHero{grid-template-columns:220px minmax(0,1fr);padding-right:220px}}@media (width<=768px){.instructorManagementContent{padding:0 16px 18px}.instructorManagementHero{grid-template-columns:1fr;gap:14px;padding-right:0}.instructorManagementHeroText{order:-1}.instructorManagementHeroImageWrap{height:132px}.instructorManagementHeroText h1{font-size:26px}}.courseFilters{box-sizing:border-box;background:0 0;border:0;border-radius:0;width:100%;padding:0}.courseFiltersContainer{flex-direction:column;gap:0;width:100%;display:flex}.courseFiltersRow{flex-wrap:nowrap;align-items:center;gap:14px;width:100%;display:flex}.courseSearchField{flex:1.2;min-width:0;position:relative}.courseSearchIcon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.courseSearchInput{color:#0f172a;width:100%;height:40px;font-size:13px;font-weight:700;font-family:var(--font-sans);box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:0 14px 0 36px;transition:border-color .2s,background-color .2s}.courseSearchInput::placeholder{color:#94a3b8}.courseSearchInput:focus{background-color:#fff;border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px #2563eb14}.filterDropdownWrapper{flex-shrink:0;width:200px;min-width:200px;position:relative}.filterDropdownButton{color:#475569;width:100%;height:40px;font-size:13px;font-weight:700;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:7px;flex:none;justify-content:space-between;align-items:center;gap:6px;padding:0 12px;transition:border-color .2s,background-color .2s;display:flex;overflow:hidden}.filterButtonLabel{color:inherit;text-overflow:ellipsis;align-items:center;gap:8px;display:inline-flex;overflow:hidden}.filterButtonLabel span{text-overflow:ellipsis;display:inline-block;overflow:hidden}.filterButtonLabel{color:inherit;align-items:center;gap:8px;display:inline-flex}.filterButtonLabel span{display:inline-block}.filterDropdownButton:hover,.filterDropdownButton.active{color:#1d4ed8;background-color:#eff6ff;border-color:#93c5fd}.filterDropdownMenu{box-shadow:none;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:7px;width:100%;min-width:0;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(4px)}.filterDropdownWrapper.open .filterDropdownMenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.filterDropdownItem{white-space:nowrap;text-align:left;color:#475569;width:100%;font-size:13px;font-weight:700;font-family:var(--font-sans);cursor:pointer;box-sizing:border-box;background-color:#0000;border:none;padding:10px 16px;transition:background-color .15s;display:block}.filterDropdownItem:hover{color:#1d4ed8;background-color:#eff6ff}.filterDropdownItem.active{color:#1d4ed8;background-color:#dbeafe;font-weight:800}@media (width<=1200px){.courseFiltersRow{gap:8px}.courseSearchInput,.filterDropdownButton{height:38px;padding:0 12px;font-size:12px}}@media (width<=768px){.courseFiltersRow{flex-wrap:nowrap;gap:8px;overflow-x:auto}.courseSearchInput{flex:1;width:100%;height:36px;padding:0 12px 0 32px;font-size:12px}.filterDropdownButton{flex-shrink:0;height:36px;padding:0 10px;font-size:11px}}.courseStatCard{box-sizing:border-box;background:#fff;border:2px solid;border-radius:6px;flex-direction:column;gap:12px;padding:20px;display:flex}.courseStatCard--total{border-color:#2563eb47}.courseStatHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.courseStatLabel{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.courseStatIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.courseStatIcon--total{color:#d4a574}.courseStatValue{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:32px;font-weight:500}.courseStatBar{background:#2563eb1f;border-radius:9999px;width:100%;height:4px;overflow:hidden}.courseStatBar--fill{width:60%;height:100%}.courseStatBar--total{background:#d4a574}.courseStatTrend{color:#0f8f52;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.courseStatTrendIcon{font-size:12px}.courseStatTrendPercent{color:#0f8f52}.courseStatCard--published{border-color:#0f8f5247}.courseStatIcon--published{color:#0f8f52}.courseStatBar--published{background:#0f8f52}.courseStatTrend--published,.courseStatTrend--published .courseStatTrendPercent{color:#0f8f52}.courseStatCard--pending{border-color:#2563eb47}.courseStatIcon--pending{color:#d4a574}.courseStatBar--pending{background:#d4a574}.courseStatTrend--pending,.courseStatTrend--pending .courseStatTrendPercent{color:#d4a574}.courseStatCard--suspended{border-color:#e9649e47}.courseStatIcon--suspended{color:#e9649e}.courseStatBar--suspended{background:#e9649e}.courseStatTrend--suspended,.courseStatTrend--suspended .courseStatTrendPercent{color:#e9649e}.courseStatCard--reported{border-color:#dc262647}.courseStatIcon--reported{color:#dc2626}.courseStatBar--reported{background:#dc2626}.courseStatTrend--reported,.courseStatTrend--reported .courseStatTrendPercent{color:#dc2626}.courseStatistics{box-sizing:border-box;width:100%;min-width:0}.courseStatisticsGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;display:grid}@media (width<=1400px){.courseStatisticsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.courseStatisticsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.courseStatisticsGrid{grid-template-columns:1fr}}.courseTableSection{box-sizing:border-box;width:100%}.courseTableCard{box-sizing:border-box;background-color:#fff;border:1px solid #2563eb2e;border-radius:6px;flex-direction:column;width:100%;min-width:0;padding:0;display:flex;overflow-x:auto}.courseTable{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.courseTable thead th{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;background:0 0;border-bottom:1px solid #2563eb1f;padding:18px 14px;font-size:12px;font-weight:800}.courseTable tbody tr{border-bottom:1px solid #0f172a0f}.courseTable tbody tr:last-child{border-bottom:0}.courseTable tbody td{vertical-align:middle;text-align:center;color:#111827;height:74px;padding:16px 14px;line-height:1.45}.courseTableEmpty{font-weight:700;color:#64748b!important;text-align:left!important;height:92px!important}.courseTable thead th:first-child,.courseTable tbody td:first-child{text-align:left;width:30%}.courseTable thead th:nth-child(2),.courseTable tbody td:nth-child(2){width:16%}.courseTable thead th:nth-child(3),.courseTable tbody td:nth-child(3){width:14%}.courseTable thead th:nth-child(4),.courseTable tbody td:nth-child(4),.courseTable thead th:nth-child(5),.courseTable tbody td:nth-child(5),.courseTable thead th:nth-child(6),.courseTable tbody td:nth-child(6),.courseTable thead th:nth-child(7),.courseTable tbody td:nth-child(7){width:10%}.courseTableCourseCell{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.courseTableCourseCell img{object-fit:cover;background:#eff6ff;border-radius:7px;width:54px;height:42px}.courseTableCourseCell strong,.courseTableCourseCell span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.courseTableCourseCell strong{color:#0f172a;font-size:14px;font-weight:800}.courseTableCourseCell span{color:#64748b;margin-top:3px;font-size:12px;font-weight:600}.courseStatusBadge{border-radius:999px;justify-content:center;align-items:center;min-width:86px;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex}.courseStatusBadge--published{color:#047857;background:#ecfdf5}.courseStatusBadge--draft{color:#b45309;background:#fff7ed}.courseStatusBadge--archived{color:#475569;background:#f1f5f9}.courseStatusBadge--deleted{color:#dc2626;background:#fef2f2}.courseTableActions{justify-content:center;align-items:center;gap:8px;display:flex}.actionButton{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #2563eb1f;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background-color .2s,transform .2s,border-color .2s;display:inline-flex}.actionButton:hover{background:#2563eb1f;border-color:#2563eb38;transform:translateY(-1px)}.actionButton:disabled{opacity:.7;cursor:not-allowed;transform:none}.actionButton--view{color:#1d4ed8}.actionIcon{color:currentColor;width:16px;height:16px}.courseTable td:last-child{text-align:center;width:10%}.courseTableRating{justify-content:center;align-items:center;gap:6px;display:inline-flex}.courseTableRatingIcon{color:#f5b301;flex-shrink:0;width:16px;height:16px}.courseTableRatingValue{color:#111827;font-weight:600}.courseReportCount{color:#1d4ed8;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:70px;min-width:70px;height:30px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.courseReportCount--locked{color:#dc2626;background:#fef2f2}.courseTable tbody tr:hover{background:0 0}.courseTablePagination{box-sizing:border-box;background:#fff;border:1px solid #2563eb2e;border-radius:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;padding:14px 18px;display:flex}.paginationButton{border:1px solid var(--border-soft);min-width:44px;min-height:38px;color:var(--text-main);cursor:pointer;background-color:#fff;border-radius:10px;padding:0 16px;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s,background-color .2s}.paginationButton:hover:not(:disabled){background:#2563eb0f;border-color:#2563eb6b;transform:translateY(-1px)}.paginationButton--active{background:linear-gradient(135deg, var(--blue-primary) 0%, var(--blue-strong) 100%);color:#050505;border-color:#2563eb85}.adminCourseDetailOverlay{z-index:1200}.cdm-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cdm__close{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:12px;right:12px}.cdm__title{color:#071a33;margin:0 0 5px;font-size:1.12rem;font-weight:800;line-height:1.3}.cdm__tabs{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:2px;padding:0 20px;display:flex;overflow-x:auto}.cdm__tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:11px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.cdm__info-row{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:18px;padding:10px 0;font-size:.84rem;font-weight:600;display:flex}.cdm__info-row strong{color:#0f172a;text-align:right;font-weight:800}.cdm__section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.cdm__section-title{color:#0f172a;margin:0 0 12px;font-size:.94rem;font-weight:800}.cdm__description{color:#475569;margin:0;font-size:.9rem;line-height:1.65}.cdm__learn-list,.cdm__req-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cdm__learn-list li{color:#334155;align-items:flex-start;gap:9px;font-size:.88rem;line-height:1.5;display:flex}.cdm__learn-list svg{color:#16a34a;flex-shrink:0;margin-top:2px}.cdm__req-list{color:#334155;padding-left:18px;font-size:.88rem;line-height:1.5;list-style:outside}.cdm__curriculum-summary{color:#64748b;margin:0;font-size:.86rem;font-weight:700}.cdm__curriculum{gap:10px;display:grid}.cdm__section-block{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.cdm__section-header{color:#0f172a;cursor:pointer;background:#f8fafc;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;display:grid}.cdm__section-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;font-size:.86rem;font-weight:800;overflow:hidden}.cdm__section-count{color:#64748b;font-size:.78rem;font-weight:700}.cdm__lessons{display:grid}.cdm__lesson{color:#334155;border-top:1px solid #f1f5f9;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:40px;padding:0 14px;font-size:.84rem;font-weight:700;display:grid}.cdm__lesson-icon{color:#64748b}.cdm__lesson-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cdm__lesson-duration{color:#64748b;align-items:center;gap:4px;font-size:.76rem;display:inline-flex}.cdm__lesson-preview{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:800}.cdm__empty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;min-height:130px;font-size:.88rem;font-weight:700;display:flex}.cdm__footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.cdm__btn-cancel{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;min-width:76px;min-height:34px;padding:0 16px;font-size:.82rem;font-weight:700}@media (width<=1100px){.courseTable{min-width:900px}.courseTable thead th,.courseTable tbody td{padding:12px;font-size:13px}}@media (width<=860px){.courseTable{min-width:820px}.courseTable thead th,.courseTable tbody td{padding:10px;font-size:12px}}@media (width<=680px){.courseTable{min-width:760px}.courseTable th,.courseTable td{padding:12px 10px;font-size:12px}.actionButton{width:34px;height:34px}.actionIcon{width:14px;height:14px}.paginationButton{flex:auto;min-width:0}.cdm{max-height:94vh}.cdm__thumbnail-wrap{height:190px}.cdm__stats-grid{grid-template-columns:1fr}.cdm__lesson{grid-template-columns:auto minmax(0,1fr)}.cdm__lesson-duration,.cdm__lesson-preview{grid-column:2;justify-self:start}}@media (width<=900px){.cdm__stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.cdm-overlay{padding:10px}.cdm__thumbnail-wrap{height:160px}.cdm__header-info,.cdm__body{padding-left:16px;padding-right:16px}.cdm__stats-grid{grid-template-columns:1fr}}.coursePage{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;min-width:0;padding:4px 0 10px;display:flex}.courseContent{flex-direction:column;gap:18px;width:100%;min-width:0;display:flex}@media (width<=768px){.coursePage{padding:0}.courseContent{gap:12px;padding:0 16px 18px}}.approvalPage{box-sizing:border-box;background:#f8fafc;flex-direction:column;gap:0;width:100%;min-height:100%;display:flex}.approvalPageHeader{background:#fff;border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:18px;padding:20px 28px 16px;display:flex}.approvalBackBtn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.approvalBackBtn:hover{background:#f1f5f9;border-color:#cbd5e1}.approvalPageHeaderTitle h1{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:900}.approvalPageHeaderTitle p{color:#64748b;margin:0;font-size:13px}.approvalLayout{flex:1;grid-template-columns:280px 1fr;align-items:start;min-height:0;display:grid}@media (width<=900px){.approvalLayout{grid-template-columns:1fr}}.approvalSidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;max-height:calc(100vh - 130px);display:flex;position:sticky;top:0;overflow-y:auto}.approvalSidebarLoading{color:#64748b;padding:24px;font-size:13px}.approvalSidebarHeader{border-bottom:1px solid #f1f5f9;padding:18px 18px 12px}.approvalSidebarEyebrow{letter-spacing:.14em;color:#94a3b8;margin:0 0 4px;font-size:11px;font-weight:800}.approvalSidebarCount{color:#1d4ed8;margin:0;font-size:13px;font-weight:700}.approvalSidebarList{margin:0;padding:8px 0;list-style:none}.approvalSidebarEmpty{color:#94a3b8;text-align:center;padding:20px 18px;font-size:13px}.approvalSidebarItem{cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 16px;transition:background .15s,border-color .15s;display:flex}.approvalSidebarItem:hover{background:#f8fafc}.approvalSidebarItem--active{background:#eff6ff;border-left-color:#1d4ed8}.approvalSidebarThumb{object-fit:cover;background:#f1f5f9;border-radius:6px;flex-shrink:0;width:44px;height:34px}.approvalSidebarThumbPlaceholder{color:#94a3b8;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:34px;display:flex}.approvalSidebarItemInfo{flex-direction:column;gap:2px;min-width:0;display:flex}.approvalSidebarItemTitle{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.approvalSidebarItemInstructor{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.approvalMain{flex-direction:column;gap:18px;min-width:0;padding:24px 28px;display:flex}.approvalEmptyState{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 24px;font-size:14px;display:flex}.approvalEmptyState svg{color:#cbd5e1}.approvalEmptyState--error{color:#dc2626}.approvalEmptyState--small{padding:28px 20px;font-size:13px}.approvalCourseCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:22px;display:flex}.approvalCourseCardTop{grid-template-columns:200px 1fr;align-items:start;gap:22px;display:grid}@media (width<=680px){.approvalCourseCardTop{grid-template-columns:1fr}}.approvalCourseThumbnail{aspect-ratio:16/9;object-fit:cover;background:#f1f5f9;border-radius:10px;width:100%}.approvalCourseThumbnailPlaceholder{aspect-ratio:16/9;color:#94a3b8;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:100%;display:flex}.approvalCourseInfo{flex-direction:column;gap:12px;min-width:0;display:flex}.approvalCourseInfoTop{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.approvalStatusBadge{letter-spacing:.06em;border-radius:999px;align-items:center;padding:4px 12px;font-size:11px;font-weight:900;display:inline-flex}.approvalStatusBadge--draft{color:#b45309;background:#fff7ed}.approvalStatusBadge--pending_review{color:#c2410c;background:#ffedd5}.approvalStatusBadge--rejected{color:#dc2626;background:#fef2f2}.approvalStatusBadge--published{color:#047857;background:#ecfdf5}.approvalStatusBadge--archived{color:#475569;background:#f1f5f9}.approvalStatusBadge--deleted{color:#dc2626;background:#fef2f2}.approvalBtnApproveMain{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:none;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 18px;font-size:14px;font-weight:800;transition:opacity .15s;display:inline-flex}.approvalBtnApproveMain:hover:not(:disabled){opacity:.9}.approvalBtnApproveMain:disabled{opacity:.6;cursor:not-allowed}.approvalBtnHideMain{color:#fff;cursor:pointer;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border:none;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 18px;font-size:14px;font-weight:800;transition:opacity .15s;display:inline-flex}.approvalBtnHideMain:hover:not(:disabled){opacity:.9}.approvalBtnHideMain:disabled{opacity:.6;cursor:not-allowed}.approvalActionButtonsGroup{justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.approvalBtnRejectMain{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 18px;font-size:14px;font-weight:800;transition:opacity .15s;display:inline-flex}.approvalBtnRejectMain:hover:not(:disabled){opacity:.9}.approvalBtnRejectMain:disabled{opacity:.6;cursor:not-allowed}.approvalAlreadyPublished{color:#16a34a;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.approvalCourseTitle{color:#0f172a;margin:0;font-size:19px;font-weight:900;line-height:1.3}.approvalCourseMeta{color:#475569;flex-wrap:wrap;gap:8px 20px;font-size:13px;display:flex}.approvalCourseMeta strong{color:#0f172a}.approvalCourseStats{flex-wrap:wrap;gap:16px;display:flex}.approvalCourseStat{color:#1d4ed8;align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.approvalAlert{border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.approvalAlert--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.approvalAlert--success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.approvalTwoCol{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=680px){.approvalTwoCol{grid-template-columns:1fr}}.approvalBlock{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.approvalBlockTitle{color:#0f172a;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:900;display:flex}.approvalCurriculumMeta{color:#64748b;font-size:12px;font-weight:600}.approvalCurriculumHeader{flex-direction:column;gap:4px;display:flex}.approvalCurriculumHint{color:#94a3b8;margin:0;font-size:12px}.approvalBlockText{color:#334155;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.65}.approvalBlockList{color:#334155;flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:13px;display:flex}.approvalCurriculum{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.approvalSection{border-bottom:1px solid #e2e8f0}.approvalSection:last-child{border-bottom:none}.approvalSectionHeader{cursor:pointer;text-align:left;background:#f8fafc;border:none;align-items:center;gap:10px;width:100%;padding:13px 16px;transition:background .15s;display:flex}.approvalSectionHeader:hover{background:#eff6ff}.approvalSectionToggle{color:#64748b;flex-shrink:0;display:flex}.approvalSectionTitle{color:#0f172a;flex:1;font-size:14px;font-weight:800}.approvalSectionCount{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}.approvalLessonList{margin:0;padding:0;list-style:none}.approvalLessonEmpty{color:#94a3b8;padding:12px 40px;font-size:13px}.approvalLessonItem{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 16px 10px 38px;display:flex}.approvalLessonLeft{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.approvalLessonTypeIcon{flex-shrink:0}.approvalLessonTypeIcon--video{color:#1d4ed8}.approvalLessonTypeIcon--empty{color:#94a3b8}.approvalLessonTitle{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.approvalLessonEditField{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.approvalLessonInput{color:#0f172a;box-sizing:border-box;border:1px solid #93c5fd;border-radius:6px;outline:none;width:100%;height:34px;padding:0 10px;font-size:13px;box-shadow:0 0 0 3px #2563eb14}.approvalLessonEditError{color:#dc2626;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.approvalLessonRight{flex-shrink:0;align-items:center;gap:8px;display:flex}.approvalPreviewBadge{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.approvalVideoStatus{white-space:nowrap;font-size:11px;font-weight:700}.approvalVideoStatus--has{color:#059669}.approvalVideoStatus--none{color:#94a3b8}.approvalLessonDur{color:#64748b;align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex}.approvalIconBtn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,border-color .15s;display:inline-flex}.approvalIconBtn--edit{color:#64748b;border-color:#e2e8f0}.approvalIconBtn--edit:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.approvalIconBtn--save{color:#fff;background:#16a34a;border-color:#16a34a}.approvalIconBtn--save:hover:not(:disabled){background:#15803d}.approvalIconBtn--cancel{color:#475569;border-color:#e2e8f0}.approvalIconBtn--cancel:hover:not(:disabled){background:#f1f5f9}.approvalIconBtn:disabled{opacity:.5;cursor:not-allowed}.approvalBackdrop{z-index:1300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.approvalConfirmModal{text-align:center;box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:min(460px,100%);padding:32px 28px 24px;display:flex;box-shadow:0 24px 70px #0f172a47}.approvalConfirmIcon{color:#16a34a;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.approvalConfirmIcon--hide{color:#dc2626;background:#fef2f2}.approvalConfirmTitle{color:#0f172a;margin:0;font-size:22px;font-weight:900}.approvalConfirmDesc{color:#475569;margin:0;font-size:14px;line-height:1.6}.approvalRejectReasonInput{width:100%;font:inherit;color:#0f172a;resize:vertical;border:1px solid #e5e7eb;border-radius:9px;padding:10px 12px;font-size:14px}.approvalRejectReasonInput:focus{border-color:#ef4444;outline:none}.approvalConfirmActions{gap:12px;width:100%;margin-top:6px;display:flex}.approvalBtnCancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex:1;height:42px;font-size:14px;font-weight:800;transition:background .15s}.approvalBtnCancel:hover:not(:disabled){background:#f1f5f9}.approvalBtnApprove{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:none;border-radius:9px;flex:1;height:42px;font-size:14px;font-weight:800;transition:opacity .15s}.approvalBtnApprove:hover:not(:disabled){opacity:.9}.approvalBtnHide{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:9px;flex:1;height:42px;font-size:14px;font-weight:800;transition:opacity .15s}.approvalBtnHide:hover:not(:disabled){opacity:.9}.approvalBtnApprove:disabled,.approvalBtnHide:disabled,.approvalBtnCancel:disabled{opacity:.6;cursor:not-allowed}.totalRevenueCard{background:var(--blue-pale);border:1px solid #2563eb47;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:170px;padding:20px;display:flex}.totalRevenueCardHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.totalRevenueCardTitle{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:12px;font-weight:700}.totalRevenueCardIcon{width:28px;height:28px;color:var(--blue-primary)}.totalRevenueCardBody{margin-top:18px}.totalRevenueCardValue{color:#111827;margin:0;font-size:28px;font-weight:500}.totalRevenueCardMeta{align-items:center;gap:10px;margin-top:12px;display:flex}.totalRevenueCardSubtitle{color:#64748b;font-size:13px}.monthlyRevenueCard{background:#fff;border:1px solid #2563eb29;border-radius:14px;flex-direction:column;min-height:170px;padding:20px;display:flex}.monthlyRevenueCardHeader{justify-content:space-between;align-items:center;display:flex}.monthlyRevenueCardTitle{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:12px;font-weight:700}.monthlyRevenueCardIcon{color:#7c3aed;width:26px;height:26px}.monthlyRevenueCardBody{margin-top:18px}.monthlyRevenueCardValue{color:#111827;margin:0;font-size:26px;font-weight:500}.monthlyRevenueCardFooter{align-items:center;gap:10px;margin-top:12px;display:flex}.monthlyRevenueCardSubtitle{color:#64748b;font-size:13px}.transactionsCard{background:#fff;border:1px solid #2563eb29;border-radius:14px;flex-direction:column;min-height:170px;padding:20px;display:flex}.transactionsCardHeader{justify-content:space-between;align-items:center;display:flex}.transactionsCardTitle{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:12px;font-weight:700}.transactionsCardIcon{color:#0f766e;width:26px;height:26px}.transactionsCardBody{margin-top:18px}.transactionsCardValue{color:#111827;margin:0;font-size:28px;font-weight:500}.transactionsCardMeta{align-items:center;gap:10px;margin-top:12px;display:flex}.transactionsCardSubtitle{color:#64748b;font-size:13px}.pendingPaymentCard{background:#fff;border:1px solid #2563eb29;border-radius:14px;flex-direction:column;min-height:170px;padding:20px;display:flex}.pendingPaymentCardHeader{justify-content:space-between;align-items:center;display:flex}.pendingPaymentCardTitle{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:12px;font-weight:700}.pendingPaymentCardIcon{color:#f59e0b;width:26px;height:26px}.pendingPaymentCardBody{margin-top:18px}.pendingPaymentCardValue{color:#111827;margin:0;font-size:28px;font-weight:500}.pendingPaymentCardNote{color:var(--text-secondary);margin-top:10px;font-size:13px}.refundRequestCard{background:#fff;border:1px solid #2563eb29;border-radius:14px;flex-direction:column;min-height:170px;padding:20px;display:flex}.refundRequestCardHeader{justify-content:space-between;align-items:center;display:flex}.refundRequestCardTitle{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:12px;font-weight:700}.refundRequestCardIcon{color:#ef4444;width:26px;height:26px}.refundRequestCardBody{margin-top:18px}.refundRequestCardValue{color:#111827;margin:0;font-size:28px;font-weight:500}.refundRequestCardMeta{align-items:center;gap:10px;margin-top:12px;display:flex}.refundRequestCardLabel{color:#64748b;font-size:13px}.growthRateCard{background:#fff;border:1px solid #2563eb29;border-radius:14px;flex-direction:column;min-height:170px;padding:20px;display:flex}.growthRateCardHeader{justify-content:space-between;align-items:center;display:flex}.growthRateCardTitle{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:12px;font-weight:700}.growthRateCardIcon{color:#16a34a;width:26px;height:26px}.growthRateCardBody{margin-top:18px}.growthRateCardValue{color:#16a34a;margin:0;font-size:28px;font-weight:500}.growthRateCardDetail{color:var(--text-secondary);margin-top:10px;font-size:13px}.revenueSection{box-sizing:border-box;width:100%}.revenueContainer{max-width:1440px;margin:0 auto}.revenueGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}@media (width<=1400px){.revenueGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1024px){.revenueGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.revenueGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.revenueGrid{grid-template-columns:1fr}}.revenueDelta{color:#16a34a;font-size:13px;font-weight:700}.revenueDelta.negative{color:#dc2626}.revenueChartCard{width:100%;box-shadow:none;box-sizing:border-box;border:none;padding:28px 30px}.revenueChartHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}.revenueChartTitleGroup{min-width:0}.revenueChartTitle{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:500;line-height:1.2}.revenueChartSubtitle{color:#64748b;margin:0;font-size:13px;line-height:1.6}.revenueChartFilters{flex-wrap:nowrap;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.revenueChartFilters::-webkit-scrollbar{display:none}.revenueChartFilterButton{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:7px;flex:none;min-width:72px;height:34px;padding:8px 14px;font-size:12px;font-weight:700;line-height:1.2;transition:background-color .2s,border-color .2s}.revenueChartFilterButton:hover,.revenueChartFilterButton.active{color:#1d4ed8;background-color:#eff6ff;border-color:#93c5fd}.revenueChartBody{gap:22px;display:grid}.revenueChartCanvas{width:100%;height:340px;min-height:300px}.revenueChartCanvas canvas{width:100%!important;height:100%!important}.revenueChartLegend{flex-wrap:wrap;justify-content:flex-start;gap:18px;display:flex}.revenueChartLegendItem{color:#334155;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.revenueChartLegendDot{border-radius:50%;width:12px;height:12px;display:inline-block}.revenueChartLegendDot.gold{background-color:#2563eb}.revenueChartLegendDot.purple{background-color:#60a5fa}.revenueChartLegendDot.red{background-color:#ef4444}@media (width<=900px){.revenueChartHeader{flex-direction:column;align-items:stretch}.revenueChartFilters{justify-content:flex-start}}@media (width<=620px){.revenueChartCard{padding:20px}.revenueChartTitle{font-size:20px}.revenueChartCanvas{height:300px}}.revenueDonutCard{width:100%;box-shadow:none;box-sizing:border-box;background:0 0;border:none;border-radius:16px;flex-direction:column;height:100%;padding:28px 24px;display:flex}.revenueDonutHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.revenueDonutTitle{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:500;line-height:1.2}.revenueDonutSubtitle{color:#64748b;margin:0;font-size:13px;line-height:1.6}.revenueDonutBody{flex-direction:column;flex:1;align-items:center;gap:18px;display:flex}.revenueDonutChartWrapper{width:min(100%,300px);height:300px;min-height:300px;position:relative}.revenueDonutChartWrapper canvas{width:100%!important;height:100%!important}.revenueDonutCenter{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.revenueDonutCenterValue{color:#0f172a;font-size:28px;font-weight:800}.revenueDonutCenterLabel{color:#64748b;letter-spacing:.12em;margin-top:6px;font-size:12px;font-weight:700}.revenueDonutCenterPercent{color:#16a34a;margin-top:8px;font-size:13px;font-weight:700}.revenueDonutLegend{grid-template-columns:repeat(2,max-content);justify-content:center;gap:12px 22px;width:100%;margin-top:0;display:grid}.revenueDonutLegendItem{align-items:center;gap:10px;min-width:130px;display:inline-flex}.revenueDonutLegendDot{border-radius:50%;width:12px;height:12px;display:inline-block}.revenueDonutLegendText{color:#334155;font-size:13px;font-weight:600}@media (width<=900px){.revenueDonutHeader{flex-direction:column;align-items:stretch}}@media (width<=620px){.revenueDonutCard{padding:20px}.revenueDonutCenterValue{font-size:24px}.revenueDonutLegend{grid-template-columns:1fr}}.revenuePage{box-sizing:border-box;width:100%}.revenuePageInner{gap:20px;max-width:1440px;margin:0 auto;display:grid}.revenueQuickNav{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.revenueQuickNav a,.revenueQuickNav span,.revenueDetailHeader a,.revenueDetailHeader span{color:#1d4ed8;background:#fff;border:1px solid #2563eb47;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.revenueQuickNav a:hover,.revenueQuickNav span:hover,.revenueDetailHeader a:hover,.revenueDetailHeader span:hover{background:#2563eb14;border-color:#2563eb75;transform:translateY(-1px)}.revenueDetailHeader{background:#fff;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 22px;display:flex}.revenueDetailHeader h2{color:#0f172a;margin:0;font-size:22px;font-weight:600}.revenueDetailHeader p{color:var(--text-secondary);margin:8px 0 0;font-size:13px;line-height:1.6}.revenueDetailStack{gap:16px;display:grid}.revenueDetailGrid{grid-template-columns:1fr;align-items:stretch;gap:16px;display:grid}.revenueDetailMain,.revenueDetailSide{min-width:0}.revenueDetailSide{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.revenueDetailSide>section{background:0 0;border-radius:6px;min-width:0}.revenueTopBlocksRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.revenueTwoColumn{grid-template-columns:8fr 4fr;align-items:stretch;gap:12px;display:grid}.leftColumn{flex-direction:column;min-width:0;display:flex}.rightColumn{grid-template-columns:1fr;gap:12px;min-height:0;display:grid}.rightColumn>*{background:#fff;min-height:0;overflow:hidden}.revenueOverviewRow{grid-template-columns:9fr 4fr;align-items:stretch;gap:12px;display:grid}.revenueOverviewRow>section{flex-direction:column;min-width:0;min-height:400px;display:flex}.revenueTopBlocksRow>section{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.revenuePageInner>*{width:100%}@media (width<=1100px){.revenueHero{grid-template-columns:220px minmax(0,1fr);padding-right:220px}.revenueOverviewRow,.revenueTopBlocksRow,.revenueTwoColumn,.revenueDetailGrid,.revenueDetailSide{grid-template-columns:1fr}.revenueDetailHeader{flex-direction:column}}@media (width<=840px){.revenueHero{grid-template-columns:1fr;gap:14px;padding-right:0}.revenueHeroText{order:-1}.revenueHeroImageWrap{height:132px}.revenueHeroText h1{font-size:26px}.revenueTopBlocksRow,.revenueOverviewRow{gap:12px}}@media (width<=1024px){.revenuePage{padding:20px 18px 0}}@media (width<=620px){.revenuePage{padding:16px 14px 0}}.topRevenueBlockTableWrapper{background:0 0;border-radius:10px;width:100%;margin-bottom:0;overflow-x:auto}.topRevenueBlockTable th:last-child,.topRevenueBlockTable td:last-child{width:120px}.topRevenueBlockCourseInfo{gap:4px;display:grid}.topRevenueBlockCourseName{color:#0f172a;white-space:normal;text-overflow:ellipsis;max-width:100%;font-weight:700;display:block;overflow:hidden}.topRevenueBlockCourseMeta{color:var(--text-secondary);font-size:12px;display:block}.topRevenueBlockRevenueCell{justify-content:center;align-items:center;gap:8px;display:inline-flex}.topRevenueBlockTag{color:#8a6b20;background:#f8efd4f2;border-radius:999px;justify-content:center;align-items:center;min-width:42px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=900px){.topRevenueBlockHeader{flex-direction:column;align-items:stretch}}@media (width<=760px){.topRevenueBlockTable{min-width:100%}}.topCourseRevenueCard .topRevenueBlockTitle{font-weight:800}.topCourseRevenueCard .topRevenueBlockTable{table-layout:fixed;min-width:980px}.topCourseRevenueCard .topRevenueBlockTable th,.topCourseRevenueCard .topRevenueBlockTable td{text-align:center}.topCourseRevenueCard .topRevenueBlockTable th:nth-child(2),.topCourseRevenueCard .topRevenueBlockTable td:nth-child(2){text-align:left}.topRevenueBlockSection{box-sizing:border-box;width:100%}.topRevenueBlockCard{padding:22px}.topRevenueBlockHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.topRevenueBlockTitle{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:500}.topRevenueBlockSubtitle{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.topRevenueBlockBadge{color:#3f4d67;white-space:nowrap;background:#f1f5f9e6;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.topRevenueBlockTableWrapper{width:100%;margin-bottom:0;overflow-x:auto}.topRevenueBlockTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:980px;overflow:hidden}.topRevenueBlockTable th,.topRevenueBlockTable td{text-align:center;color:#475569;word-break:break-word;padding:16px 14px;font-size:13px;line-height:1.6}.topRevenueBlockTable td{white-space:normal}.topRevenueBlockTable th:first-child,.topRevenueBlockTable td:first-child{text-align:center;width:8%}.topRevenueBlockTable th:nth-child(2),.topRevenueBlockTable td:nth-child(2){text-align:left;width:22%}.topRevenueBlockTable th:nth-child(3),.topRevenueBlockTable td:nth-child(3),.topRevenueBlockTable th:nth-child(4),.topRevenueBlockTable td:nth-child(4),.topRevenueBlockTable th:nth-child(5),.topRevenueBlockTable td:nth-child(5),.topRevenueBlockTable th:nth-child(6),.topRevenueBlockTable td:nth-child(6),.topRevenueBlockTable th:nth-child(7),.topRevenueBlockTable td:nth-child(7){text-align:center;width:14%}.topRevenueBlockTable th{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;background:#fff;font-size:12px;font-weight:800}.topRevenueBlockTable tbody tr{background:#fff}.topRevenueBlockTable td,.topRevenueBlockTable th{border-bottom:1px solid #0f172a0f}.topRevenueBlockTable tbody tr:last-child td{border-bottom:none}.topRevenueBlockRank{color:#0f172a;background:#eff2ff;border-radius:50%;justify-content:center;align-items:center;min-width:34px;min-height:34px;font-size:13px;font-weight:700;display:inline-flex}.topTeacherCell{align-items:center;gap:10px;min-width:0;display:inline-flex}.topTeacherAvatar{color:#0f172a;background:#eff2ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.topTeacherName{color:#0f172a;font-weight:700}.topTeacherRevenue{color:#059669;font-weight:700}.topRevenueBlockState{height:72px;font-weight:700;color:#64748b!important;text-align:center!important}.topRevenuePagination{justify-content:flex-end;gap:8px;padding-top:18px;display:flex}.topRevenuePagination button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:8px;width:34px;height:34px;font-weight:800}.topRevenuePagination button:hover,.topRevenuePagination button.active{color:#fff;background:#2563eb}@media (width<=900px){.topRevenueBlockHeader{flex-direction:column;align-items:stretch}}@media (width<=760px){.topRevenueBlockTable{min-width:100%}}.topTeacherRevenueCard .topRevenueBlockTitle{font-weight:500}.topTeacherRevenueCard .topRevenueBlockTable{table-layout:fixed;min-width:980px}.topTeacherRevenueCard .topRevenueBlockTable th,.topTeacherRevenueCard .topRevenueBlockTable td{text-align:center}.topTeacherRevenueCard .topRevenueBlockTable th:nth-child(2),.topTeacherRevenueCard .topRevenueBlockTable td:nth-child(2){text-align:left}.revenueCategorySection{box-sizing:border-box;width:100%}.revenueCategoryCard{box-sizing:border-box;background:#fff;border:none;border-radius:6px;padding:22px}.revenueCategoryHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.revenueCategoryHeader h3{color:#0f172a;margin:0;font-size:16px;font-weight:500}.revenueCategoryBadge{color:#0f172a;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;min-width:78px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.revenueCategoryList{gap:14px;display:grid}.revenueCategoryItem{gap:8px;display:grid}.revenueCategoryLabel{color:#42392a;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.revenueCategoryAmount{color:var(--text-secondary);font-size:12px}.revenueCategoryBarWrapper{background:#94a3b81f;border-radius:999px;width:100%;height:10px;overflow:hidden}.revenueCategoryBar{border-radius:999px;height:100%}.revenueRecordsSection{box-sizing:border-box;flex-direction:column;align-self:start;width:100%;height:auto;display:flex}.revenueRecordsCard{width:100%;box-shadow:none;box-sizing:border-box;background:#fff;border:none;border-radius:6px;padding:10px}.recordsTitle{color:#0f172a;margin:0 0 10px;font-size:18px;font-weight:500}.recordsDivider{background:#94a3b824;width:100%;height:1px;margin-bottom:12px}.recordsInner{flex:none;gap:10px;display:grid}.recordItem{background:0 0;border:none;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 18px;display:grid}.recordIcon{color:#475569;background:#94a3b824;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.recordIcon.grey{color:#475569;background:#e2e8f024}.recordContent{gap:4px;min-width:0;display:grid}.recordLabel{letter-spacing:.12em;text-transform:uppercase;color:#9c8f75;font-size:11px;font-weight:700}.recordMain{color:#0f172a;font-size:15px;font-weight:500;line-height:1.3}.recordMeta{color:var(--text-secondary);font-size:12px}.metaHighlight,.metaBoost{font-weight:700}.metaHighlight{color:#166534}.metaBoost{color:#2563eb}.recordValue{color:#0f172a;white-space:nowrap;font-size:18px;font-weight:500}@media (width<=760px){.revenueRecordsCard{padding:16px}.recordItem{grid-template-columns:1fr;padding:14px}.recordValue{justify-self:start}}.transactionLogSection{box-sizing:border-box;width:100%}.transactionLogCard{box-sizing:border-box;border:none;border-radius:6px;padding:28px 32px}.transactionLogHeader{margin-bottom:14px}.transactionLogTitle{color:#0f172a;align-items:center;gap:10px;margin:0;padding:0;font-size:22px;font-weight:500;display:flex}.transactionLogSubtitle{color:var(--text-secondary);max-width:640px;margin:8px 0 0;padding:0;font-size:13px;line-height:1.6}.transactionLogControls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.transactionSearch{color:#374151;box-sizing:border-box;background:#fffffff0;border:1px solid #94a3b83d;border-radius:999px;flex:280px;align-items:center;gap:12px;min-width:280px;padding:12px 16px;display:inline-flex}.transactionSearch input{color:#0f172a;width:100%;font-size:13px;font-family:var(--font-sans);background:0 0;border:none;outline:none}.transactionSearch input::placeholder{color:#9ca3af}.transactionFilters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.transactionFilters>button{color:#374151;cursor:pointer;white-space:nowrap;height:40px;font-size:13px;font-weight:700;font-family:var(--font-sans);background:#fffffff0;border:1px solid #94a3b83d;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;transition:background-color .2s,border-color .2s;display:inline-flex}.transactionFilters>button:hover{background:#fff;border-color:#94a3b866}.transactionClearButton{color:#374151;cursor:pointer;white-space:nowrap;height:40px;font-size:13px;font-weight:700;font-family:var(--font-sans);background:#fffffff0;border:1px solid #94a3b83d;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;transition:background-color .2s,border-color .2s;display:inline-flex}.transactionClearButton:hover{background:#fff;border-color:#94a3b866}.transactionFilterSelect{min-width:150px}.transactionFilterSelectWide{min-width:190px}.transactionLogTableWrapper{background:0 0;border-radius:10px;width:100%;margin-bottom:16px;overflow-x:auto}.transactionLogTable{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%;min-width:0;overflow:hidden}.transactionLogTable th{text-align:center;vertical-align:middle;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);box-sizing:border-box;background:#fff;padding:16px 14px;font-size:12px;font-weight:800}.transactionLogTable td{text-align:center;vertical-align:middle;color:#334155;box-sizing:border-box;word-break:break-word;background:#fff;border-bottom:1px solid #0f172a0f;height:76px;padding:16px 14px;font-size:13px;line-height:1.6}.transactionLogTable tbody tr:hover td{background:#64748b0f}.transactionLogTable th:first-child,.transactionLogTable td:first-child{text-align:center;width:16%;min-width:150px}.transactionLogTable th:nth-child(2),.transactionLogTable td:nth-child(2){text-align:center;width:14%;min-width:130px}.transactionLogTable th:nth-child(3),.transactionLogTable td:nth-child(3){text-align:left;width:30%;min-width:280px}.transactionLogTable th:nth-child(4),.transactionLogTable td:nth-child(4){text-align:center;width:12%;min-width:110px}.transactionLogTable th:nth-child(5),.transactionLogTable td:nth-child(5){text-align:center;width:10%;min-width:90px}.transactionLogTable th:nth-child(6),.transactionLogTable td:nth-child(6){text-align:center;width:11%;min-width:110px}.transactionLogTable th:nth-child(7),.transactionLogTable td:nth-child(7){text-align:center;width:7%;min-width:70px;padding-right:12px}.transactionLogTable td:nth-child(3){text-overflow:ellipsis;white-space:normal;word-break:break-word;overflow:hidden}.transactionStatus{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.statusSuccess{color:#166534;background:#16653414}.statusPending{color:#1d4ed8;background:#3b82f61f}.statusFailed{color:#b91c1c;background:#fecaca66}.transactionActionButton{color:#334155;cursor:pointer;background:#fffffff0;border:1px solid #94a3b847;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.transactionActionButton:hover{background:#fff;border-color:#94a3b870;transform:translateY(-2px)}.transactionLogPagination{justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;display:flex}.paginationButton{color:#334155;cursor:pointer;min-width:36px;height:36px;font-size:12px;font-weight:700;font-family:var(--font-sans);background:#fffffff0;border:1px solid #94a3b847;border-radius:8px;padding:0 12px;transition:background-color .2s,border-color .2s}.paginationButton:hover:not(:disabled){background:#fff;border-color:#94a3b866}.paginationButton.active{color:#0f172a;background:#2563eb24;border-color:#2563eb80}@media (width<=1200px){.transactionLogControls{gap:10px}.transactionSearch{flex:100%;min-width:100%}.transactionFilters{gap:8px}.transactionFilters>button,.transactionClearButton{height:36px;padding:0 12px;font-size:12px}}@media (width<=768px){.transactionLogCard{padding:16px}.transactionLogTable th,.transactionLogTable td{padding:10px 8px;font-size:12px}.transactionLogTable th{font-size:10px}.transactionFilters>button,.transactionClearButton{height:34px;padding:0 10px;font-size:11px}.transactionActionButton{width:34px;height:34px}}.reportCardsSection{flex-direction:column;gap:16px;display:flex}.reportCardsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.reportCard{background:#fff;border:1px solid #2563eb59;border-radius:6px;padding:12px 24px}.reportCardHeader{align-items:center;gap:12px;margin-bottom:16px;display:flex}.reportCardIcon{width:38px;height:38px;color:var(--blue-strong);border-radius:50%;place-items:center;display:grid}.reportCardIconAccent{color:#1d4ed8;background:#f8e3ca}.reportCardIconAccentBlue{color:#e06a26;background:#fbe8d2}.reportCardIconAccentGold,.reportCardIconAccentPeach{background:#2563eb14}.reportCardLabel{color:var(--text-secondary);font-size:.95rem;font-weight:600}.reportCardValue{color:#0f172a;margin-bottom:10px;font-size:2rem;font-weight:700}.reportCardNote{color:#7a5b43;font-size:.92rem}@media (width<=960px){.reportCardsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.reportCardsGrid{grid-template-columns:1fr}}.reportFilterSection{flex-direction:column;gap:16px;display:flex}.reportFilterContainer{background:0 0;border:0;border-radius:0;padding:0}.reportFilterTitle{margin-bottom:10px}.reportFilterTitle h3{color:#0f172a;letter-spacing:.04em;margin:0 0 6px;font-size:1rem;font-weight:800}.reportFilterTitle p{color:#475569;margin:0;font-size:.92rem;line-height:1.5}.reportFilterGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.filterField{flex-direction:column;gap:8px;padding:0;display:flex}.filterField label{text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin:0;font-size:.72rem;font-weight:700}.filterInput:not(.adminHoverSelect){color:#0f172a;text-overflow:ellipsis;background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:100%;min-height:34px;padding:0 14px;font-size:.82rem;font-weight:700;transition:border-color .2s,background-color .2s,box-shadow .2s;overflow:hidden}.filterInput:not(.adminHoverSelect)::-webkit-datetime-edit-year-field{opacity:1}.filterInput:not(.adminHoverSelect)::-moz-placeholder{opacity:1}.filterInput:not(.adminHoverSelect):hover{border-color:#93c5fd}.filterInput:not(.adminHoverSelect):focus{background:#fff;border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px #2563eb14}.filterDateInput{font-family:var(--font-sans)}.filterSelect.adminHoverSelect{width:100%;min-width:0;height:34px}.filterSelect.adminHoverSelect .adminHoverSelectButton{font-size:.82rem}@media (width<=1280px){.reportFilterGrid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=1000px){.reportFilterGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=768px){.reportFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.reportFilterSection{padding:16px 18px}}@media (width<=480px){.reportFilterGrid{grid-template-columns:1fr}.reportFilterTitle h3{font-size:.92rem}.reportFilterTitle p{font-size:.86rem}}.coursesTabContent{width:100%}.coursesChartsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (width<=1200px){.coursesChartsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.coursesChartsGrid{grid-template-columns:1fr}}.userTrendChartCard{gap:16px;padding:20px 24px;display:grid}.courseProgressChartCard{gap:16px;padding:20px 24px;display:grid}.revenueChartCard{gap:16px;padding:20px 24px;display:grid}.voucherChartCard{gap:16px;padding:20px 24px;display:grid}.chartCardBadgePurple{color:#7c3aed;background:#ede9fe}.dashboardTabContent{gap:20px;display:grid}.dashboardChartsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=1024px){.dashboardChartsGrid{grid-template-columns:1fr}}.chartCard{padding:20px}.instructorsTabContent{width:100%}.instructorsChartsGrid,.instructorsCardsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.instructorsCardsGrid{margin-top:24px}.instructorInfoCard{padding:20px}.instructorCardHeader{align-items:center;gap:14px;margin-bottom:20px;display:flex}.instructorCardIcon{color:#fff;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.iconOrange{background:#f59e0b}.iconGreen{background:#10b981}.iconPurple{background:#818cf8}.instructorCardTitle{color:#111827;font-size:16px;font-weight:700}.instructorCardList{gap:18px;display:grid}.instructorCardRow{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.instructorCardName{color:#111827;font-weight:700}.instructorCardMeta{color:#64748b;margin-top:4px;font-size:13px}.instructorCardValue{white-space:nowrap;color:#111827;font-weight:700}@media (width<=1200px){.instructorsChartsGrid,.instructorsCardsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.instructorsChartsGrid,.instructorsCardsGrid{grid-template-columns:1fr}}.learningChartCard,.learningInfoCard{padding:24px}.chartCardBadgeGreen{background:#10b981}.learningTabContent{width:100%}.learningChartsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (width<=1200px){.learningChartsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.learningChartsGrid{grid-template-columns:1fr}}.revenueChartCard{padding:24px}.chartCardBadgeBlue{background:#2563eb}.voucherChartCard{padding:24px}.chartCardHeader{justify-content:space-between;gap:14px;margin-bottom:22px;display:flex}.chartCardLabel{color:#64748b;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:12px}.chartCardBadge{color:#fff;border-radius:999px;padding:8px 14px;font-size:12px}.chartCardBadgeOrange{background:#f59e0b}.chartContainer{min-height:260px}.revenueTabContent{gap:24px;display:grid}.revenueChartsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (width<=900px){.revenueChartsGrid{grid-template-columns:1fr}}.newUsersChartCard{gap:16px;padding:20px 24px;display:grid}.activeUsersChartCard{gap:16px;padding:20px 24px;display:grid}.chartCardBadgeBlue{color:#2563eb;background:#dbeafe}.chartContainer{width:100%;height:280px;position:relative}.chartContainer canvas{display:block}.roleDistributionChartCard{gap:16px;padding:20px 24px;display:grid}.doughnutChartContainer{grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}.doughnutChart{width:100%;height:240px;position:relative}.doughnutChart canvas{display:block}.doughnutStats{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.statItem{text-align:center}.statLabel{color:#8b9dc3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600}.statValue{color:#0f172a;font-size:2.2rem;font-weight:700}@media (width<=768px){.doughnutChartContainer{grid-template-columns:1fr}.doughnutChart{height:200px}}.conversionChartCard{gap:16px;padding:20px 24px;display:grid}.chartCardHeader{justify-content:space-between;align-items:flex-start;display:flex}.chartCardLabel{color:#8b9dc3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.85rem;font-weight:600}.chartCardTitle{color:#0f172a;font-size:1.05rem;font-weight:700}.chartCardBadge{color:#1d4ed8;background:#2563eb;border-radius:4px;padding:4px 10px;font-size:.85rem;font-weight:600}.chartCardBadgeGreen{color:#059669;background:#d1fae5}.horizontalChartContainer{width:100%;height:240px;position:relative}.horizontalChartContainer canvas{display:block}.usersTabContent{gap:20px;display:grid}.usersChartsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=1024px){.usersChartsGrid{grid-template-columns:1fr}}.reportChartsSection{gap:20px;display:grid}.reportChartsHeader h2{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.reportChartsTabNav{padding:0}.tabNavContainer{flex-wrap:wrap;gap:0;display:flex}.tabNavButton{color:#6f553f;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;min-width:140px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s}.tabNavButton:hover{color:var(--blue-dark);background:#2563eb1a}.tabNavButton.active{color:var(--blue-strong);border-bottom-color:var(--blue-strong)}.reportChartsContent{gap:20px;display:grid}.tabContent{text-align:center;color:#64748b;padding:40px;font-size:1.1rem}@media (width<=960px){.tabNavButton{min-width:110px;padding:10px 12px;font-size:.88rem}}@media (width<=640px){.tabNavContainer{flex-direction:column}.tabNavButton{min-width:unset;border-bottom:1px solid #2563eb33;border-left:2px solid #0000}.tabNavButton.active{border-bottom-color:#0000;border-left-color:var(--blue-strong)}}.reportsPage{width:100%;min-height:100%}.reportsPageInner{gap:24px;max-width:1180px;margin:0 auto;padding:24px 0;display:grid}.vouchersPage{border-radius:6px}.voucherChartsRow{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin-top:18px;display:grid}.voucherChartColumn{min-width:0}.voucherModalBackdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.voucherModal{background:#fff;border-radius:14px;width:min(980px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #0f172a47}@media (width<=900px){.voucherChartsRow{grid-template-columns:1fr}}.voucherCardsRow{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.voucherCardItem{background:#fff;border:1px solid #e5ba7040;border-radius:6px;flex-direction:column;grid-column:span 12;gap:12px;min-height:148px;padding:16px;display:flex;box-shadow:0 12px 28px #2563eb14}.voucherCardHeader{align-items:center;gap:12px;display:flex}.voucherCardIcon{color:#b97309;background:#2563eb1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.voucherCardLabel{color:#7c5a2c;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.voucherCardValue{color:#0f172a;margin:0;font-size:26px;font-weight:500;line-height:1.1}.voucherCardNote{color:#64748b;margin:0;font-size:13px;line-height:1.6}.accentGold .voucherCardIcon{color:var(--blue-strong);background:#2563eb2e}.accentGreen .voucherCardIcon{color:#15803d;background:#22c55e2e}.accentRed .voucherCardIcon{color:#b91c1c;background:#fecdd34d}.accentBlue .voucherCardIcon{color:#1d4ed8;background:#60a5fa38}.accentPurple .voucherCardIcon{color:#6d28d9;background:#a78bfa38}.accentOrange .voucherCardIcon{color:var(--blue-strong);background:#ffb02d38}@media (width>=1200px){.voucherCardItem{grid-column:span 2}}@media (width>=900px) and (width<=1199px){.voucherCardItem{grid-column:span 4}}@media (width<=899px){.voucherCardItem{grid-column:span 6}}@media (width<=620px){.voucherCardItem{grid-column:span 12}}.voucherChartSection{background:0 0;border-radius:0;flex-direction:column;gap:14px;min-height:320px;padding:18px;display:flex}.voucherChartHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:0;display:flex}.voucherChartTitle{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:500}.voucherChartSubtitle{color:#64748b;margin:0;font-size:13px;line-height:1.7}.voucherChartLegend{flex-wrap:wrap;gap:14px;display:flex}.voucherChartLegendItem{color:#334155;align-items:center;gap:8px;font-size:13px;display:flex}.voucherChartLegendDot{border-radius:999px;width:10px;height:10px;display:inline-block}.voucherChartCanvasWrapper{width:100%;min-height:240px;max-height:280px;position:relative}.voucherChartCanvasWrapper canvas{width:100%!important;height:100%!important}.voucherChartStatus{color:#64748b;background:#ffffffb8;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.voucherChartStatusError{color:#dc2626}.voucherCampaignChartSection{background:0 0;border-radius:0;flex-direction:column;gap:14px;min-height:320px;margin-bottom:0;padding:18px;display:flex}.voucherCampaignChartHeader{margin-bottom:0}.voucherCampaignChartTitle{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:500}.voucherCampaignChartSubtitle{color:#64748b;margin:0;font-size:13px;line-height:1.7}.voucherCampaignChartCanvasWrapper{width:100%;min-height:240px;max-height:280px;position:relative}.voucherCampaignChartCanvasWrapper canvas{width:100%!important;height:100%!important}.voucherCampaignChartSummary{color:#64748b;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.voucherCampaignChartSummary strong{color:#0f172a;font-weight:700}.voucherTableSection{width:100%;margin-top:22px}.voucherTableHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.voucherTableTitle{color:#111827;margin:0;font-size:18px;font-weight:500}.voucherTableSubtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.voucherTableCount{color:#475569;white-space:nowrap;font-size:13px}.voucherTableControls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.voucherSearchInput{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:0 0 300px;width:100%;max-width:300px;padding:10px 14px;font-size:13px}.voucherSearchInput:focus{border-color:#7a3efa;outline:none;box-shadow:0 0 0 3px #f973161a}.voucherStatusSelect{min-width:130px;height:40px;margin-left:auto}.voucherCreateBtn{color:#047857;cursor:pointer;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s}.voucherCreateBtn:hover{background:#d1fae5;border-color:#059669}.voucherTableWrapper{background:0 0;border-radius:10px;width:100%;margin-bottom:0;overflow-x:auto}.voucherTable{border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #0f172a0f;border-radius:10px;width:100%;min-width:900px;overflow:hidden}.voucherTable th,.voucherTable td{text-align:center;vertical-align:middle;border-bottom:1px solid #0f172a0f;height:64px;padding:14px 12px;line-height:1.45}.voucherTable th:first-child,.voucherTable td:first-child,.voucherTable th:nth-child(2),.voucherTable td:nth-child(2){text-align:left}.voucherTable th:first-child,.voucherTable td:first-child{width:13%;padding-left:18px}.voucherTable th:nth-child(2),.voucherTable td:nth-child(2){width:18%}.voucherTable th:nth-child(3),.voucherTable td:nth-child(3),.voucherTable th:nth-child(4),.voucherTable td:nth-child(4),.voucherTable th:nth-child(5),.voucherTable td:nth-child(5),.voucherTable th:nth-child(6),.voucherTable td:nth-child(6){width:14%}.voucherTable th:last-child,.voucherTable td:last-child{width:13%}.voucherTable th{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;background:#fff;font-size:12px;font-weight:800}.voucherTable td{color:#475569;font-size:13px}.voucherTable tbody tr{background:#fff}.voucherTable tbody tr:last-child td{border-bottom:none}.voucherBadge{border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.voucherBadge.active{color:#047857;background:#ecfdf5}.voucherBadge.expired{color:var(--blue-strong);background:#fef3c7}.voucherActions{justify-content:center;align-items:center;gap:8px;display:flex}.voucherActionBtn{cursor:pointer;width:38px;height:38px;color:var(--blue-dark);background:#fff;border:1px solid #2563eb1f;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.voucherActionBtn:hover{background:#2563eb1f;border-color:#2563eb38;transform:translateY(-1px)}.paginationButton{min-width:42px;color:var(--text-secondary);cursor:pointer;background-color:#f8fafc;border:1px solid #2563eb38;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:border-color .2s,background-color .2s,transform .2s}.paginationButton:hover:not(:disabled){border-color:var(--blue-primary);background-color:#2563eb1f}.paginationButton--active{background-color:var(--blue-primary);color:#0f172a;border-color:var(--blue-primary)}.paginationButton:disabled{opacity:.45;cursor:not-allowed}.voucherTablePagination{justify-content:flex-end;align-items:center;gap:8px;padding:16px 0 0;display:flex}.voucherPaginationBtn{color:#111827;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:12px;min-width:38px;padding:8px 12px;font-size:13px;transition:all .2s}.voucherPaginationBtn--active{color:#fff;background:#2563eb;border-color:#2563eb}.voucherPaginationBtn:disabled{opacity:.45;cursor:not-allowed}@media (width<=768px){.voucherTableControls{flex-direction:column;width:100%}.voucherSearchInput,.voucherStatusSelect,.voucherCreateBtn{width:100%}.voucherTable{min-width:100%}}.voucherHistorySection{width:100%;margin-top:22px}.voucherHistoryHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.voucherHistoryTitleIcon{align-items:center;gap:12px;display:flex}.voucherHistoryIcon{color:#1d4ed8;flex-shrink:0;width:22px;height:22px}.voucherHistoryTitle{color:#111827;margin:0;font-size:18px;font-weight:500}.voucherHistorySubtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.voucherHistoryCount{color:#475569;white-space:nowrap;font-size:13px}.voucherHistoryControls{align-items:center;gap:12px;margin-bottom:22px;display:flex}.voucherHistorySearchInput{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:200px;padding:10px 14px;font-size:13px}.voucherHistorySearchInput:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px #f973161a}.voucherHistoryTableWrapper{background:0 0;border-radius:10px;width:100%;margin-bottom:0;overflow-x:auto}.voucherHistoryTable{border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #0f172a0f;border-radius:10px;width:100%;min-width:1000px;overflow:hidden}.voucherHistoryTable th,.voucherHistoryTable td{text-align:center;vertical-align:middle;border-bottom:1px solid #0f172a0f;height:62px;padding:14px 12px;line-height:1.45}.voucherHistoryTable th:first-child,.voucherHistoryTable td:first-child,.voucherHistoryTable th:nth-child(2),.voucherHistoryTable td:nth-child(2){text-align:left}.voucherHistoryTable th:first-child,.voucherHistoryTable td:first-child{width:13%;padding-left:18px}.voucherHistoryTable th:nth-child(2),.voucherHistoryTable td:nth-child(2){width:22%}.voucherHistoryTable th:nth-child(3),.voucherHistoryTable td:nth-child(3){width:16%}.voucherHistoryTable th:nth-child(4),.voucherHistoryTable td:nth-child(4),.voucherHistoryTable th:nth-child(5),.voucherHistoryTable td:nth-child(5),.voucherHistoryTable th:nth-child(6),.voucherHistoryTable td:nth-child(6){width:12%}.voucherHistoryTable th:last-child,.voucherHistoryTable td:last-child{width:17%}.voucherHistoryTable th{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;background:#fff;font-size:12px;font-weight:800}.voucherHistoryTable td{color:#475569;font-size:13px}.voucherHistoryTable tbody tr:last-child td{border-bottom:none}.voucherHistoryLoading,.voucherHistoryError,.voucherHistoryEmpty{height:86px;font-weight:600;text-align:center!important}.voucherHistoryLoading,.voucherHistoryEmpty{color:#64748b}.voucherHistoryError{color:#dc2626}.voucherHistoryCode{color:var(--blue-strong);background:#fef3c7;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.voucherHistoryDiscount{color:#10b981;font-weight:600}.voucherHistoryFinal{color:#111827;font-weight:600}.voucherHistoryPagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;display:flex}.voucherHistoryPaginationBtn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:36px;height:36px;padding:0 12px;font-size:13px;font-weight:600;transition:all .2s}.voucherHistoryPaginationBtn:hover:not(:disabled){color:#2563eb;border-color:#2563eb}.voucherHistoryPaginationBtn--active{color:#fff;background:#2563eb;border-color:#2563eb}.voucherHistoryPaginationBtn:disabled{cursor:not-allowed;opacity:.5}@media (width<=768px){.voucherHistoryHeader{flex-direction:column;align-items:flex-start}.voucherHistoryControls,.voucherHistorySearchInput{width:100%}.voucherHistoryTable{min-width:100%}.voucherHistoryPagination{justify-content:flex-start}}.voucherCreateSection{margin-top:22px;padding:22px}.voucherCreateSection--modal{margin-top:0}.voucherCreateHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.voucherCreateTitleRow{align-items:center;gap:10px;display:flex}.voucherCreateIcon{width:42px;height:42px;color:var(--blue-strong);background:#2563eb1a;border-radius:14px;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.voucherCreateTitle{color:#111827;margin:0;font-size:20px;font-weight:700}.voucherCreateSubtitle{color:#64748b;max-width:560px;margin:6px 0 0;font-size:14px}.voucherCreateCloseBtn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.voucherCreateCloseBtn:hover{color:#111827;background:#f8fafc;border-color:#cbd5e1}.voucherCreateContent{grid-template-columns:minmax(0,1fr) 374px;align-items:stretch;gap:24px;display:grid}.voucherCreateFormCard,.voucherCreateSummaryCard{background:var(--blue-pale);border:1px solid #2563eb4d;border-radius:18px;padding:24px}.voucherCreateSummaryCard{flex-direction:column;display:flex}.voucherCreateFormRow{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.voucherCreateFormRow--single{grid-template-columns:1fr 1fr}.voucherCreateFormRow--single .voucherCreateLabel{grid-column:1/2}.voucherCreateLabel{color:#1e293b;flex-direction:column;gap:8px;font-size:13px;display:flex}.voucherInputGroup{align-items:center;display:flex;position:relative}.voucherInputPrefix{color:#6b7280;font-size:14px;position:absolute;left:14px}.voucherCreateInput{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:46px;padding:0 14px;font-size:14px}.voucherCreateCurrencyInput{padding-left:30px}.voucherCreateInput:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f973161f}.voucherCreateAmountInputWrap{align-items:center;display:flex;position:relative}.voucherCreateAmountInput{padding-right:56px}.voucherCreateAmountInputWrap span{color:#475569;pointer-events:none;font-size:14px;font-weight:800;position:absolute;right:16px}.voucherCreateActions{gap:12px;margin-top:6px;display:flex}.voucherCreateSubmitBtn,.voucherCreateCancelBtn{cursor:pointer;border:none;border-radius:12px;min-height:46px;padding:0 22px;font-size:14px;font-weight:700}.voucherCreateSubmitBtn{background:var(--blue-primary);color:#0f172a}.voucherCreateSubmitBtn:hover{filter:brightness(.95)}.voucherCreateCancelBtn{color:#475569;background:0 0;border:1px solid #e5e7eb}.voucherCreateSummaryHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.voucherCreateSummaryLabel{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:13px}.voucherCreateSummaryCode{max-width:150px;color:var(--blue-strong);text-overflow:ellipsis;white-space:nowrap;background:#2563eb14;border-radius:999px;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.voucherCreateSummaryTitle{color:#111827;margin:6px 0 0;font-size:18px;font-weight:800;line-height:1.25}.voucherCreatePreviewBox{background:#fff;border:1px solid #2563eb29;border-radius:16px;gap:6px;margin-bottom:18px;padding:18px;display:grid}.voucherCreatePreviewBox span,.voucherCreatePreviewBox small{color:#64748b;font-size:12px;font-weight:700}.voucherCreatePreviewBox strong{color:#1d4ed8;font-size:28px;font-weight:900;line-height:1.1}.voucherCreateSummaryItem{color:#334155;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.voucherCreateSummaryItem strong{color:#111827}@media (width<=980px){.voucherCreateContent{grid-template-columns:1fr}}.adminCategoryPage{box-sizing:border-box;width:100%;min-width:0}.adminCategoryContent{box-sizing:border-box;flex-direction:column;gap:7px;width:100%;min-width:0;display:flex}.adminCategoryHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.adminCategoryHeader h1{color:#0f172a;margin:0;font-size:22px;font-weight:700}.adminCategoryHeader p{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.5}.adminCategoryCreateButton{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.adminCategoryStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.adminCategoryStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 14px 34px #0f172a12}.adminCategoryStatIcon{color:#1d4ed8;background:#dbeafe;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.adminCategoryStatCard strong{color:#0f172a;font-size:22px;font-weight:800;display:block}.adminCategoryStatCard p,.adminCategoryStatCard small{color:#64748b;margin:0;line-height:1.35;display:block}.adminCategoryStatCard p{font-size:13px;font-weight:700}.adminCategoryStatCard small{margin-top:4px;font-size:12px}.adminCategoryFilters{background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:0;display:flex}.adminCategoryFilters>input,.adminCategoryFilters>button{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:7px;height:40px;font-size:13px;font-weight:600}.adminCategoryFilters>input{outline:none;flex:1;min-width:220px;padding:0 14px}.adminCategoryFilters>button{cursor:pointer;padding:0 14px}.adminCategoryFilters .adminCategoryCreateButton{color:#fff;white-space:nowrap;background:#1d4ed8;border-color:#1d4ed8;flex:none;margin-left:auto}.adminCategoryFilterSelect{min-width:122px}.adminCategoryError{color:#c2410c;background:#c2410c0f;border:1px solid #c2410c3d;border-radius:6px;margin:0;padding:12px 14px;font-size:13px;font-weight:700}.adminCategoryModalForm>.adminCategoryError{grid-column:1/-1}.adminCategoryTableCard{background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;overflow-x:auto;box-shadow:0 14px 34px #0f172a12}.adminCategoryTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:980px}.adminCategoryTable th,.adminCategoryTable td{color:#334155;text-align:center;vertical-align:middle;border-bottom:1px solid #0f172a0f;height:64px;padding:16px 18px;font-size:13px;line-height:1.45}.adminCategoryTable th:nth-child(2),.adminCategoryTable td:nth-child(2),.adminCategoryTable th:nth-child(3),.adminCategoryTable td:nth-child(3){text-align:left}.adminCategoryTable th:first-child,.adminCategoryTable td:first-child{width:13%}.adminCategoryTable th:nth-child(2),.adminCategoryTable td:nth-child(2){width:22%}.adminCategoryTable th:nth-child(3),.adminCategoryTable td:nth-child(3){width:18%}.adminCategoryTable th:nth-child(4),.adminCategoryTable td:nth-child(4){width:10%}.adminCategoryTable th:nth-child(5),.adminCategoryTable td:nth-child(5),.adminCategoryTable th:nth-child(6),.adminCategoryTable td:nth-child(6),.adminCategoryTable th:nth-child(7),.adminCategoryTable td:nth-child(7){width:12%}.adminCategoryTable th{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;background:#eff6ff;font-size:12px;font-weight:900}.adminCategoryTable tbody tr:last-child td{border-bottom:0}.adminCategoryEmpty{color:#64748b;height:72px;font-size:14px;font-weight:700;text-align:center!important}.adminCategoryStatus{border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.adminCategoryStatus--active{color:#047857;background:#ecfdf5}.adminCategoryStatus--hidden{color:#475569;background:#f1f5f9}.adminCategoryActions{justify-content:center;align-items:center;gap:8px;display:flex}.adminCategoryActions button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.adminCategoryPagination{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:14px 18px;display:flex}.adminCategoryPageButton{border:1px solid var(--border-soft);min-width:44px;min-height:38px;color:var(--text-main);cursor:pointer;background:#fff;border-radius:10px;padding:0 16px;font-size:12px;font-weight:700}.adminCategoryPageButton:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.adminCategoryPageButton:disabled{opacity:.45;cursor:not-allowed}.adminCategoryPageButton--active{background:linear-gradient(135deg, var(--blue-primary) 0%, var(--blue-strong) 100%);color:#050505;border-color:#93c5fd}.adminCategoryModalBackdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.adminCategoryModal{background:#fff;border-radius:14px;width:min(680px,100%);max-height:calc(100vh - 48px);padding:22px;overflow-y:auto;box-shadow:0 24px 70px #0f172a47}.adminCategoryModalHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.adminCategoryModalHeader h2{color:#0f172a;margin:0;font-size:20px;font-weight:800}.adminCategoryModalHeader p{color:#64748b;margin:6px 0 0;font-size:13px;line-height:1.5}.adminCategoryModalEyebrow{color:#64748b;letter-spacing:.18em;margin:0 0 6px;font-size:12px;font-weight:900}.adminCategoryModalClose{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.adminCategoryModalForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.adminCategoryModalForm label{color:#334155;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.adminCategoryModalForm input,.adminCategoryModalForm select,.adminCategoryModalForm textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:13px}.adminCategoryModalForm input,.adminCategoryModalForm select{min-height:42px;padding:0 12px}.adminCategoryModalForm select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.adminCategoryModalForm textarea{resize:vertical;padding:12px}.adminCategoryModalFieldWide{grid-column:1/-1}.adminCategoryModalActions{grid-column:1/-1;justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.adminCategoryModalCancel,.adminCategoryModalSubmit{cursor:pointer;border-radius:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:700}.adminCategoryModalCancel{color:#475569;background:#fff;border:1px solid #e5e7eb}.adminCategoryModalSubmit{color:#fff;background:#1d4ed8;border:1px solid #1d4ed8}.adminCategoryModalSubmit:disabled{opacity:.65;cursor:not-allowed}.adminCategoryDetailModal{background:#fff;border-radius:16px;width:min(760px,100%);max-height:calc(100vh - 48px);padding:24px;overflow-y:auto;box-shadow:0 24px 70px #0f172a47}.adminCategoryDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.adminCategoryDetailRow{background:#eff6ff;border:1px solid #2563eb33;border-radius:7px;grid-template-columns:minmax(116px,.48fr) minmax(0,1fr);align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:grid}.adminCategoryDetailRow span{color:#334155;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:900}.adminCategoryDetailInput{color:#0f172a;text-align:right;box-sizing:border-box;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:inherit;font-size:13px;font-weight:800}.adminCategoryDetailInput--readonly{color:#64748b;cursor:default}.adminCategoryDetailInput:focus{color:#1d4ed8}.adminCategoryDetailRowWide{grid-column:1/-1}.adminCategoryDetailRow select.adminCategoryDetailInput{appearance:none;cursor:pointer;text-align:right}.adminCategoryConfirmModal{text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);padding:28px 24px 24px;display:flex;box-shadow:0 24px 70px #0f172a47}.adminCategoryConfirmIcon{color:#ea580c;background:#fff7ed;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:inline-flex}.adminCategoryConfirmModal h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.adminCategoryConfirmModal p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.adminCategoryConfirmActions{justify-content:flex-end;gap:12px;width:100%;margin-top:8px;display:flex}.adminCategoryConfirmDelete{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #dc2626;border-radius:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:700}.adminCategoryConfirmDelete:disabled{opacity:.65;cursor:not-allowed}@media (width<=1100px){.adminCategoryHero{grid-template-columns:220px minmax(0,1fr);padding-right:220px}.adminCategoryStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.adminCategoryContent{padding:12px 0 20px}.adminCategoryHero{grid-template-columns:1fr;gap:14px;padding-right:0}.adminCategoryHeroBody{order:-1}.adminCategoryHeroImageWrap{height:132px}.adminCategoryHeroBody h1{font-size:26px}.adminCategoryHeader,.adminCategoryFilters{flex-direction:column;align-items:stretch}.adminCategoryFilters .adminCategoryCreateButton{width:100%;margin-left:0}.adminCategoryStats{grid-template-columns:1fr}.adminCategoryPageButton{flex:auto}.adminCategoryModalForm,.adminCategoryDetailGrid,.adminCategoryDetailRow{grid-template-columns:1fr}.adminCategoryDetailInput{text-align:left}.adminCategoryModalActions{flex-direction:column-reverse}.adminCategoryModalCancel,.adminCategoryModalSubmit{width:100%}}.adminTagPage{box-sizing:border-box;width:100%;min-width:0}.adminTagContent{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;min-width:0;display:flex}.adminTagCreateButton{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.adminTagStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.adminTagStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 14px 34px #0f172a12}.adminTagStatIcon{color:#1d4ed8;background:#dbeafe;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.adminTagStatCard strong{color:#0f172a;font-size:22px;font-weight:800;display:block}.adminTagStatCard p,.adminTagStatCard small{color:#64748b;margin:0;line-height:1.35;display:block}.adminTagStatCard p{font-size:13px;font-weight:700}.adminTagStatCard small{margin-top:4px;font-size:12px}.adminTagFilters{align-items:center;gap:12px;display:flex}.adminTagFilters>input{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:7px;outline:none;flex:1;min-width:220px;height:40px;padding:0 14px;font-size:13px;font-weight:600}.adminTagFilterSelect{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;outline:none;height:40px;padding:0 12px;font-size:13px;font-weight:600}.adminTagFilters .adminTagCreateButton{white-space:nowrap;flex:none;margin-left:auto}.adminTagError{color:#c2410c;background:#c2410c0f;border:1px solid #c2410c3d;border-radius:6px;margin:0;padding:12px 14px;font-size:13px;font-weight:700}.adminTagTableCard{background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;overflow-x:auto;box-shadow:0 14px 34px #0f172a12}.adminTagTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:700px}.adminTagTable th,.adminTagTable td{color:#334155;text-align:center;vertical-align:middle;border-bottom:1px solid #0f172a0f;height:64px;padding:16px 18px;font-size:13px;line-height:1.45}.adminTagTable th:nth-child(2),.adminTagTable td:nth-child(2),.adminTagTable th:nth-child(3),.adminTagTable td:nth-child(3){text-align:left}.adminTagTable th:first-child,.adminTagTable td:first-child{width:13%}.adminTagTable th:nth-child(2),.adminTagTable td:nth-child(2){width:26%}.adminTagTable th:nth-child(3),.adminTagTable td:nth-child(3){width:22%}.adminTagTable th:nth-child(4),.adminTagTable td:nth-child(4){width:12%}.adminTagTable th:nth-child(5),.adminTagTable td:nth-child(5){width:14%}.adminTagTable th:nth-child(6),.adminTagTable td:nth-child(6){width:13%}.adminTagTable th{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;background:#eff6ff;font-size:12px;font-weight:900}.adminTagTable tbody tr:last-child td{border-bottom:0}.adminTagEmpty{color:#64748b;height:72px;font-size:14px;font-weight:700;text-align:center!important}.adminTagStatus{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.adminTagStatus--active{color:#15803d;background:#dcfce7}.adminTagStatus--hidden{color:#64748b;background:#f1f5f9}.adminTagActions{justify-content:center;align-items:center;gap:8px;display:flex}.adminTagActions button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.adminTagPagination{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;padding:14px 18px;display:flex}.adminTagPageButton{border:1px solid var(--border-soft);min-width:44px;min-height:38px;color:var(--text-main);cursor:pointer;background:#fff;border-radius:10px;padding:0 16px;font-size:12px;font-weight:700}.adminTagPageButton:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.adminTagPageButton:disabled{opacity:.45;cursor:not-allowed}.adminTagPageButton--active{background:linear-gradient(135deg, var(--blue-primary) 0%, var(--blue-strong) 100%);color:#050505;border-color:#93c5fd}.adminTagModalBackdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.adminTagModal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:22px;overflow-y:auto;box-shadow:0 24px 70px #0f172a47}.adminTagModalHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.adminTagModalHeader h2{color:#0f172a;margin:0;font-size:20px;font-weight:800}.adminTagModalHeader p{color:#64748b;margin:6px 0 0;font-size:13px;line-height:1.5}.adminTagModalClose{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.adminTagModalForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.adminTagModalFieldWide{grid-column:1/-1}.adminTagModalForm label{color:#334155;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.adminTagModalForm input,.adminTagModalForm select{color:#0f172a;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 12px;font-family:inherit;font-size:13px}.adminTagModalActions{grid-column:1/-1;justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.adminTagModalCancel,.adminTagModalSubmit{cursor:pointer;border-radius:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:700}.adminTagModalCancel{color:#475569;background:#fff;border:1px solid #e5e7eb}.adminTagModalSubmit{color:#fff;background:#1d4ed8;border:1px solid #1d4ed8}.adminTagModalSubmit:disabled{opacity:.65;cursor:not-allowed}.adminTagConfirmModal{text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);padding:28px 24px 24px;display:flex;box-shadow:0 24px 70px #0f172a47}.adminTagConfirmModal h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.adminTagConfirmModal p{color:#64748b;margin:0;font-size:13px;line-height:1.55}.adminTagConfirmIcon{color:#ea580c;background:#fff7ed;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:inline-flex}.adminTagConfirmActions{gap:12px;margin-top:8px;display:flex}.adminTagConfirmDelete{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #dc2626;border-radius:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:700}.adminTagConfirmDelete:disabled{opacity:.65;cursor:not-allowed}@media (width<=900px){.adminTagStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.adminTagStats{grid-template-columns:1fr}.adminTagFilters{flex-direction:column;align-items:stretch}.adminTagFilters .adminTagCreateButton{width:100%;margin-left:0}.adminTagModalForm{grid-template-columns:1fr}.adminTagModalActions{flex-direction:column-reverse}.adminTagModalCancel,.adminTagModalSubmit{width:100%}.adminTagConfirmActions{flex-direction:column-reverse;width:100%}.adminTagModalCancel,.adminTagConfirmDelete{width:100%}}.adminDataPage{box-sizing:border-box;width:100%;min-width:0}.adminDataContent{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;min-width:0;display:flex}.adminDataHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.adminDataHeader h1{color:#0f172a;margin:0;font-size:22px;font-weight:800}.adminDataHeader p{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.5}.adminDataHeaderAction{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex}.adminDataStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.adminDataStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 14px 34px #0f172a12}.adminDataStatIcon{color:#1d4ed8;background:#dbeafe;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.adminDataStatCard strong{color:#0f172a;font-size:22px;font-weight:900;display:block}.adminDataStatCard p,.adminDataStatCard small{color:#64748b;margin:0;line-height:1.35;display:block}.adminDataStatCard p{font-size:13px;font-weight:800}.adminDataStatCard small{margin-top:4px;font-size:12px}.adminDataFilters{background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:0;display:flex}.adminDataFilters>input,.adminDataFilters>button{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:7px;height:40px;font-size:13px;font-weight:700}.adminDataFilters>input{outline:none;flex:1;min-width:220px;padding:0 14px}.adminDataFilters>button{cursor:pointer;padding:0 14px}.adminDataFilters>.adminHoverSelect{width:235px;min-width:188px}.adminDataTableCard{background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;overflow-x:auto;box-shadow:0 14px 34px #0f172a12}.adminDataTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1040px}.adminDataTable th,.adminDataTable td{color:#334155;text-align:center;vertical-align:middle;border-bottom:1px solid #0f172a0f;height:66px;padding:16px 18px;font-size:13px;line-height:1.45}.adminDataTable th{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;background:#eff6ff;font-size:12px;font-weight:900}.adminDataTable tbody tr:last-child td{border-bottom:0}.adminDataTable .adminDataCellLeft{text-align:left}.adminDataTextStrong{color:#0f172a;font-weight:800;display:block}.adminDataTextMuted{color:#64748b;margin-top:4px;font-size:12px;display:block}.adminDataStatus{border-radius:999px;justify-content:center;align-items:center;min-width:76px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.adminDataStatus--visible,.adminDataStatus--paid,.adminDataStatus--resolved,.adminDataStatus--approved,.adminDataStatus--read{color:#047857;background:#ecfdf5}.adminDataStatus--hidden,.adminDataStatus--pending,.adminDataStatus--reviewing,.adminDataStatus--new{color:#1d4ed8;background:#eff6ff}.adminDataStatus--reported,.adminDataStatus--failed,.adminDataStatus--rejected,.adminDataStatus--locked{color:#dc2626;background:#fef2f2}.adminDataStatus--warning{color:#c2410c;background:#fff7ed}.adminDataActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.adminDataIconButton,.adminDataTextButton{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #2563eb1f;border-radius:10px;justify-content:center;align-items:center;min-height:36px;font-size:12px;font-weight:800;display:inline-flex}.adminDataIconButton{width:36px;padding:0}.adminDataTextButton{padding:0 12px}.adminDataTextButton--primary{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.adminDataTextButton--danger{color:#dc2626;border-color:#dc26263d}@media (width<=1100px){.adminDataStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.adminDataContent{padding:12px 0 20px}.adminDataHeader,.adminDataFilters{flex-direction:column;align-items:stretch}.adminDataFilters>.adminHoverSelect{width:100%;min-width:0}.adminDataStats{grid-template-columns:1fr}}.violationReportsTable{min-width:760px}.violationReportsTable th,.violationReportsTable td{text-align:center;vertical-align:middle}.violationReportsTable th:first-child,.violationReportsTable td:first-child{width:20%}.violationReportsTable th:nth-child(2),.violationReportsTable td:nth-child(2){width:32%}.violationReportsTable th:nth-child(3),.violationReportsTable td:nth-child(3),.violationReportsTable th:nth-child(4),.violationReportsTable td:nth-child(4),.violationReportsTable th:nth-child(5),.violationReportsTable td:nth-child(5){width:16%}.violationReportsTable .adminDataActions{flex-wrap:nowrap;gap:8px}.teacher-topbar{z-index:20;background:0 0;flex:none;justify-content:space-between;align-items:center;gap:24px;padding:10px 24px;display:flex}.teacher-topbar__intro{flex-direction:column;gap:0;display:flex}.teacher-topbar__intro h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.85rem;font-weight:700!important}.teacher-topbar__intro p{color:#64748b;margin:0;font-size:.95rem;font-weight:400!important}.teacher-topbar__actions{align-items:center;gap:16px;display:flex}.teacher-topbar__btn{color:#071a33;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 4px 12px #0f172a08}.teacher-topbar__btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.teacher-topbar__badge{color:#fff;border:2px solid #f6f8fc;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.teacher-topbar__badge--red{background:#ef4444}.teacher-topbar__badge--blue{background:#2563eb}.teacher-notification-wrap{position:relative}.teacher-notification-dropdown{z-index:1300;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:340px;padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 48px #0f172a29}.teacher-notification-heading{color:#0f172a;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:4px 4px 10px;display:flex}.teacher-notification-heading span{color:#64748b;font-size:12px;font-weight:700}.teacher-notification-list{gap:6px;max-height:340px;margin:0;padding-top:10px;list-style:none;display:grid;overflow-y:auto}.teacher-notification-list li{cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:auto 1fr;gap:10px;padding:10px;transition:background .2s;display:grid}.teacher-notification-list li:hover{background:#eff6ff}.teacher-notification-list li.is-unread{background:#f8fafc}.teacher-notification-list li>span{background:0 0;border-radius:999px;width:8px;height:8px;margin-top:6px}.teacher-notification-list li.is-unread>span{background:#2563eb}.teacher-notification-list strong{color:#0f172a;font-size:14px}.teacher-notification-list p{color:#64748b;margin:3px 0 0;font-size:13px;line-height:1.4}.teacher-notification-list small{color:#94a3b8;margin-top:4px;font-size:11px;display:block}.teacher-notification-empty{text-align:center;color:#94a3b8;cursor:default;padding:20px 10px;font-size:13px;display:block}.teacher-notification-empty:hover{background:0 0}.teacher-profile-menu{position:relative}.teacher-profile{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.teacher-profile img{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:38px;height:38px}.teacher-profile span{color:#0f172a;font-size:.95rem;font-weight:600}.teacher-profile svg{color:#64748b;transition:transform .2s}.teacher-profile:hover svg{color:#0f172a;transform:translateY(1px)}.teacher-profile-dropdown{z-index:1300;opacity:0;visibility:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:260px;padding:12px;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px);box-shadow:0 24px 48px #0f172a29}.teacher-profile-menu:hover>.teacher-profile-dropdown,.teacher-profile-menu:focus-within>.teacher-profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.teacher-profile-dropdown__card{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:4px 4px 12px;display:flex}.teacher-profile-dropdown__card img{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:40px;height:40px}.teacher-profile-dropdown__card div{flex-direction:column;display:flex}.teacher-profile-dropdown__card strong{color:#0f172a;font-size:14px}.teacher-profile-dropdown__card span{color:#64748b;font-size:12px}.teacher-profile-dropdown__list{gap:2px;margin:0;padding:8px 0 0;list-style:none;display:grid}.teacher-profile-dropdown__list button{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 8px;font-size:.9rem;font-weight:500;transition:background .15s;display:flex}.teacher-profile-dropdown__list button:hover{background:#f1f5f9}.teacher-profile-dropdown__list button.is-danger{color:#dc2626}.teacher-profile-dropdown__list button.is-danger:hover{background:#fef2f2}@media (width<=760px){.teacher-topbar{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.teacher-topbar__actions{justify-content:space-between;width:100%}}.teacher-shell{color:#26354f;background:#f6f8fc;grid-template-columns:250px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.teacher-workspace{min-width:0;height:100vh;font-family:var(--font-sans);flex-direction:column;font-size:16px;display:flex;overflow:hidden}.teacher-main{flex:auto;min-height:0;padding:0 24px 24px;overflow:hidden auto}@media (width<=1080px){.teacher-shell{grid-template-columns:96px minmax(0,1fr)}}@media (width<=760px){.teacher-shell{height:auto;min-height:100vh;display:block;overflow:visible}.teacher-main{padding-inline:16px}.teacher-workspace{height:auto;overflow:visible}.teacher-main{overflow:visible}}.teacher-main :where(p,span,small,em,label,input,textarea,select,td,th,li){font-weight:400!important}.teacher-main :where(h1,h2,h3,h4,h5,h6,strong,b,button,a){font-weight:500!important}.teacher-main :where(.teacher-page__header,.teacher-courses-summary-card,.teacher-course-table,.teacher-students-panel,.teacher-analytics-header,.teacher-analytics-stat,.teacher-analytics-panel,.teacher-revenue-metric,.teacher-revenue-panel,.teacher-revenue-summary,.teacher-revenue-payout-card,.teacher-promotion-card,.teacher-promotion-modal__panel,.teacher-qa-inbox,.teacher-qa-thread,.teacher-qa-detail-card,.teacher-qa-progress-card){background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;box-shadow:0 14px 34px #0f172a12!important}.teacher-main :where(.teacher-course-table__head,.teacher-students-table-head,.teacher-revenue-transactions thead tr){color:#0f172a!important;background:#eff6ff!important;font-weight:900!important}.teacher-main :where(.teacher-course-table__head span,.teacher-students-table-head span,.teacher-revenue-transactions th){color:#494949!important;font-weight:700!important}.teacher-main :where(.teacher-course-row,.teacher-student-row,.teacher-analytics-course-row,.teacher-revenue-transactions td){color:#334155;background:#fff;font-weight:500!important}.teacher-main :where(.teacher-metric__heading p,.teacher-courses-summary-card small,.teacher-revenue-metric span,.teacher-analytics-stat small){font-family:var(--font-sans);letter-spacing:0;text-transform:none;white-space:nowrap;line-height:1.15;color:#0000ad!important;font-size:21px!important;font-weight:900!important}.teacher-main :where(.teacher-revenue-metric .teacher-revenue-sparkline,.teacher-revenue-metric .teacher-revenue-mini-bars){display:none!important}.teacher-main :where(.teacher-revenue-metric){grid-template-columns:46px minmax(0,1fr)!important}.teacher-main :where(.teacher-analytics-stat){grid-template-columns:auto minmax(0,1fr)!important}.teacher-main :where(.teacher-courses-summary){grid-template-columns:repeat(5,minmax(0,1fr))!important}.teacher-main :where(.teacher-courses-summary-card){align-items:center;min-width:0;overflow:hidden;grid-template-columns:58px minmax(0,1fr)!important}.teacher-main :where(.teacher-courses-summary-card>div:last-child){min-width:0;overflow:hidden}.teacher-main :where(.teacher-courses-summary-card small){text-overflow:clip;max-width:100%;display:block;overflow:hidden;font-size:clamp(18px,1.2vw,21px)!important}.teacher-main :where(.teacher-courses-summary-card strong){text-overflow:ellipsis;max-width:100%;overflow:hidden}.teacher-main :where(.teacher-metric strong,.teacher-courses-summary-card strong,.teacher-revenue-metric strong,.teacher-analytics-stat strong){font-family:var(--font-sans);font-weight:900!important}.teacher-main :where(.teacher-analytics-panel__header,.teacher-analytics-course-head){box-shadow:none!important;background:0 0!important}.teacher-main :where(.teacher-analytics-course-head span){color:#434343!important;font-weight:800!important}.teacher-main :where(.teacher-analytics-stat small){line-height:1.12;font-size:19px!important}.teacher-main:has(.teacher-overview){background:#f8fafc}.teacher-overview{--overview-ink:#0f172a;--overview-muted:#64748b;--overview-soft:#f8fafc;--overview-line:#e2e8f0;--overview-primary:#2563eb;color:var(--overview-ink);gap:10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.overview-hero{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.overview-hero__content{gap:14px;display:grid}.overview-hero h1{color:#020617;letter-spacing:0;margin:0;font-size:32px;font-weight:700;line-height:1.15}.overview-hero p{color:var(--overview-muted);margin:8px 0 0;font-size:15px;line-height:1.5}.overview-hero__insights{flex-wrap:wrap;gap:10px;display:flex}.overview-hero__insights span{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.overview-header-actions{align-items:center;gap:12px;display:flex}.overview-header-actions button{border:1px solid var(--overview-line);color:#334155;background:#fff;border-radius:14px;height:44px;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s;box-shadow:0 10px 26px #0f172a0d}.overview-header-actions>button:not(.overview-profile-menu){justify-content:center;align-items:center;width:44px;display:inline-flex;position:relative}.overview-header-actions button:hover,.overview-action:hover,.overview-course:hover,.overview-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a12}.overview-header-actions button[aria-label=Notifications] span{color:#fff;background:#0663ff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-6px;right:-6px}.overview-profile-menu{align-items:center;gap:10px;padding:0 12px 0 8px;display:inline-flex}.overview-profile-menu img{object-fit:cover;border-radius:50%;width:32px;height:32px}.overview-profile-menu strong{color:#0f172a;font-size:14px;font-weight:600}.overview-card,.overview-success{border:1px solid var(--overview-line);background:#fff;border-radius:10px;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 6px 18px #0f172a0b}.overview-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.overview-metric{grid-template-rows:auto auto auto 1fr;min-height:130px;padding:16px 16px 16px 18px;display:grid;overflow:hidden}.overview-metric__sub{color:var(--overview-muted);margin-top:4px;font-size:12px;font-weight:500}.overview-delta{align-items:center;gap:4px;margin-top:4px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.overview-delta--up{color:#059669}.overview-delta--down{color:#dc2626}.overview-courses-dots{flex-wrap:wrap;gap:6px 10px;margin-top:6px;display:flex}.overview-courses-dot{color:var(--overview-muted);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.overview-courses-dot i{border-radius:999px;flex-shrink:0;width:7px;height:7px}.overview-metric__heading{align-items:center;gap:10px;min-width:0;display:flex}.overview-metric__heading span{width:32px;height:32px;color:var(--tone);background:var(--tone-soft);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.overview-metric__heading p{color:#0044e4;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;line-height:1.3;overflow:hidden;font-weight:600!important}.overview-panel__title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.overview-panel__divider{border:none;border-top:1px solid var(--overview-line);margin:12px 0 0}.overview-panel__title{color:#0044e4;margin:0;font-size:19px;font-weight:600;line-height:1.3}.overview-panel__title-row a,.overview-success a{color:var(--overview-primary);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.overview-metric strong{color:#020617;align-items:baseline;gap:8px;margin-top:4px;font-size:32px;line-height:1;display:flex}.overview-metric strong small,.overview-revenue strong small{color:var(--overview-muted);font-size:13px;font-weight:500}.overview-metric em,.overview-revenue em{color:#00c11f;margin-top:4px;font-size:12px;font-style:normal;font-weight:600}.overview-sparkline{align-self:end;width:100%;height:48px;margin-top:10px;overflow:visible}.overview-sparkline__line{fill:none;stroke:var(--tone);stroke-linecap:round;stroke-width:2.8px}.overview-sparkline__fill{fill:var(--tone);opacity:.08}.overview-sparkline circle{fill:var(--tone);stroke:#fff;stroke-width:2px}.overview-tone-blue{--tone:#2563eb;--tone-soft:#dbeafe}.overview-tone-gold{--tone:#f59e0b;--tone-soft:#fef3c7}.overview-tone-green{--tone:#10b981;--tone-soft:#d1fae5}.overview-tone-violet{--tone:#8b5cf6;--tone-soft:#ede9fe}.overview-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,340px);align-items:start;gap:16px;display:grid}.overview-dashboard-grid>:first-child{grid-area:1/1}.overview-dashboard-grid>:nth-child(2){grid-area:1/2}.overview-dashboard-grid>:nth-child(3){grid-area:1/3/span 3}.overview-dashboard-grid>:nth-child(4){grid-area:2/1/auto/span 2}.overview-dashboard-grid>:nth-child(5){grid-area:3/1/auto/span 2;align-self:stretch}.overview-revenue,.overview-courses,.overview-enrollments,.overview-sidebar-panel{min-width:0;padding:11px 10px 10px 15px}.overview-courses{overflow-x:auto}.overview-sidebar{gap:16px;min-width:0;display:grid}.overview-revenue strong{color:#020617;align-items:baseline;gap:10px;margin-top:12px;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;line-height:1;display:flex}.overview-revenue__chart{grid-template-rows:160px auto;grid-template-columns:36px minmax(0,1fr);gap:8px 10px;margin-top:20px;display:grid;position:relative}.overview-revenue__axis{color:#94a3b8;align-content:space-between;font-size:12px;font-weight:500;display:grid}.overview-revenue__chart svg{width:100%;height:160px;overflow:visible}.overview-revenue__chart svg line{stroke:#dbe3ef;stroke-dasharray:5 5}.overview-revenue__chart svg circle{fill:var(--overview-primary);stroke:#fff;stroke-width:4px}.overview-revenue__tooltip{border:1px solid var(--overview-line);color:#64748b;background:#fff;border-radius:14px;gap:4px;padding:10px 14px;font-size:12px;display:grid;position:absolute;top:22px;right:15%;box-shadow:0 16px 32px #0f172a17}.overview-revenue__tooltip b{color:#0f172a;font-size:13px;font-weight:700}.overview-revenue__months{color:#94a3b8;grid-column:2;justify-content:space-between;font-size:12px;font-weight:500;display:flex}.overview-enrollment strong{color:#0f172a;font-size:14px;font-weight:600;display:block}.overview-enrollment p,.overview-success p{color:var(--overview-muted);margin:4px 0 0;font-size:14px;line-height:1.45}.overview-attention__list{gap:14px;margin-top:16px;display:grid}.overview-attention{grid-template-columns:32px minmax(0,1fr);gap:12px;display:grid}.overview-attention__icon{width:32px;height:32px;color:var(--attn);background:var(--attn-soft);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.overview-attention--red{--attn:#dc2626;--attn-soft:#fee2e2}.overview-attention--gold{--attn:#c2410c;--attn-soft:#ffedd5}.overview-attention--violet{--attn:#8b5cf6;--attn-soft:#ede9fe}.overview-attention--blue{--attn:#2563eb;--attn-soft:#dbeafe}.overview-attention strong{color:#0f172a;font-size:13px;font-weight:700;display:block}.overview-attention p{color:var(--overview-muted);margin:3px 0 6px;font-size:12px;line-height:1.4}.overview-attention a{color:var(--attn);align-items:center;gap:4px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.overview-status-grid{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.overview-status-chip{border:1px solid var(--overview-line);border-radius:12px;flex:130px;align-items:center;gap:8px;padding:8px 10px;display:flex}.overview-status-chip__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.overview-status-chip strong{color:#0f172a;font-size:12px;font-weight:600;display:block}.overview-status-chip span{color:var(--overview-muted);font-size:15px;font-weight:700}.overview-course-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:480px;margin-top:16px}.overview-course-table th{border-bottom:1px solid var(--overview-line);color:#94a3b8;text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:0 10px 10px;font-size:11px;font-weight:700}.overview-course-table td{border-bottom:1px solid var(--overview-line);vertical-align:middle;padding:12px 10px}.overview-course-table tr:last-child td{border-bottom:none}.overview-course-table__course{align-items:center;gap:12px;min-width:0;display:flex}.overview-course-table__course>div{min-width:0}.overview-course-table__course img{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.overview-course-table__course strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.overview-course-table__course span{color:var(--overview-muted);font-size:12px}.overview-course-table__rating{color:var(--overview-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.overview-course-table__stars{color:#f59e0b;letter-spacing:1px;font-size:13px}.overview-course-table__completion{color:#0f172a;gap:4px;min-width:90px;font-size:12px;font-weight:600;display:grid}.overview-progress{background:#e2e8f0;border-radius:999px;width:100%;height:5px;overflow:hidden}.overview-progress__bar{background:#10b981;border-radius:999px;height:100%}.overview-enrollments__list{gap:18px;margin-top:20px;display:grid}.overview-enrollment{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;display:grid}.overview-enrollment img{object-fit:cover;border-radius:50%;width:42px;height:42px}.overview-enrollment time{color:#94a3b8;white-space:nowrap;font-size:12px;font-weight:500}.overview-enrollment>span{color:#059669;background:#d1fae5;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}@media (width<=1440px){.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-dashboard-grid>:nth-child(3){grid-area:4/1/auto/-1}.overview-dashboard-grid>:nth-child(4){grid-area:2/1/auto/-1}.overview-dashboard-grid>:nth-child(5){grid-area:3/1/auto/-1}}@media (width<=900px){.teacher-main:has(.teacher-overview){padding:18px}.overview-hero{flex-direction:column}.overview-header-actions{justify-content:flex-start;width:100%}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-dashboard-grid{grid-template-columns:1fr}.overview-dashboard-grid>*{grid-area:auto/1!important}.overview-enrollment{grid-template-columns:auto minmax(0,1fr)}.overview-enrollment time,.overview-enrollment>span{grid-column:2}}@media (width<=560px){.overview-card{border-radius:16px}.overview-revenue,.overview-courses,.overview-enrollments,.overview-sidebar-panel,.overview-metric{padding:18px}.overview-hero h1{font-size:28px}.overview-panel__title-row{flex-direction:column;align-items:flex-start}.overview-revenue__chart{grid-template-columns:32px minmax(0,1fr)}.overview-revenue__months{font-size:11px}}@media (width<=1320px){.teacher-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-courses-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,1fr))}.teacher-courses-create,.teacher-courses-view-toggle{width:fit-content}.teacher-course-table{overflow-x:auto}.teacher-course-table__head,.teacher-course-row{min-width:1120px}}@keyframes cdm-spin{to{transform:rotate(360deg)}}@media (width<=640px){.cdm__stats-grid{grid-template-columns:repeat(2,1fr)}.cdm__learn-list{grid-template-columns:1fr}.cdm__rating-summary{flex-direction:column}}@media (width<=760px){.teacher-summary,.teacher-courses-toolbar{grid-template-columns:1fr}.teacher-courses-create,.teacher-courses-view-toggle{width:100%}.teacher-courses-view-toggle button{flex:1}}.teacher-create-page{color:#071a33;display:grid}.teacher-create-page__top{grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:44px;display:grid}.teacher-create-page__top a,.teacher-create-page__top>button{color:#475569;border-radius:7px;align-items:center;gap:7px;min-height:32px;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.teacher-create-page__top>button{color:#071a33;background:#fff;border:1px solid #e2e8f0;padding:0 14px}.teacher-create-stepper{justify-content:center;align-items:center;gap:18px;min-width:0;display:flex;overflow-x:auto}.teacher-create-stepper__item{color:#64748b;white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.teacher-create-stepper__item:not(:last-child):after{content:"";background:#e2e8f0;width:18px;height:1px}.teacher-create-stepper__item span{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:900;display:inline-flex}.teacher-create-stepper__item strong{font-size:.76rem;font-weight:900}.teacher-create-stepper__item--active{color:#071a33}.teacher-create-stepper__item--active span{color:#fff;background:#1d4ed8}.teacher-create-step{gap:10px;display:grid}.teacher-create-step__bar{justify-content:space-between;align-items:center;gap:14px;display:flex}.teacher-create-step__heading h1{color:#071a33;font-family:var(--font-sans);font-size:clamp(1.35rem,1.7vw,1.65rem);font-weight:800;line-height:1.2}.teacher-create-step__heading p{color:#475569;margin-top:4px;font-size:.86rem;font-weight:700}.teacher-create-card{background:#fffffff5;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 14px 34px #0f172a12}.teacher-course-info-card{grid-template-columns:300px minmax(0,1fr);gap:15px;padding:15px;display:grid}.teacher-course-info-card__main,.teacher-create-list-card{gap:10px;display:grid}.teacher-create-field{gap:4px;display:grid}.teacher-create-field span,.teacher-create-list-card h2,.teacher-section-editor h2,.teacher-publish-settings h2,.teacher-course-summary h2,.teacher-next-card h2{color:#404040;font-size:.82rem;font-weight:700!important}.teacher-create-field input,.teacher-create-field select,.teacher-create-list-card input,.teacher-rich-toolbar,.teacher-create-field textarea{color:#071a33;width:100%;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:7px;font-size:.84rem;font-weight:700}.teacher-create-field input,.teacher-create-field select,.teacher-create-list-card input{height:36px;padding:0 12px}.teacher-create-field textarea{resize:vertical;min-height:92px;padding:12px}.teacher-create-field small{color:#94a3b8;justify-self:end;font-size:.72rem;font-weight:800}.teacher-create-field--wide{grid-column:1/-1}.teacher-rich-toolbar{color:#475569;align-items:center;gap:14px;height:34px;padding:0 10px;display:flex}.teacher-rich-toolbar button{color:#475569;background:0 0;border:0;font-size:.78rem;font-weight:800}.teacher-create-form-grid,.teacher-create-list-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.teacher-create-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-create-list-card{border:1px solid #e2e8f0;border-radius:9px;padding:12px}.teacher-create-list-card button,.teacher-add-section,.teacher-add-lesson{color:#1d4ed8;background:#eff6ff;border:1px dashed #93c5fd;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:32px;font-size:.78rem;font-weight:900;display:inline-flex}.teacher-add-section{padding:5px 10px}.teacher-create-actions{justify-content:space-between;gap:10px;display:flex}.teacher-create-actions button,.teacher-preview-student-button{color:#071a33;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 16px;font-size:.82rem;font-weight:900;display:inline-flex}.teacher-create-actions button:last-child{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.teacher-curriculum-layout,.teacher-preview-layout,.teacher-publish-layout{grid-template-columns:280px minmax(0,1fr);gap:10px;display:grid}.teacher-section-list,.teacher-section-editor{padding:12px}.teacher-section-list{align-content:start;gap:8px;display:grid}.teacher-section-card{color:#475569;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;display:grid}.teacher-section-card--active{background:#eff6ff;border-color:#93c5fd}.teacher-section-card small,.teacher-section-card em{color:#6a6a6a;font-size:.68rem;font-style:normal;display:block;font-weight:600!important}.teacher-section-card strong{color:#071a33;font-size:.9rem;display:block}.teacher-section-editor{gap:10px;display:grid}.teacher-section-editor__top{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.teacher-section-editor__top>button{color:#ef4444;background:#fee2e2;border:0;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:10px;font-size:.78rem;font-weight:900;display:inline-flex}.teacher-lesson-builder-list{gap:8px;display:grid}.teacher-lesson-builder-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:auto auto minmax(0,1fr) auto auto auto auto auto;align-items:center;gap:10px;min-height:58px;padding:0 10px;display:grid}.teacher-lesson-builder-row__icon{color:#1d4ed8;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.teacher-lesson-builder-row strong{color:#071a33;font-size:.84rem}.teacher-lesson-builder-row small{color:#475569;gap:7px;font-size:.74rem;font-weight:700;display:flex}.teacher-lesson-builder-row__video-tag{color:#1d4ed8;background:#dbeafe;border-radius:4px;padding:2px 8px}.teacher-lesson-resource-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.teacher-lesson-resource-list li{color:#166534;background:#dcfce7;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.teacher-lesson-resource-list li button{color:#166534;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:inline-flex}.teacher-lesson-resource-list li button:hover{background:#bbf7d0}.teacher-lesson-builder-row__type-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;min-width:100px;height:30px;padding:0 8px;font-size:.78rem;font-weight:600}.teacher-lesson-builder-row__type-select:focus{outline-offset:1px;outline:2px solid #3b82f6}.teacher-lesson-builder-row em{color:#22c55e;background:#dcfce7;border-radius:999px;padding:5px 8px;font-size:.7rem;font-style:normal;font-weight:900}.teacher-lesson-builder-row button{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:30px;height:30px}.teacher-lesson-builder-row button input[type=file]{display:none}.teacher-lesson-builder-row__delete{color:#ef4444!important;background:#fee2e2!important;border-color:#fecaca!important}.teacher-curriculum-tip{color:#1d4ed8;background:#eff6ff;border:1px dashed #93c5fd;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:.8rem;display:flex;font-weight:600!important}.teacher-preview-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.teacher-student-preview,.teacher-preview-curriculum{overflow:hidden}.teacher-student-preview__media{background:#071a33;height:320px;position:relative}.teacher-student-preview__media img{object-fit:cover;opacity:.82;width:100%;height:100%}.teacher-student-preview__media>button{color:#fff;background:#071a33c7;border:0;border-radius:50%;width:64px;height:64px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.teacher-student-preview__media div{color:#fff;background:#071a33d1;justify-content:space-between;align-items:center;min-height:42px;padding:0 14px;font-size:.78rem;font-weight:800;display:flex;position:absolute;bottom:0;left:0;right:0}.teacher-student-preview__body{padding:14px}.teacher-student-preview__body h2{color:#071a33;font-family:var(--font-sans);font-size:1.2rem}.teacher-student-preview__body p{color:#475569;margin-top:6px;font-size:.86rem;font-weight:700}.teacher-student-preview__meta,.teacher-student-preview__body nav{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;display:flex}.teacher-student-preview__meta span{color:#475569;align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:inline-flex}.teacher-student-preview__body nav button{color:#475569;background:0 0;border:0;border-bottom:2px solid #0000;font-size:.78rem;font-weight:900}.teacher-student-preview__body nav button:first-child{color:#1d4ed8;border-color:#1d4ed8}.teacher-preview-curriculum{padding:14px}.teacher-preview-curriculum header{justify-content:space-between;align-items:center;display:flex}.teacher-preview-curriculum h2{color:#071a33;font-family:var(--font-sans);font-size:1.1rem}.teacher-preview-curriculum header button{color:#475569;background:0 0;border:0;font-size:.76rem;font-weight:900}.teacher-preview-curriculum details{border-bottom:1px solid #e2e8f0;margin-top:12px;padding-bottom:10px}.teacher-preview-curriculum summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;list-style:none;display:flex}.teacher-preview-curriculum summary strong{color:#071a33;flex:1;font-size:.84rem}.teacher-preview-curriculum summary>span{color:#475569;flex-shrink:0;font-size:.74rem;font-weight:800}.teacher-preview-lesson{color:#475569;align-items:flex-start;gap:6px;margin-top:9px;font-size:.78rem;font-weight:800;display:flex}.teacher-preview-lesson svg{color:#64748b;flex-shrink:0;margin-top:2px}.teacher-publish-layout{grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);align-items:start}.teacher-publish-left{align-content:start;gap:10px;display:grid}.teacher-course-summary,.teacher-next-card,.teacher-publish-settings{padding:15px}.teacher-course-summary h2,.teacher-next-card h2{margin:0}.teacher-course-summary>div{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;margin-top:10px;display:grid}.teacher-course-summary img{object-fit:cover;border-radius:8px;width:100%;height:84px}.teacher-course-summary strong{color:#071a33;font-family:var(--font-sans);font-size:1rem;display:block}.teacher-course-summary small{color:#475569;align-items:center;gap:5px;margin:8px 12px 0 0;font-size:.76rem;font-weight:800;display:inline-flex}.teacher-next-card{align-content:start;gap:8px;display:grid}.teacher-next-card p{color:#475569;align-items:center;gap:9px;margin:0;font-size:.82rem;font-weight:800;display:flex}.teacher-next-card svg{color:#22c55e}.teacher-publish-settings{gap:14px;display:grid}.teacher-radio-group{gap:8px;display:grid}.teacher-radio-group h3{color:#071a33;font-size:.86rem}.teacher-radio-card{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.teacher-radio-card--active{background:#eff6ff;border-color:#93c5fd}.teacher-radio-card strong,.teacher-radio-card small{display:block}.teacher-radio-card strong{color:#071a33;font-size:.84rem}.teacher-radio-card small{color:#475569;margin-top:3px;font-size:.74rem;font-weight:700}.teacher-publish-button{color:#fff;background:#1d4ed8;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}@media (width<=1180px){.teacher-create-page__top,.teacher-course-info-card,.teacher-curriculum-layout,.teacher-preview-layout,.teacher-publish-layout,.teacher-create-form-grid,.teacher-create-list-grid{grid-template-columns:1fr}.teacher-create-stepper{justify-content:flex-start}}@media (width<=760px){.teacher-create-step__bar,.teacher-create-actions{flex-direction:column;align-items:stretch}.teacher-create-step__bar{display:grid}.teacher-lesson-builder-row,.teacher-section-editor__top,.teacher-course-summary>div{grid-template-columns:1fr}.teacher-student-preview__media{height:220px}}@keyframes teacher-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.teacher-upload-box{align-content:center;place-items:center;gap:6px;min-height:150px;display:grid;position:relative}.teacher-upload-box input[type=file]{display:none}.teacher-upload-box__trigger{color:#475569;text-align:center;cursor:pointer;background:#eff6ff;border:1px dashed #93c5fd;border-radius:9px;align-content:center;place-items:center;gap:6px;width:100%;height:100%;min-height:150px;display:grid}.teacher-upload-box__trigger strong{color:#071a33;font-size:.86rem}.teacher-upload-box__trigger span,.teacher-upload-box__trigger small{font-size:.72rem;font-weight:700}.teacher-upload-box__loading{color:#1d4ed8;flex-direction:column;align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:flex}.teacher-upload-box__preview-wrapper{border-radius:8px;width:100%;position:relative;overflow:hidden}.teacher-upload-box__preview-actions{opacity:0;background:#071a338c;justify-content:center;align-items:center;gap:6px;transition:opacity .15s;display:flex;position:absolute;inset:0}.teacher-upload-box__preview-wrapper:hover .teacher-upload-box__preview-actions{opacity:1}.teacher-upload-box__preview-actions button{color:#071a33;cursor:pointer;background:#ffffffeb;border:0;border-radius:5px;align-items:center;gap:5px;padding:5px 12px;font-size:.74rem;font-weight:900;display:inline-flex}.teacher-upload-box__remove{color:#fff!important;background:#dc2626e0!important;padding:5px!important}.teacher-upload-box__error{color:#ef4444;text-align:center;font-size:.72rem;font-weight:700}.teacher-upload-progress-bar{background:#e2e8f0;border-radius:99px;width:100px;height:5px;overflow:hidden}.teacher-upload-progress-bar--sm{width:60px;height:4px}.teacher-upload-progress-bar__fill{background:#1d4ed8;border-radius:99px;height:100%;transition:width .15s}.teacher-video-uploader{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.teacher-video-uploader__progress{color:#1d4ed8;align-items:center;gap:5px;display:flex}.teacher-video-uploader__pct{color:#1d4ed8;min-width:30px;font-size:.7rem;font-weight:800}.teacher-video-uploader__done{color:#22c55e;align-items:center;gap:5px;max-width:180px;font-size:.74rem;font-weight:700;display:flex}.teacher-video-uploader__name{text-overflow:ellipsis;white-space:nowrap;color:#071a33;max-width:90px;overflow:hidden}.teacher-video-uploader__duration{color:#475569;white-space:nowrap}.teacher-video-uploader__replace{flex-shrink:0;color:#475569!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:5px!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;padding:0!important;display:inline-flex!important}.teacher-video-uploader__error{color:#ef4444;max-width:140px;font-size:.68rem;font-weight:700}.teacher-resource-uploader{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.teacher-resource-queue{gap:3px;max-width:180px;margin:0;padding:0;list-style:none;display:grid}.teacher-resource-queue__item{color:#475569;align-items:center;gap:4px;font-size:.68rem;font-weight:700;display:flex}.teacher-resource-queue__item.--done{color:#22c55e}.teacher-resource-queue__item.--error{color:#ef4444}.teacher-resource-queue__name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.teacher-resource-queue__error{color:#ef4444;font-size:.66rem}.teacher-section-card__grip,.teacher-lesson-builder-row__grip{cursor:grab;color:#94a3b8;touch-action:none;flex-shrink:0;align-items:center;padding:2px;display:inline-flex}.teacher-section-card__grip:active,.teacher-lesson-builder-row__grip:active{cursor:grabbing}.teacher-section-card--dragging,.teacher-lesson-builder-row--dragging{background:#f8faff!important;border-color:#93c5fd!important;box-shadow:0 4px 18px #1d4ed81f!important}.teacher-create-stepper__item{cursor:default;text-align:left;background:0 0;border:none;padding:0;font-family:inherit}.teacher-create-stepper__item--complete span{color:#fff;background:#22c55e}.teacher-create-stepper__item--clickable{cursor:pointer}.teacher-create-stepper__item--clickable:hover span{color:#fff;background:#1d4ed8}.teacher-create-stepper__item--clickable:hover strong{color:#1d4ed8}.teacher-create-stepper__item:disabled{opacity:1}.teacher-preview-toolbar{justify-content:space-between;align-items:center;padding:6px 2px;display:flex}.teacher-preview-toolbar>span{color:#475569;font-size:.78rem;font-weight:900}.teacher-student-preview__desc{color:#475569;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:8px;font-size:.82rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.teacher-student-preview__price{color:#1d4ed8;margin-top:10px;font-size:1.3rem;font-weight:900}.teacher-student-preview__section{border-top:1px solid #f1f5f9;padding:12px 14px}.teacher-student-preview__section h3{color:#071a33;margin:0 0 8px;font-size:.84rem}.teacher-student-preview__section ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.teacher-student-preview__section ul li{color:#334155;align-items:flex-start;gap:6px;font-size:.78rem;font-weight:700;line-height:1.4;display:flex}.teacher-student-preview__section ul li svg{color:#22c55e;flex-shrink:0;margin-top:1px}.teacher-student-preview__requirements li{color:#334155;font-size:.78rem;font-weight:700;list-style:inside}.teacher-preview-curriculum h3{color:#071a33;font-family:var(--font-sans);margin:0 0 2px;font-size:1rem}.teacher-preview-curriculum__summary{color:#64748b;margin:0 0 10px;font-size:.74rem;font-weight:800}.teacher-preview-lesson span{color:#334155;font-size:.78rem;font-weight:700}.teacher-readiness-card{padding:15px}.teacher-readiness-card h2{margin:0 0 10px}.teacher-readiness-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.teacher-readiness-list li{align-items:center;gap:7px;font-size:.78rem;font-weight:800;display:flex}.teacher-readiness-list__item--ok{color:#16a34a}.teacher-readiness-list__item--missing{color:#dc2626}.teacher-readiness-card__warning{color:#713f12;background:#fef9c3;border-radius:6px;margin:10px 0 0;padding:8px 10px;font-size:.74rem;font-weight:800}.teacher-publish-button--warn{background:#f97316!important}.teacher-create-field__label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.teacher-create-field--error input,.teacher-create-field--error select,.teacher-create-field--error textarea{background:#fff5f5;border-color:#ef4444}.teacher-create-field__error{color:#ef4444;font-size:.72rem;font-weight:700}.teacher-create-actions button:disabled,.teacher-publish-button:disabled,.teacher-create-page__top>button:disabled{opacity:.55;cursor:not-allowed}.teacher-section-card--empty{border-left:3px solid #fca5a5}.teacher-section-card--empty strong{color:#dc2626;font-style:italic}.teacher-lesson-builder-row--empty{border-color:#fca5a5}.teacher-lesson-builder-row__empty-title{color:#dc2626;font-style:italic}.teacher-delete-confirm{white-space:nowrap;align-items:center;gap:5px;display:flex}.teacher-delete-confirm>span{color:#dc2626;font-size:.74rem;font-weight:700}.teacher-delete-confirm__yes,.teacher-delete-confirm__no{white-space:nowrap;border-radius:5px;min-height:28px;padding:0 10px;font-size:.74rem;font-weight:900;width:auto!important}.teacher-delete-confirm__yes{color:#fff;background:#dc2626;border:0}.teacher-delete-confirm__no{color:#475569;background:#fff;border:1px solid #e2e8f0}.teacher-section-editor__top .teacher-delete-confirm>button{color:#ef4444;background:#fee2e2;border:0;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:10px;font-size:.78rem;font-weight:900;display:inline-flex}.teacher-lesson-delete-confirm{align-items:center;gap:4px;display:flex}@media (width<=1320px){.teacher-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-courses-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,1fr))}.teacher-courses-create,.teacher-courses-view-toggle{width:fit-content}.teacher-course-table{overflow-x:auto}.teacher-course-table__head,.teacher-course-row{min-width:1120px}}@media (width<=640px){.cdm__stats-grid{grid-template-columns:repeat(2,1fr)}.cdm__learn-list{grid-template-columns:1fr}.cdm__rating-summary{flex-direction:column}}@media (width<=760px){.teacher-summary,.teacher-courses-toolbar{grid-template-columns:1fr}.teacher-courses-create,.teacher-courses-view-toggle{width:100%}.teacher-courses-view-toggle button{flex:1}}.teacher-promotions-page{gap:10px;display:grid}.teacher-promotions-toolbar{grid-template-columns:minmax(260px,1fr) 180px 180px;align-items:center;gap:8px;display:grid}.teacher-promotions-search,.teacher-promotions-toolbar select{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:7px;height:32px;box-shadow:0 8px 18px #0f172a0a}.teacher-promotions-search{align-items:center;gap:8px;padding:0 12px;display:flex}.teacher-promotions-search svg{color:#94a3b8;width:15px;height:15px}.teacher-promotions-search input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:.82rem;font-weight:700}.teacher-promotions-search__clear{color:#94a3b8;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.teacher-promotions-toolbar select{min-width:0;font:inherit;outline:0;padding:0 12px;font-size:.82rem;font-weight:700}.teacher-promotions-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.teacher-promotion-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-rows:156px minmax(0,1fr);min-width:0;height:330px;display:grid;overflow:hidden;box-shadow:0 14px 34px #0f172a12}.teacher-promotion-card h2{font-size:1.2rem;color:#00295e!important;font-weight:700!important}.teacher-promotion-card__media{background:#f1f5f9;height:156px;position:relative;overflow:hidden}.teacher-promotion-card__media img{object-fit:cover;width:100%;height:100%}.teacher-promotion-card__status{color:#475569;background:#ffffffeb;border-radius:7px;align-items:center;min-height:24px;padding:0 10px;font-size:.72rem;font-weight:900;display:inline-flex;position:absolute;top:12px;left:12px}.teacher-promotion-card__status--active{color:#22c55e;background:#dcfce7}.teacher-promotion-card__body{grid-template-rows:auto 1fr auto auto;gap:5px;padding:10px 12px 12px;display:grid}.teacher-promotion-card h2{color:#071a33;min-height:2.478rem;font-family:var(--font-sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:800;line-height:1.18;display:-webkit-box;overflow:hidden}.teacher-promotion-card p{color:#475569;align-items:center;gap:8px;margin:0;font-size:.85rem;display:flex}.teacher-promotion-card__price-row{flex-wrap:wrap;align-self:end;align-items:center;gap:8px;min-height:0;display:flex}.teacher-promotion-card__price-row strong{color:#313131;font-size:1.2rem;font-weight:700!important}.teacher-promotion-card__price-row del{color:#8b8b8b;font-size:.78rem}.teacher-promotion-card__price-row span{color:#ef4444;background:#fee2e2;border-radius:7px;align-items:center;min-height:22px;padding:0 8px;font-size:.68rem;font-weight:900;display:inline-flex}.teacher-promotion-card button{color:#1d4ed8;background:#fff;border:1px solid #93c5fd;border-radius:7px;justify-content:center;align-self:end;align-items:center;gap:8px;min-height:32px;margin-top:0;font-size:.78rem;font-weight:900;display:inline-flex}.teacher-promotion-card button:hover{background:#eff6ff}.teacher-promotion-modal{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071a3357;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.teacher-promotion-modal__panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 80px #0f172a33}.teacher-promotion-modal__header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:18px 20px 10px;display:grid}.teacher-promotion-modal__header h2{color:#071a33;font-family:var(--font-sans);font-size:1.35rem;font-weight:800;line-height:1.2}.teacher-promotion-modal__header p{color:#475569;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.82rem;font-weight:700;overflow:hidden}.teacher-promotion-modal__header>button{color:#64748b;background:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.teacher-promotion-modal__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px 20px 18px;display:grid}.teacher-promotion-modal__fields label,.teacher-promotion-modal__preview{gap:8px;display:grid}.teacher-promotion-modal__fields label span,.teacher-promotion-modal__preview span{color:#475569;font-size:.78rem;font-weight:800}.teacher-promotion-modal__fields input{color:#0f172a;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:7px;outline:0;padding:0 12px;font-size:.86rem;font-weight:800}.teacher-promotion-modal__fields input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.teacher-promotion-modal__date-input{color:#475569;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:0 12px;display:flex}.teacher-promotion-modal__date-input input{border:0;min-height:auto;padding:0}.teacher-promotion-modal__preview strong{color:#22c55e;font-size:1rem;font-weight:900}.teacher-promotion-modal__preview small{color:#475569;font-size:.76rem;font-weight:700}.teacher-promotion-modal__footer{grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 20px;display:grid}.teacher-promotion-modal__footer button{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:7px;min-height:40px;font-size:.86rem;font-weight:900}.teacher-promotion-modal__footer button:last-child{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.teacher-promotions-pagination{justify-content:center;align-items:center;gap:12px;padding:8px 0 4px;display:flex}.teacher-promotions-pagination button{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .2s,color .2s,transform .2s;display:inline-flex;box-shadow:0 4px 10px #0f172a0f}.teacher-promotions-pagination button:hover:not(:disabled){color:#1d4ed8;border-color:#93c5fd;transform:translateY(-1px)}.teacher-promotions-pagination button:disabled{opacity:.4;cursor:not-allowed}.teacher-promotions-pagination span{color:#475569;font-size:.82rem;font-weight:700}@media (width<=1320px){.teacher-promotions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1180px){.teacher-promotions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.teacher-promotions-toolbar,.teacher-promotions-grid,.teacher-promotion-modal__fields,.teacher-promotion-modal__footer{grid-template-columns:1fr}.teacher-promotion-card__media{height:180px}}.teacher-announcements-page{gap:18px;max-width:720px;display:grid}.teacher-announcement-form{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:12px;padding:18px;display:grid;box-shadow:0 14px 34px #0f172a12}.teacher-announcement-form h2{color:#0f172a;align-items:center;gap:8px;margin:0 0 4px;font-size:1rem;font-weight:800;display:flex}.teacher-announcement-form label{color:#475569;gap:6px;font-size:.8rem;font-weight:700;display:grid}.teacher-announcement-form select,.teacher-announcement-form input,.teacher-announcement-form textarea{color:#0f172a;border:1px solid #e2e8f0;border-radius:7px;padding:8px 12px;font-family:inherit;font-size:.85rem}.teacher-announcement-form textarea{resize:vertical}.teacher-announcement-form button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;justify-self:start;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:700;display:inline-flex}.teacher-announcement-form button:disabled{opacity:.6;cursor:not-allowed}.teacher-announcement-history h3{color:#0f172a;margin:0 0 10px;font-size:.9rem;font-weight:800}.teacher-announcement-empty{text-align:center;color:#64748b;border:1px dashed #e2e8f0;border-radius:10px;padding:24px 15px;font-size:.86rem;font-weight:600}.teacher-announcement-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:6px;margin-bottom:10px;padding:14px 16px;display:grid}.teacher-announcement-item header{justify-content:space-between;gap:10px;display:flex}.teacher-announcement-course{color:#1d4ed8;font-size:.75rem;font-weight:700}.teacher-announcement-date{color:#94a3b8;font-size:.72rem;font-weight:600}.teacher-announcement-item strong{color:#0f172a;font-size:.9rem}.teacher-announcement-item p{color:#334155;margin:0;font-size:.82rem;line-height:1.4}.teacher-announcement-recipients{color:#64748b;font-size:.72rem;font-weight:600}.teacher-announcement-pagination{justify-content:center;align-items:center;gap:12px;padding:12px 0 0;display:flex}.teacher-announcement-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.teacher-announcement-pagination button:disabled{opacity:.4;cursor:not-allowed}.teacher-announcement-pagination span{color:#475569;font-size:.78rem;font-weight:700}@media (width<=1320px){.teacher-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-courses-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,1fr))}.teacher-courses-create,.teacher-courses-view-toggle{width:fit-content}.teacher-course-table{overflow-x:auto}.teacher-course-table__head,.teacher-course-row{min-width:1120px}}@media (width<=640px){.cdm__stats-grid{grid-template-columns:repeat(2,1fr)}.cdm__learn-list{grid-template-columns:1fr}.cdm__rating-summary{flex-direction:column}}@media (width<=760px){.teacher-summary,.teacher-courses-toolbar{grid-template-columns:1fr}.teacher-courses-create,.teacher-courses-view-toggle{width:100%}.teacher-courses-view-toggle button{flex:1}}.teacher-students-page{gap:14px;display:grid}.teacher-students-header{justify-content:flex-end;align-items:center;gap:10px;display:flex}.teacher-students-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.teacher-students-search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:8px;width:min(280px,32vw);min-height:32px;padding:0 12px;display:flex;box-shadow:0 8px 18px #0f172a0a}.teacher-students-search svg{width:15px;height:15px}.teacher-students-search input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:.82rem;font-weight:700}.teacher-students-search input::placeholder{color:#94a3b8}.teacher-students-tools select{color:#475569;min-width:150px;height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;outline:0;padding:0 10px;font-size:.82rem;font-weight:700;box-shadow:0 8px 18px #0f172a0a}.teacher-students-tools select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.teacher-students-tools button{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .25s,color .25s,transform .25s;display:inline-flex;box-shadow:0 8px 18px #0f172a0a}.teacher-students-tools button svg{width:15px;height:15px}.teacher-students-tools button:hover{color:#1d4ed8;border-color:#93c5fd;transform:translateY(-1px)}.teacher-students-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:visible;box-shadow:0 14px 34px #0f172a12}.teacher-students-table-head,.teacher-student-row{grid-template-columns:minmax(210px,1.3fr) minmax(110px,.7fr) minmax(190px,1.2fr) minmax(120px,.8fr) minmax(140px,.9fr) minmax(120px,.8fr) 64px;align-items:center;column-gap:14px;display:grid}.teacher-students-table-head{color:#475569;letter-spacing:.08em;text-transform:uppercase;background:#f1f7ff;min-height:44px;padding:0 15px;font-size:.72rem;font-weight:900}.teacher-students-table-head span{text-align:center;justify-self:center;font-weight:700!important}.teacher-students-table-head span:first-child{text-align:left;justify-self:start}.teacher-student-row{color:#0f172a;border-top:1px solid #e2e8f0;min-height:86px;padding:0 15px;transition:background .25s}.teacher-student-row:hover{background:#eff6ff}.teacher-student-row>:nth-child(2),.teacher-student-row>:nth-child(3),.teacher-student-row>:nth-child(4),.teacher-student-row>:nth-child(5),.teacher-student-row>:nth-child(6){text-align:center;justify-self:center}.teacher-student-row__profile{align-items:center;gap:10px;min-width:0;display:flex}.teacher-student-row__profile img{object-fit:cover;border:3px solid #fff;border-radius:50%;flex:none;width:40px;height:40px;box-shadow:0 8px 18px #0f172a24}.teacher-student-row__profile strong{color:#071a33;font-family:var(--font-sans);text-transform:none;font-size:1.02rem;font-weight:800;line-height:1.25;display:block}.teacher-student-row__profile span{color:#475569;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.8rem;font-weight:700;display:block;overflow:hidden}.teacher-student-row__courses{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.teacher-student-row__courses span{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;min-height:24px;padding:0 12px;font-size:.72rem;display:inline-flex;font-weight:600!important}.teacher-student-row__date{color:#0f172a;font-size:.86rem;font-weight:600}.teacher-student-row__phone{color:#475569;font-size:.84rem;font-weight:700}.teacher-student-row__status{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:0 12px;font-size:.72rem;font-weight:800;display:inline-flex}.teacher-student-row__status--not_started{color:#475569;background:#f1f5f9}.teacher-student-row__status--in_progress{color:#1d4ed8;background:#dbeafe}.teacher-student-row__status--completed{color:#065f46;background:#d1fae5}.teacher-student-row__progress{gap:8px;display:grid}.teacher-student-row__progress strong{color:#0f172a;font-size:.86rem;font-weight:800}.teacher-student-row__progress div{background:#eef2f7;border-radius:999px;height:8px;overflow:hidden}.teacher-student-row__progress div span{border-radius:inherit;background:#1d4ed8;height:100%;display:block}.teacher-student-row__progress-bar--complete{background:#00a76f!important}.teacher-student-row__rating{color:#ff9800;align-items:center;gap:6px;width:fit-content;font-size:.86rem;font-weight:900;display:inline-flex}.teacher-student-row__actions{justify-content:center;align-items:center;gap:8px;display:flex}.teacher-student-row__actions button{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .25s,color .25s,transform .25s;display:inline-flex}.teacher-student-row__actions button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;transform:translateY(-2px)}@media (width<=1240px){.teacher-students-panel{overflow-x:auto}.teacher-students-table-head,.teacher-student-row{min-width:800px}}@media (width<=820px){.teacher-students-header{flex-direction:column;align-items:stretch}.teacher-students-tools{flex-wrap:wrap;width:100%;margin-left:0}.teacher-students-search{width:100%}.teacher-students-tools select{flex:140px}}.sdm-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sdm{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:88vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0f172a38}.sdm__header{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%);flex-direction:column;align-items:center;gap:10px;padding:36px 24px 24px;display:flex}.sdm__close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:inline-flex;position:absolute;top:14px;right:14px}.sdm__close:hover{background:#ffffff38}.sdm__avatar{object-fit:cover;border:3px solid #fff6;border-radius:50%;width:80px;height:80px;box-shadow:0 8px 24px #0f172a40}.sdm__name{text-align:center;letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:800}.sdm__badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.sdm__badge--active{color:#fff;background:#ffffff2e}.sdm__badge--complete{color:#065f46;background:#d1fae5}.sdm__body{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.sdm__info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sdm__info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:14px;display:flex}.sdm__info-icon{flex:none;margin-top:2px}.sdm__info-icon--blue{color:#1d4ed8}.sdm__info-icon--purple{color:#7c3aed}.sdm__info-icon--green{color:#059669}.sdm__info-icon--orange{color:#ea580c}.sdm__info-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:.7rem;font-weight:700;display:block}.sdm__info-value{color:#0f172a;word-break:break-all;font-size:.88rem;font-weight:700;display:block}.sdm__section{flex-direction:column;gap:10px;display:flex}.sdm__section-title{color:#334155;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;margin:0;font-size:.82rem;font-weight:800;display:flex}.sdm__progress-wrap{align-items:center;gap:12px;display:flex}.sdm__progress-track{background:#eef2f7;border-radius:999px;flex:1;height:10px;overflow:hidden}.sdm__progress-fill{border-radius:inherit;background:#1d4ed8;height:100%;transition:width .4s}.sdm__progress-fill--complete{background:#059669}.sdm__progress-label{color:#0f172a;text-align:right;width:38px;font-size:.86rem;font-weight:800}.sdm__course-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sdm__course-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:background .2s;display:flex}.sdm__course-item:hover{background:#eff6ff;border-color:#bfdbfe}.sdm__course-num{color:#1d4ed8;background:#dbeafe;border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:inline-flex}.sdm__course-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sdm__course-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:600;overflow:hidden}.sdm__course-meta{color:#94a3b8;font-size:.72rem;font-weight:600}.sdm__course-progress{flex:none;align-items:center;gap:8px;width:96px;display:flex}.sdm__course-progress-track{background:#e2e8f0;border-radius:999px;flex:1;height:6px;overflow:hidden}.sdm__course-progress-fill{border-radius:inherit;background:#1d4ed8;height:100%}.sdm__course-progress-fill--complete{background:#059669}.sdm__course-progress span{color:#0f172a;text-align:right;min-width:30px;font-size:.74rem;font-weight:800}.sdm__footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:14px 24px;display:flex}.sdm__btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 22px;font-size:.84rem;font-weight:700;transition:background .2s,border-color .2s}.sdm__btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}@media (width<=1320px){.teacher-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-courses-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,1fr))}.teacher-courses-create,.teacher-courses-view-toggle{width:fit-content}.teacher-course-table{overflow-x:auto}.teacher-course-table__head,.teacher-course-row{min-width:1120px}}@media (width<=640px){.cdm__stats-grid{grid-template-columns:repeat(2,1fr)}.cdm__learn-list{grid-template-columns:1fr}.cdm__rating-summary{flex-direction:column}}@media (width<=760px){.teacher-summary,.teacher-courses-toolbar{grid-template-columns:1fr}.teacher-courses-create,.teacher-courses-view-toggle{width:100%}.teacher-courses-view-toggle button{flex:1}}.teacher-reviews-page{gap:14px;display:grid}.teacher-reviews-summary{grid-template-columns:repeat(auto-fit,minmax(220px,260px));gap:12px;display:grid}.teacher-reviews-summary__item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;min-height:78px;padding:14px 18px;display:flex;box-shadow:0 14px 34px #0f172a12}.teacher-reviews-summary__icon{background:#fef3c7;border-radius:10px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.teacher-reviews-summary__icon--blue{color:#1d4ed8;background:#dbeafe}.teacher-reviews-summary__item strong{color:#0f172a;font-size:1.25rem;font-weight:900;line-height:1.2;display:block}.teacher-reviews-summary__item>div>span{color:#64748b;margin-top:3px;font-size:.78rem;font-weight:700;display:block}.teacher-reviews-header{justify-content:flex-end;align-items:center;gap:10px;display:flex}.teacher-reviews-tools{align-items:center;gap:8px;width:100%;display:flex}.teacher-reviews-search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:7px;flex:260px;align-items:center;gap:8px;min-width:200px;min-height:32px;padding:0 12px;display:flex;box-shadow:0 8px 18px #0f172a0a}.teacher-reviews-search svg{width:15px;height:15px}.teacher-reviews-search input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:.82rem;font-weight:700}.teacher-reviews-search input::placeholder{color:#94a3b8}.teacher-reviews-filter{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:7px;flex:0 0 170px;min-height:32px;padding:0 12px;font-size:.78rem;font-weight:700;box-shadow:0 8px 18px #0f172a0a}.teacher-reviews-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:visible;box-shadow:0 14px 34px #0f172a12}.teacher-reviews-table-head,.teacher-review-row{grid-template-columns:minmax(180px,1.1fr) minmax(180px,1.1fr) minmax(120px,.7fr) minmax(240px,1.8fr) minmax(120px,.7fr);align-items:center;column-gap:14px;display:grid}.teacher-reviews-table-head{color:#475569;letter-spacing:.08em;text-transform:uppercase;background:#f1f7ff;min-height:44px;padding:0 15px;font-size:.72rem;font-weight:900}.teacher-reviews-table-head span{text-align:center;justify-self:center;font-weight:700!important}.teacher-reviews-table-head span:first-child{text-align:left;justify-self:start}.teacher-review-row{color:#0f172a;border-top:1px solid #e2e8f0;min-height:74px;padding:12px 15px;transition:background .25s}.teacher-review-row:hover{background:#eff6ff}.teacher-review-row__profile{align-items:center;gap:10px;min-width:0;display:flex}.teacher-review-row__profile img{object-fit:cover;border:2px solid #fff;border-radius:50%;flex:none;width:36px;height:36px;box-shadow:0 8px 18px #0f172a24}.teacher-review-row__profile strong{color:#071a33;font-size:.92rem;font-weight:800;display:block}.teacher-review-row__course{text-align:center;color:#1d4ed8;font-size:.82rem;font-weight:700}.teacher-review-row__rating{justify-content:center;gap:2px;display:flex}.teacher-review-row__comment{-webkit-line-clamp:2;color:#334155;text-align:center;-webkit-box-orient:vertical;max-width:100%;margin:0 auto;font-size:.82rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.teacher-review-row__body{flex-direction:column;gap:6px;max-width:100%;display:flex}.teacher-review-row__reply-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-self:center;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.teacher-review-row__reply-btn:hover{background:#dbeafe}.teacher-review-row__replied-badge{color:#16a34a;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-self:center;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.teacher-review-row__replied-badge:hover{background:#dcfce7}.review-reply-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.review-reply-modal{background:#fff;border-radius:14px;width:100%;max-width:480px;padding:22px;position:relative;box-shadow:0 24px 60px #0f172a40}.review-reply-modal__close{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:14px;right:14px}.review-reply-modal__title{color:#0f172a;margin:0 0 14px;font-size:1.05rem;font-weight:800}.review-reply-modal__review{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:12px}.review-reply-modal__profile{align-items:center;gap:10px;margin-bottom:8px;display:flex}.review-reply-modal__profile img{object-fit:cover;border-radius:50%;width:32px;height:32px}.review-reply-modal__profile strong{color:#0f172a;font-size:.85rem;display:block}.review-reply-modal__rating{gap:2px;margin-top:2px;display:flex}.review-reply-modal__comment{color:#334155;margin:0;font-size:.82rem;line-height:1.4}.review-reply-modal__textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.85rem}.review-reply-modal__actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.review-reply-modal__cancel,.review-reply-modal__submit{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.review-reply-modal__submit{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.review-reply-modal__cancel:disabled,.review-reply-modal__submit:disabled{opacity:.6;cursor:not-allowed}.teacher-review-row__date{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.teacher-review-row__date time{color:#0f172a;font-size:.82rem;font-weight:600}.teacher-review-row__edited{color:#94a3b8;font-size:.68rem;font-style:italic;font-weight:700}.teacher-reviews-empty{text-align:center;color:#64748b;padding:32px 15px;font-size:.86rem;font-weight:600}@media (width<=1240px){.teacher-reviews-panel{overflow-x:auto}.teacher-reviews-table-head,.teacher-review-row{min-width:800px}}@media (width<=820px){.teacher-reviews-header{flex-direction:column;align-items:stretch}.teacher-reviews-tools{flex-wrap:wrap;width:100%;margin-left:0}.teacher-reviews-search{width:100%}.teacher-reviews-filter{flex:140px}.teacher-reviews-summary{flex-direction:column}}@media (width<=1320px){.teacher-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-courses-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,1fr))}.teacher-courses-create,.teacher-courses-view-toggle{width:fit-content}.teacher-course-table{overflow-x:auto}.teacher-course-table__head,.teacher-course-row{min-width:1120px}}@media (width<=640px){.cdm__stats-grid{grid-template-columns:repeat(2,1fr)}.cdm__learn-list{grid-template-columns:1fr}.cdm__rating-summary{flex-direction:column}}@media (width<=760px){.teacher-summary,.teacher-courses-toolbar{grid-template-columns:1fr}.teacher-courses-create,.teacher-courses-view-toggle{width:100%}.teacher-courses-view-toggle button{flex:1}}.teacher-qa-page{gap:14px;display:grid}.teacher-qa-summary{grid-template-columns:repeat(auto-fit,minmax(220px,260px));gap:12px;display:grid}.teacher-qa-summary__item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;min-height:78px;padding:14px 18px;display:flex;box-shadow:0 14px 34px #0f172a12}.teacher-qa-summary__icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.teacher-qa-summary__icon--amber{color:#92400e;background:#fef3c7}.teacher-qa-summary__icon--blue{color:#1d4ed8;background:#dbeafe}.teacher-qa-summary__item strong{color:#0f172a;font-size:1.25rem;font-weight:900;line-height:1.2;display:block}.teacher-qa-summary__item>div>span{color:#64748b;margin-top:3px;font-size:.78rem;font-weight:700;display:block}.teacher-qa-header{justify-content:flex-end;align-items:center;gap:10px;display:flex}.teacher-qa-tools{align-items:center;gap:8px;width:100%;display:flex}.teacher-qa-search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:7px;flex:260px;align-items:center;gap:8px;min-width:200px;min-height:32px;padding:0 12px;display:flex;box-shadow:0 8px 18px #0f172a0a}.teacher-qa-search svg{width:15px;height:15px}.teacher-qa-search input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:.82rem;font-weight:700}.teacher-qa-search input::placeholder{color:#94a3b8}.teacher-qa-filter{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:7px;flex:0 0 170px;min-height:32px;padding:0 12px;font-size:.78rem;font-weight:700;box-shadow:0 8px 18px #0f172a0a}.teacher-qa-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:visible;box-shadow:0 14px 34px #0f172a12}.teacher-qa-table-head,.teacher-qa-row{grid-template-columns:minmax(140px,.8fr) minmax(160px,1fr) minmax(260px,1.8fr) minmax(180px,1fr) minmax(100px,.6fr);align-items:center;column-gap:14px;display:grid}.teacher-qa-table-head{color:#475569;letter-spacing:.08em;text-transform:uppercase;background:#f1f7ff;min-height:44px;padding:0 15px;font-size:.72rem;font-weight:900}.teacher-qa-row{color:#0f172a;border-top:1px solid #e2e8f0;min-height:74px;padding:12px 15px;transition:background .25s}.teacher-qa-row:hover{background:#eff6ff}.teacher-qa-row__profile strong{color:#071a33;font-size:.92rem;font-weight:800;display:block}.teacher-qa-row__course{flex-direction:column;gap:3px;display:flex}.teacher-qa-row__course a{color:#1d4ed8;font-size:.82rem;font-weight:700;text-decoration:none}.teacher-qa-row__course a:hover{text-decoration:underline}.teacher-qa-row__lesson{color:#64748b;font-size:.72rem;font-weight:600}.teacher-qa-row__body{flex-direction:column;gap:6px;max-width:100%;display:flex}.teacher-qa-row__content{-webkit-line-clamp:2;color:#334155;-webkit-box-orient:vertical;margin:0;font-size:.82rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.teacher-qa-row__answer-count{color:#94a3b8;align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:inline-flex}.teacher-qa-row__status{flex-direction:column;gap:6px;display:flex}.teacher-qa-row__solved-btn,.teacher-qa-row__pin-btn,.teacher-qa-row__reply-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.teacher-qa-row__solved-btn.is-solved{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.teacher-qa-row__pin-btn.is-pinned{color:#b45309;background:#fffbeb;border-color:#fde68a}.teacher-qa-row__reply-btn.is-active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.teacher-qa-row-wrapper{border-top:1px solid #e2e8f0}.teacher-qa-row-wrapper:first-child,.teacher-qa-row-wrapper .teacher-qa-row{border-top:none}.teacher-qa-reply-panel{background:#f8fafc;gap:8px;padding:0 15px 14px;display:grid}.teacher-qa-reply-panel textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:.82rem}.teacher-qa-reply-actions{justify-content:flex-end;gap:8px;display:flex}.teacher-qa-reply-actions button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:5px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.teacher-qa-reply-actions button:disabled{opacity:.6;cursor:not-allowed}.teacher-qa-reply-submit-btn{color:#fff!important;background:#1d4ed8!important;border-color:#1d4ed8!important}.teacher-qa-row__date{text-align:center}.teacher-qa-row__date time{color:#0f172a;font-size:.82rem;font-weight:600}.teacher-qa-empty{text-align:center;color:#64748b;padding:32px 15px;font-size:.86rem;font-weight:600}@media (width<=1240px){.teacher-qa-panel{overflow-x:auto}.teacher-qa-table-head,.teacher-qa-row{min-width:900px}}@media (width<=820px){.teacher-qa-header{flex-direction:column;align-items:stretch}.teacher-qa-tools{flex-wrap:wrap;width:100%;margin-left:0}.teacher-qa-search{width:100%}.teacher-qa-filter{flex:140px}.teacher-qa-summary{flex-direction:column}}@media (width<=1320px){.teacher-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-courses-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,1fr))}.teacher-courses-create,.teacher-courses-view-toggle{width:fit-content}.teacher-course-table{overflow-x:auto}.teacher-course-table__head,.teacher-course-row{min-width:1120px}}@media (width<=640px){.cdm__stats-grid{grid-template-columns:repeat(2,1fr)}.cdm__learn-list{grid-template-columns:1fr}.cdm__rating-summary{flex-direction:column}}@media (width<=760px){.teacher-summary,.teacher-courses-toolbar{grid-template-columns:1fr}.teacher-courses-create,.teacher-courses-view-toggle{width:100%}.teacher-courses-view-toggle button{flex:1}}.teacher-revenue-page{--revenue-navy:#071a33;--revenue-text:#0f172a;--revenue-muted:#64748b;--revenue-border:#e2e8f0;--revenue-blue:#2563eb;--revenue-blue-dark:#1d4ed8;--revenue-blue-soft:#dbeafe;--revenue-green:#22c55e;--revenue-green-soft:#dcfce7;--revenue-gold:#f59e0b;--revenue-gold-soft:#fef3c7;color:var(--revenue-text);gap:12px;display:grid}.teacher-revenue-topbar{display:block}.teacher-revenue-topbar h1{color:var(--revenue-text);margin:0;font-size:1.45rem;font-weight:900;line-height:1.1}.teacher-revenue-topbar p{color:#475569;margin:6px 0 0;font-size:.82rem;font-weight:700}.teacher-revenue-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.teacher-revenue-export,.teacher-revenue-periods button,.teacher-revenue-panel-title select,.teacher-revenue-panel-title button,.teacher-revenue-panel__header select,.teacher-revenue-panel__header button{border:1px solid var(--revenue-border);color:#334155;min-height:34px;font:inherit;background:#fff;border-radius:8px;font-size:.78rem;font-weight:800}.teacher-revenue-export{white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex;box-shadow:0 8px 20px #0f172a0a}.teacher-revenue-periods{border:1px solid var(--revenue-border);background:#fff;border-radius:8px;grid-template-columns:repeat(4,minmax(70px,1fr));display:inline-grid;overflow:hidden}.teacher-revenue-periods button{box-shadow:none;border:0;border-radius:0;padding:0 13px}.teacher-revenue-periods button+button{border-left:1px solid var(--revenue-border)}.teacher-revenue-periods__item--active{background:var(--revenue-blue-soft)!important;color:var(--revenue-blue-dark)!important}.teacher-revenue-export{color:var(--revenue-navy)}.teacher-revenue-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.teacher-revenue-metric,.teacher-revenue-panel{border:1px solid var(--revenue-border);background:#fff;border-radius:10px;min-width:0;box-shadow:0 14px 34px #0f172a0f}.teacher-revenue-metric{grid-template-columns:46px minmax(0,1fr) 112px;align-items:center;gap:12px;min-height:108px;padding:14px 16px;display:grid;position:relative;overflow:hidden}.teacher-revenue-metric__icon{background:var(--revenue-blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.teacher-revenue-metric--green .teacher-revenue-metric__icon{background:var(--revenue-green)}.teacher-revenue-metric--purple .teacher-revenue-metric__icon{background:#7c3aed}.teacher-revenue-metric--gold .teacher-revenue-metric__icon{background:var(--revenue-gold)}.teacher-revenue-metric span,.teacher-revenue-panel__header h2,.teacher-revenue-course-row strong,.teacher-revenue-transactions th{color:var(--revenue-text)}.teacher-revenue-metric span{letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;display:block;font-size:.8rem!important;font-weight:500!important}.teacher-revenue-metric strong{color:var(--revenue-text);font-size:1.4rem;line-height:1.1;display:block;font-weight:700!important}.teacher-revenue-metric small{color:#059669;font-size:.72rem;font-weight:800;display:block}.teacher-revenue-sparkline{width:100%;min-width:90px;color:var(--revenue-blue)}.teacher-revenue-metric--green .teacher-revenue-sparkline{color:var(--revenue-green)}.teacher-revenue-metric--purple .teacher-revenue-sparkline{color:#7c3aed}.teacher-revenue-mini-bars{justify-content:flex-end;align-items:flex-end;gap:5px;height:56px;display:flex}.teacher-revenue-mini-bars i{background:linear-gradient(#f59e0b,#fde68a);border-radius:999px 999px 2px 2px;width:5px;min-height:8px}.teacher-revenue-dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(420px,1.05fr);gap:12px;display:grid}.teacher-revenue-panel-wrap{grid-template-rows:auto 1fr;gap:5px;min-width:0;display:grid}.teacher-revenue-panel-title{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 2px;display:flex}.teacher-revenue-panel-title h2{color:var(--revenue-text);font-family:var(--font-sans), serif;margin:0;font-size:1.3rem;font-weight:900;line-height:1.2}.teacher-revenue-panel-title button,.teacher-revenue-panel-title select{min-height:30px;color:var(--revenue-blue-dark);padding:0 12px}.teacher-revenue-panel-wrap>.teacher-revenue-panel{min-height:100%}.teacher-revenue-panel{padding:16px}.teacher-revenue-panel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.teacher-revenue-panel__header h2{color:#0044e4;margin:0;font-size:24px;line-height:1.3;font-weight:600!important}.teacher-revenue-panel__header button,.teacher-revenue-panel__header select{min-height:30px;color:var(--revenue-blue-dark);padding:0 12px}.teacher-revenue-chart-shell{grid-template-columns:36px minmax(0,1fr);gap:10px;display:grid}.teacher-revenue-y-axis{height:260px;color:var(--revenue-muted);flex-direction:column;justify-content:space-between;padding-top:16px;font-size:.74rem;font-weight:800;display:flex}.teacher-revenue-chart-area{background:linear-gradient(#e2e8f0 1px,#0000 1px) 0 32px/100% 44px,#fff;min-height:260px;position:relative}.teacher-revenue-chart-legend{z-index:1;color:#334155;align-items:center;gap:20px;font-size:.76rem;font-weight:800;display:inline-flex;position:absolute;top:0;right:0}.teacher-revenue-chart-legend span{align-items:center;gap:8px;display:inline-flex}.teacher-revenue-chart-legend span:before{content:"";background:var(--revenue-blue);border-radius:999px;width:22px;height:3px}.teacher-revenue-chart-legend__dashed:before{background:repeating-linear-gradient(90deg,#93c5fd 0 7px,#0000 7px 12px)!important}.teacher-revenue-chart-area svg{width:100%;height:230px;margin-top:28px}.teacher-revenue-x-axis{color:var(--revenue-muted);justify-content:space-between;font-size:.74rem;font-weight:800;display:flex;overflow:hidden}.teacher-revenue-x-axis span{white-space:nowrap}.teacher-revenue-chart-footer{border-top:1px solid var(--revenue-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:14px;display:grid}.teacher-revenue-chart-footer div{grid-template-columns:26px minmax(0,1fr);gap:2px 10px;padding:14px 12px 0;display:grid}.teacher-revenue-chart-footer div+div{border-left:1px solid var(--revenue-border)}.teacher-revenue-chart-footer svg{color:var(--revenue-blue);grid-row:span 3}.teacher-revenue-chart-footer span,.teacher-revenue-chart-footer small,.teacher-revenue-course-row span,.teacher-revenue-payout-card span,.teacher-revenue-payout-card small{color:var(--revenue-muted);font-size:.74rem;font-weight:800}.teacher-revenue-chart-footer strong{color:var(--revenue-text);font-size:.84rem;font-weight:900}.teacher-revenue-chart-footer small{color:#059669}.teacher-revenue-course-list{display:grid}.teacher-revenue-course-row{border-bottom:1px solid var(--revenue-border);grid-template-columns:48px minmax(0,1.3fr) minmax(100px,.8fr) 70px 58px;align-items:center;gap:12px;min-height:58px;margin:7px;display:grid}.teacher-revenue-course-row:last-child{border-bottom:0}.teacher-revenue-course-row img{object-fit:cover;border-radius:7px;width:44px;height:44px}.teacher-revenue-course-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:900;line-height:1.25;display:block;overflow:hidden}.teacher-revenue-trend{color:#059669;text-align:right;font-size:.78rem;font-weight:900}.teacher-revenue-trend--down{color:#ef4444}.teacher-revenue-course-item{border-bottom:1px solid var(--revenue-border);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;margin:0 7px;padding:8px 0;display:grid}.teacher-revenue-course-item:last-child{border-bottom:0}.teacher-revenue-course-item img{object-fit:cover;border-radius:7px;width:44px;height:44px}.teacher-revenue-course-item__body{flex-direction:column;gap:2px;min-width:0;display:flex}.teacher-revenue-course-item__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:900;overflow:hidden}.teacher-revenue-course-item__body span{color:var(--revenue-muted);font-size:.72rem;font-weight:700}.teacher-revenue-course-item b{color:var(--revenue-text);white-space:nowrap;font-size:.8rem;font-weight:900}.teacher-revenue-empty{text-align:center;color:var(--revenue-muted);padding:20px 12px;font-size:.82rem}.teacher-revenue-transactions{min-height:238px}.teacher-revenue-transactions table{border-collapse:collapse;table-layout:fixed;width:100%}.teacher-revenue-transactions th,.teacher-revenue-transactions td{border-bottom:1px solid var(--revenue-border);text-align:left;padding:5px 6px;font-size:.74rem}.teacher-revenue-transactions th{color:#475569;font-weight:900}.teacher-revenue-transactions td{color:#334155;font-weight:750}.teacher-revenue-transactions__course{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-height:2.6em;line-height:1.3;display:-webkit-box;overflow:hidden}.teacher-revenue-transactions td:nth-child(3){color:var(--revenue-text);font-weight:900}.teacher-revenue-transactions__status{background:var(--revenue-green-soft);color:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.teacher-revenue-transactions td:last-child{text-align:center}.teacher-revenue-transactions__pagination{justify-content:center;align-items:center;gap:12px;padding:6px 0 0;display:flex}.teacher-revenue-transactions__pagination button{border:1px solid var(--revenue-border);color:#475569;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:border-color .2s,color .2s;display:inline-flex}.teacher-revenue-transactions__pagination button:hover:not(:disabled){color:var(--revenue-blue-dark);border-color:#93c5fd}.teacher-revenue-transactions__pagination button:disabled{opacity:.4;cursor:not-allowed}.teacher-revenue-transactions__pagination span{color:#475569;font-size:.78rem;font-weight:700}.teacher-revenue-payout-card{background:linear-gradient(135deg,#f0fdf4 0%,#eff6ff 100%);border-radius:9px;grid-template-columns:1fr 1fr;align-content:center;gap:14px 24px;min-height:178px;padding:22px;display:grid;position:relative;overflow:hidden}.teacher-revenue-payout-card strong{color:#16a34a;margin-top:8px;font-size:1.35rem;font-weight:900;display:block}.teacher-revenue-payout-progress{background:#dbeafe;border-radius:999px;grid-column:span 2;height:7px;overflow:hidden}.teacher-revenue-payout-progress span{border-radius:inherit;background:#22c55e;width:64%;height:100%;display:block}.teacher-revenue-payout-card button{border:1px solid var(--revenue-border);width:max-content;min-height:30px;color:var(--revenue-blue-dark);background:#fff;border-radius:7px;padding:0 13px;font-size:.76rem;font-weight:900}.teacher-revenue-payout-visual{color:var(--revenue-blue-dark);opacity:.16;place-items:center;display:grid;position:absolute;bottom:20px;right:24px}.teacher-revenue-payout-visual svg:last-child{color:var(--revenue-gold);opacity:.9;position:absolute;bottom:28px;right:48px}@media (width<=1320px){.teacher-revenue-dashboard-grid{grid-template-columns:1fr}.teacher-revenue-actions{flex-wrap:wrap;justify-content:flex-start}}@media (width<=1100px){.teacher-revenue-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.teacher-revenue-actions,.teacher-revenue-export{width:100%}.teacher-revenue-periods,.teacher-revenue-metrics-grid,.teacher-revenue-chart-footer,.teacher-revenue-payout-card{grid-template-columns:1fr}.teacher-revenue-periods button+button,.teacher-revenue-chart-footer div+div{border-left:0;border-top:1px solid var(--revenue-border)}.teacher-revenue-metric{grid-template-columns:42px minmax(0,1fr)}.teacher-revenue-sparkline,.teacher-revenue-mini-bars{display:none}.teacher-revenue-chart-shell,.teacher-revenue-course-row{grid-template-columns:1fr}.teacher-revenue-y-axis{display:none}}.teacher-payout-request-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:7px;grid-column:span 2;width:max-content;min-height:32px;padding:0 16px;font-size:.8rem;font-weight:800}.teacher-payout-history{border:1px solid var(--revenue-border);background:#fff;border-radius:9px;margin-top:16px;padding:18px 22px}.teacher-payout-history h3{color:#0f172a;margin:0 0 10px;font-size:.85rem;font-weight:800}.teacher-payout-history-item{border-top:1px solid var(--revenue-border);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.teacher-payout-history-item:first-of-type{border-top:none}.teacher-payout-history-item>div{flex-direction:column;gap:2px;display:flex}.teacher-payout-history-item strong{color:#0f172a;font-size:.88rem}.teacher-payout-history-item span:not([class]){color:#94a3b8;font-size:.72rem;font-weight:600}.teacher-payout-status{border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:800}.teacher-payout-status-PENDING{color:#92400e;background:#fef3c7}.teacher-payout-status-PAID{color:#166534;background:#dcfce7}.teacher-payout-status-REJECTED{color:#991b1b;background:#fee2e2}.teacher-payout-rejection-reason{color:#991b1b;grid-column:1/-1;margin:4px 0 0;font-size:.76rem}.teacher-payout-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.teacher-payout-modal{background:#fff;border-radius:12px;gap:12px;width:100%;max-width:420px;padding:22px;display:grid;box-shadow:0 24px 60px #0f172a40}.teacher-payout-modal h3{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.teacher-payout-modal-balance{color:#475569;margin:0;font-size:.8rem}.teacher-payout-modal label{color:#475569;gap:6px;font-size:.78rem;font-weight:700;display:grid}.teacher-payout-modal input,.teacher-payout-modal textarea{border:1px solid var(--revenue-border);border-radius:7px;padding:8px 12px;font-family:inherit;font-size:.85rem}.teacher-payout-modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.teacher-payout-modal-actions button{border:1px solid var(--revenue-border);cursor:pointer;background:#fff;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:700}.teacher-payout-submit-btn{color:#fff!important;background:#1d4ed8!important;border-color:#1d4ed8!important}.teacher-page,.teacher-courses-page{gap:14px;display:grid}.delete-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:420px;padding:32px;box-shadow:0 20px 60px #0f172a2e}.delete-modal__icon{color:#ef4444;margin-bottom:16px}.delete-modal__title{color:#0f172a;margin:0 0 10px;font-size:20px;font-weight:700}.delete-modal__body{color:#64748b;margin:0 0 24px;font-size:14px;line-height:1.6}.delete-modal__body strong{color:#0f172a}.delete-modal__actions{justify-content:center;gap:12px;display:flex}.delete-modal__btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .15s}.delete-modal__btn:disabled{opacity:.6;cursor:not-allowed}.delete-modal__btn--cancel{color:#475569;background:#f1f5f9}.delete-modal__btn--cancel:hover:not(:disabled){background:#e2e8f0}.delete-modal__btn--confirm{color:#fff;background:#ef4444}.delete-modal__btn--confirm:hover:not(:disabled){background:#dc2626}.teacher-page__header{background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:space-between;align-items:end;gap:16px;padding:0 15px 15px;display:flex;box-shadow:0 14px 34px #0f172a12}.teacher-page__header span{color:#1d4ed8;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:900}.teacher-page__header h1{color:#071a33;font-family:var(--font-sans);margin-top:8px;font-size:clamp(1.35rem,1.7vw,1.65rem);font-weight:800;line-height:1.2}.teacher-page__header p{color:#475569;max-width:620px;margin-top:8px;font-size:.92rem;font-weight:700}.teacher-page__header button{color:#fff;background:#1d4ed8;border:0;border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:0 16px;font-size:.86rem;font-weight:800;display:inline-flex}.teacher-summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.teacher-summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;min-height:78px;padding:14px 18px;display:flex;box-shadow:0 14px 34px #0f172a12}.teacher-summary-item__icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.teacher-summary-item__icon--blue{color:#1d4ed8;background:#dbeafe}.teacher-summary-item__icon--green{color:#16a34a;background:#dcfce7}.teacher-summary-item__icon--violet{color:#7c3aed;background:#ede9fe}.teacher-summary-item__icon--gold{color:#d97706;background:#fef3c7}.teacher-summary-item__body strong{color:#0f172a;font-size:1.25rem;font-weight:900;line-height:1.2;display:block}.teacher-summary-item__body span{color:#64748b;margin-top:3px;font-size:.78rem;font-weight:700;display:block}.teacher-courses-toolbar{grid-template-columns:minmax(260px,1fr) 150px 170px 150px auto auto;align-items:center;gap:8px;display:grid}.teacher-courses-search,.teacher-courses-toolbar select{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:7px;height:32px;box-shadow:0 8px 18px #0f172a0a}.teacher-courses-search:focus-within,.teacher-courses-toolbar select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.teacher-courses-search{align-items:center;gap:8px;padding:0 12px;display:flex}.teacher-courses-search svg{color:#94a3b8;width:15px;height:15px}.teacher-courses-search input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:.82rem;font-weight:700}.teacher-courses-search input::-webkit-search-cancel-button{display:none}.teacher-courses-search__clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.teacher-courses-search__clear:hover{color:#0f172a;background:#e2e8f0}.teacher-courses-toolbar select{min-width:0;font:inherit;outline:0;padding:0 12px;font-size:.82rem;font-weight:700}.teacher-courses-create{color:#fff;white-space:nowrap;background:#1d4ed8;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:0 14px;font-size:.78rem;font-weight:900;display:inline-flex}.teacher-upload-box__preview{width:300px}.teacher-courses-create svg{color:#fff;width:16px;height:16px}.teacher-courses-view-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:7px;display:inline-flex;overflow:hidden;box-shadow:0 8px 18px #0f172a0a}.teacher-courses-view-toggle button{color:#64748b;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.teacher-courses-view-toggle__active{color:#fff!important;background:#071a33!important}.teacher-course-table{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:visible;box-shadow:0 14px 34px #0f172a12}.teacher-courses-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:32px;display:flex;box-shadow:0 14px 34px #0f172a12}.teacher-courses-empty p{color:#64748b;margin:0;font-size:.88rem;font-weight:600}.teacher-courses-empty button{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:7px;padding:8px 18px;font-size:.78rem;font-weight:800}.teacher-courses-empty button:hover{background:#1e40af}.teacher-course-table__head,.teacher-course-row{grid-template-columns:minmax(310px,1.9fr) 128px 90px 112px 90px 110px 84px;align-items:center;column-gap:14px;display:grid}.teacher-course-table__head{color:#475569;letter-spacing:.08em;text-transform:uppercase;background:#f1f7ff;min-height:37px;padding:0 15px;font-size:.72rem;font-weight:900}.teacher-course-table__head span:nth-child(n+2):nth-child(-n+6){text-align:center;justify-self:center}.teacher-course-row{color:#0f172a;border-top:1px solid #e2e8f0;min-height:86px;padding:0 15px;position:relative}.teacher-course-row:hover{background:#eff6ff}.teacher-course-row>:nth-child(n+2):nth-child(-n+6){text-align:center;justify-self:center}.teacher-course-row__course{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;min-width:0;display:grid}.teacher-course-row__media{background:#f1f5f9;border-radius:7px;height:58px;position:relative;overflow:hidden}.teacher-course-row__media img{object-fit:cover;width:100%;height:100%}.teacher-course-row__media span{color:#fff;background:#000000b8;border-radius:999px;padding:3px 6px;font-size:.68rem;font-weight:800;position:absolute;bottom:5px;right:5px}.teacher-course-row h2{color:#071a33;font-family:var(--font-sans);text-overflow:ellipsis;font-size:1.02rem;font-weight:800;line-height:1.25;overflow:hidden}.teacher-course-row p{color:#475569;align-items:center;gap:8px;margin-top:7px;font-size:.8rem;font-weight:700;display:flex}.teacher-course-row>strong,.teacher-course-row__updated{color:#0f172a;font-size:.86rem;font-weight:800}.teacher-course-row__status{border-radius:7px;align-items:center;gap:7px;width:fit-content;min-height:24px;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-flex}.teacher-course-row__status--published{color:#16a34a;background:#dcfce7}.teacher-course-row__status--draft{color:#ca8a04;background:#fef9c3}.teacher-course-row__status--archived{color:#1d4ed8;background:#dbeafe}.teacher-course-row__status--pending{color:#c2410c;background:#ffedd5}.teacher-course-row__status--rejected{color:#dc2626;background:#fee2e2}.teacher-course-row__status--active{color:#16a34a;background:#dcfce7}.teacher-course-row__status--inactive{color:#dc2626;background:#fee2e2}.teacher-course-row__rating{align-items:center;gap:4px;display:inline-flex}.teacher-course-row__rating svg{color:#f59e0b}.teacher-course-row__actions{align-items:center;gap:8px;display:flex}.teacher-course-row__actions>button{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.teacher-course-row__actions>button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.teacher-course-row__actions>button:last-child:hover{color:#ef4444;background:#fee2e2;border-color:#fee2e2}.teacher-course-row__btn--deactivate:hover{color:#ca8a04!important;background:#fefce8!important;border-color:#fef08a!important}.teacher-course-row__btn--activate:hover{color:#16a34a!important;background:#f0fdf4!important;border-color:#bbf7d0!important}@media (width<=1320px){.teacher-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-courses-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,1fr))}.teacher-courses-create,.teacher-courses-view-toggle{width:fit-content}.teacher-course-table{overflow-x:auto}.teacher-course-table__head,.teacher-course-row{min-width:1120px}}.teacher-course-table__pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:12px;padding:12px 15px;display:flex}.teacher-course-table__pagination span{color:#475569;font-size:.82rem;font-weight:700}.teacher-course-table__pagination button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.teacher-course-table__pagination button:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.teacher-course-table__pagination button:disabled{opacity:.38;cursor:not-allowed}.cdm-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cdm{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:840px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 28px 90px #0f172a3d}.cdm__thumbnail-wrap{background:#0f172a;flex-shrink:0;justify-content:center;align-items:center;height:230px;display:flex;position:relative;overflow:hidden}.cdm__thumbnail-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.cdm__thumbnail-placeholder{color:#475569;flex-direction:column;align-items:center;gap:10px;font-size:.84rem;font-weight:600;display:flex}.cdm__close{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:inline-flex;position:absolute;top:12px;right:12px}.cdm__close:hover{background:#0f172acc}.cdm__header-info{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:14px 24px 12px}.cdm__badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.cdm__badge{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.cdm__badge--active{color:#16a34a;background:#dcfce7}.cdm__badge--inactive{color:#dc2626;background:#fee2e2}.cdm__badge--published{color:#1d4ed8;background:#dbeafe}.cdm__badge--draft{color:#ca8a04;background:#fef9c3}.cdm__badge--pending{color:#c2410c;background:#ffedd5}.cdm__badge--rejected{color:#dc2626;background:#fee2e2}.cdm__badge--archived{color:#1d4ed8;background:#dbeafe}.cdm__rejection-banner{color:#991b1b;background:#fef2f2;border-left:3px solid #dc2626;border-radius:10px;align-items:flex-start;gap:10px;margin:0 24px 16px;padding:12px 14px;font-size:.86rem;line-height:1.5;display:flex}.cdm__rejection-banner strong{color:#dc2626;margin-bottom:2px;display:block}.cdm__badge--level{color:#7c3aed;background:#ede9fe}.cdm__badge--lang{color:#0d9488;background:#ccfbf1}.cdm__title{color:#071a33;font-family:var(--font-sans);margin:0 0 5px;font-size:1.12rem;font-weight:800;line-height:1.3}.cdm__category{color:#64748b;align-items:center;gap:5px;margin:0;font-size:.82rem;font-weight:600;display:inline-flex}.cdm__tabs{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:2px;padding:0 20px;display:flex}.cdm__tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:11px 14px;font-size:.82rem;font-weight:700;transition:color .15s;display:inline-flex}.cdm__tab:hover{color:#0f172a}.cdm__tab--active{color:#1d4ed8;border-bottom-color:#1d4ed8}.cdm__tab-badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:800;display:inline-flex}.cdm__body{flex:1;padding:22px 24px;overflow-y:auto}.cdm__loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;font-size:.88rem;font-weight:600;display:flex}.cdm__spinner{color:#1d4ed8;animation:.85s linear infinite cdm-spin}.cdm__tab-content{flex-direction:column;gap:18px;display:flex}.cdm__stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cdm__stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.cdm__stat-card>div:last-child{min-width:0}.cdm__stat-card span{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700;display:block}.cdm__stat-card strong{color:#0f172a;margin-top:2px;font-size:1.06rem;font-weight:800;display:block}.cdm__stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.cdm__stat-icon--blue{color:#1d4ed8;background:#dbeafe}.cdm__stat-icon--green{color:#16a34a;background:#dcfce7}.cdm__stat-icon--violet{color:#7c3aed;background:#ede9fe}.cdm__stat-icon--gold{color:#d97706;background:#fef3c7}.cdm__stat-icon--teal{color:#0d9488;background:#ccfbf1}.cdm__stat-icon--orange{color:#ea580c;background:#ffedd5}.cdm__info-table{flex-direction:column;display:flex}.cdm__info-row{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;font-size:.84rem;font-weight:600;display:flex}.cdm__info-row strong{color:#0f172a;font-weight:800}.cdm__section{flex-direction:column;gap:12px;display:flex}.cdm__section-title{color:#071a33;border-bottom:1px solid #e2e8f0;margin:0;padding-bottom:8px;font-size:.9rem;font-weight:800}.cdm__description{color:#475569;white-space:pre-wrap;margin:0;font-size:.88rem;font-weight:500;line-height:1.75}.cdm__learn-list{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.cdm__learn-list li{color:#334155;align-items:flex-start;gap:8px;font-size:.84rem;font-weight:600;line-height:1.5;display:flex}.cdm__learn-list li svg{color:#22c55e;flex-shrink:0;margin-top:2px}.cdm__req-list{color:#475569;flex-direction:column;gap:6px;margin:0;padding:0 0 0 18px;font-size:.84rem;font-weight:600;line-height:1.55;list-style:outside;display:flex}.cdm__curriculum-summary{color:#64748b;border-bottom:1px solid #e2e8f0;padding-bottom:12px;font-size:.84rem;font-weight:700}.cdm__curriculum{flex-direction:column;gap:6px;display:flex}.cdm__section-block{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.cdm__section-header{color:#0f172a;cursor:pointer;text-align:left;background:#f8fafc;border:none;align-items:center;gap:8px;width:100%;padding:11px 14px;font-size:.86rem;font-weight:700;transition:background .1s;display:flex}.cdm__section-header:hover{background:#f1f5f9}.cdm__section-chevron{color:#64748b;flex-shrink:0}.cdm__section-name{flex:1;min-width:0}.cdm__section-count{color:#64748b;flex-shrink:0;font-size:.76rem;font-weight:700}.cdm__lessons{padding:4px 0}.cdm__lesson{color:#334155;border-top:1px solid #f1f5f9;align-items:center;gap:9px;padding:9px 14px 9px 38px;font-size:.84rem;font-weight:600;display:flex}.cdm__lesson-icon{color:#64748b;flex-shrink:0}.cdm__lesson-title{flex:1;min-width:0}.cdm__lesson-duration{color:#64748b;flex-shrink:0;align-items:center;gap:3px;font-size:.75rem;font-weight:700;display:inline-flex}.cdm__lesson-preview{color:#1d4ed8;background:#dbeafe;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.68rem;font-weight:800}.cdm__rating-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:24px;padding:16px 18px;display:flex}.cdm__rating-big{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:110px;display:flex}.cdm__rating-big strong{color:#0f172a;font-size:2.6rem;font-weight:800;line-height:1}.cdm__stars{color:#f59e0b;gap:2px;display:flex}.cdm__rating-big span{color:#64748b;font-size:.74rem;font-weight:700}.cdm__rating-big em{color:#94a3b8;font-size:.74rem;font-style:normal;font-weight:600}.cdm__rating-bars{flex-direction:column;flex:1;justify-content:center;gap:7px;display:flex}.cdm__rating-bar-row{color:#475569;align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:flex}.cdm__rating-bar-row>span:first-child{color:#0f172a;align-items:center;gap:3px;min-width:30px;display:inline-flex}.cdm__rating-bar-row>span:first-child svg{color:#f59e0b}.cdm__rating-bar{background:#e2e8f0;border-radius:999px;flex:1;height:8px;overflow:hidden}.cdm__rating-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:999px;height:100%;transition:width .35s}.cdm__rating-bar-row>span:last-child{text-align:right;min-width:22px}.cdm__reviews-toolbar{justify-content:space-between;align-items:center;display:flex}.cdm__reviews-toolbar h3{color:#071a33;margin:0;font-size:.9rem;font-weight:800}.cdm__reviews-toolbar select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;outline:none;height:30px;padding:0 10px;font-size:.8rem;font-weight:700}.cdm__review-list{flex-direction:column;gap:10px;display:flex}.cdm__review{border:1px solid #e2e8f0;border-radius:10px;gap:12px;padding:14px;transition:background .1s;display:flex}.cdm__review:hover{background:#f8fafc}.cdm__review-avatar{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.cdm__review-avatar img{object-fit:cover;width:100%;height:100%}.cdm__review-content{flex:1;min-width:0}.cdm__review-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.cdm__review-header strong{color:#0f172a;font-size:.86rem;font-weight:800}.cdm__review-stars{color:#f59e0b;gap:2px;display:flex}.cdm__review-time{color:#94a3b8;margin-left:auto;font-size:.75rem;font-weight:600}.cdm__review-comment{color:#475569;margin:0;font-size:.84rem;font-weight:500;line-height:1.65}.cdm__empty{text-align:center;color:#94a3b8;padding:44px 20px;font-size:.88rem;font-weight:600}.cdm__footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:13px 24px;display:flex}.cdm__btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 18px;font-size:.84rem;font-weight:700;transition:background .15s}.cdm__btn-cancel:hover{background:#f1f5f9}.cdm__btn-edit{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:.84rem;font-weight:800;transition:background .15s;display:inline-flex}.cdm__btn-edit:hover{background:#1e40af}@media (width<=640px){.cdm__stats-grid{grid-template-columns:repeat(2,1fr)}.cdm__learn-list{grid-template-columns:1fr}.cdm__rating-summary{flex-direction:column}}@media (width<=760px){.teacher-summary,.teacher-courses-toolbar{grid-template-columns:1fr}.teacher-courses-create,.teacher-courses-view-toggle{width:100%}.teacher-courses-view-toggle button{flex:1}}.teacher-analytics-page{--analytics-navy:#071a33;--analytics-text:#0f172a;--analytics-muted:#64748b;--analytics-border:#e2e8f0;--analytics-blue:#2563eb;--analytics-blue-dark:#1d4ed8;--analytics-blue-soft:#dbeafe;--analytics-green:#22c55e;--analytics-green-soft:#dcfce7;--analytics-gold:#f59e0b;--analytics-gold-soft:#fef3c7;--analytics-red:#ef4444;--analytics-red-soft:#fee2e2;color:var(--analytics-text);gap:12px;display:grid}.teacher-analytics-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.teacher-analytics-header h1{color:var(--analytics-text);margin:0;font-size:1.45rem;font-weight:900;line-height:1.1}.teacher-analytics-header p{color:#475569;margin:8px 0 0;font-size:.82rem;font-weight:700}.teacher-analytics-header>button,.teacher-analytics-panel-title button,.teacher-analytics-panel-title select,.teacher-analytics-panel__header button,.teacher-analytics-panel__header select{border:1px solid var(--analytics-border);color:#334155;min-height:34px;font:inherit;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.78rem;font-weight:850;display:inline-flex;box-shadow:0 8px 20px #0f172a0a}.teacher-analytics-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.teacher-analytics-stat,.teacher-analytics-panel{border:1px solid var(--analytics-border);background:#fff;border-radius:10px;min-width:0;box-shadow:0 14px 34px #0f172a0f}.teacher-analytics-stat{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:14px;min-height:118px;padding:16px 18px;display:grid}.teacher-analytics-stat__icon{background:var(--analytics-blue-soft);width:44px;height:44px;color:var(--analytics-blue);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.teacher-analytics-stat--gold .teacher-analytics-stat__icon{background:var(--analytics-gold-soft);color:var(--analytics-gold)}.teacher-analytics-stat--green .teacher-analytics-stat__icon{background:var(--analytics-green-soft);color:var(--analytics-green)}.teacher-analytics-stat--red .teacher-analytics-stat__icon{background:var(--analytics-red-soft);color:var(--analytics-red)}.teacher-analytics-stat small{letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;display:block;font-size:.8rem!important;font-weight:500!important}.teacher-analytics-stat strong{color:var(--revenue-text);font-size:1.4rem;line-height:1.1;display:block;font-weight:700!important}.teacher-analytics-stat p{color:#475569;align-items:center;gap:12px;margin-top:3px;font-size:.72rem;font-weight:800;display:flex}.teacher-analytics-stat p span{color:#059669;font-weight:900}.teacher-analytics-stat p.teacher-analytics-negative span{color:var(--analytics-red)}.teacher-analytics-main-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.98fr);gap:12px;display:grid}.teacher-analytics-panel-wrap{grid-template-rows:auto 1fr;gap:10px;min-width:0;display:grid}.teacher-analytics-panel-title{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 2px;display:flex}.teacher-analytics-panel-title h2{color:var(--revenue-text);font-family:var(--font-sans), serif;margin:0;font-size:1.3rem;font-weight:900;line-height:1.2}.teacher-analytics-panel-title h2 svg{color:#64748b}.teacher-analytics-panel-title__hint{color:var(--analytics-muted);font-size:.78rem;font-weight:700}.teacher-analytics-panel-title button,.teacher-analytics-panel-title select{min-height:30px;color:var(--analytics-blue-dark);box-shadow:none;padding-inline:12px}.teacher-analytics-panel-wrap>.teacher-analytics-panel{min-height:100%}.teacher-analytics-panel{padding:16px}.teacher-analytics-panel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.teacher-analytics-panel__header h2{color:var(--analytics-text);align-items:center;gap:7px;margin:0;font-size:1rem;font-weight:900;line-height:1.2;display:inline-flex}.teacher-analytics-panel__header h2 svg{color:#64748b}.teacher-analytics-panel__header button,.teacher-analytics-panel__header select{min-height:30px;color:var(--analytics-blue-dark);box-shadow:none;padding-inline:12px}.teacher-analytics-performance-tabs{border-bottom:1px solid var(--analytics-border);align-items:center;gap:28px;margin-bottom:14px;display:flex}.teacher-analytics-performance-tabs button{color:#334155;background:0 0;border:0;border-bottom:3px solid #0000;min-height:34px;padding:0;font-size:.78rem;font-weight:850}.teacher-analytics-performance-tabs__active{border-bottom-color:var(--analytics-blue)!important;color:var(--analytics-blue-dark)!important}.teacher-analytics-chart__legend{justify-content:flex-end;gap:24px;margin-bottom:10px;display:flex}.teacher-analytics-chart__legend span{color:#334155;align-items:center;gap:8px;font-size:.76rem;font-weight:850;display:inline-flex}.teacher-analytics-chart__legend span:before{content:"";background:currentColor;border-radius:999px;width:18px;height:4px}.teacher-analytics-chart__legend--completion{color:var(--analytics-blue-dark)!important}.teacher-analytics-chart__legend--watch{color:#60a5fa!important}.teacher-analytics-chart__legend--engagement{color:#7c3aed!important}.teacher-analytics-chart__body{grid-template-columns:36px minmax(0,1fr);gap:10px;display:grid}.teacher-analytics-chart__axis{height:252px;color:var(--analytics-muted);flex-direction:column;justify-content:space-between;padding-top:8px;font-size:.72rem;font-weight:850;display:flex}.teacher-analytics-chart__plot{background:linear-gradient(#e2e8f0 1px,#0000 1px) 0 18px/100% 55px,#fff;min-height:252px}.teacher-analytics-chart__plot svg{width:100%;height:230px}.teacher-analytics-chart__line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.teacher-analytics-chart__line--completion{stroke:var(--analytics-blue)}.teacher-analytics-chart__line--watch{stroke:#60a5fa}.teacher-analytics-chart__line--engagement{stroke:#7c3aed}.teacher-analytics-chart__labels{color:var(--analytics-muted);justify-content:space-between;font-size:.72rem;font-weight:850;display:flex}.teacher-analytics-empty{color:var(--analytics-muted);padding:16px 4px;font-size:.82rem}.teacher-analytics-panel--demographics header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.teacher-analytics-panel__icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.teacher-analytics-panel__icon--gold{color:var(--analytics-gold);background:#fef3c7}.teacher-analytics-panel--demographics h2{color:var(--analytics-text);margin:0;font-size:1.05rem;font-weight:900}.teacher-analytics-demographic-bar{background:var(--analytics-border);border-radius:999px;gap:2px;height:14px;margin-bottom:16px;display:flex;overflow:hidden}.teacher-analytics-demographic-bar__segment{height:100%}.teacher-analytics-demographic-list{gap:10px;display:grid}.teacher-analytics-demographic-item{align-items:center;gap:8px;display:flex}.teacher-analytics-demographic-item i{border-radius:3px;flex:none;width:10px;height:10px}.teacher-analytics-demographic-item strong{min-width:0;color:var(--analytics-text);flex:1;font-size:.84rem;font-weight:700}.teacher-analytics-demographic-item span{color:var(--analytics-text);font-size:.84rem;font-weight:900}.teacher-analytics-course-table{min-height:238px}.teacher-analytics-course-table table{border-collapse:collapse;table-layout:fixed;width:100%}.teacher-analytics-course-table th,.teacher-analytics-course-table td{border-bottom:1px solid var(--analytics-border);text-align:left;padding:5px 6px;font-size:.74rem}.teacher-analytics-course-table th{color:#475569;font-weight:900}.teacher-analytics-course-table td{color:#334155;font-weight:750}.teacher-analytics-course-table__course{-webkit-line-clamp:2;word-break:break-word;max-height:2.6em;color:var(--analytics-text);-webkit-box-orient:vertical;font-weight:900;line-height:1.3;display:-webkit-box;overflow:hidden}.teacher-analytics-course-table td:nth-child(2){color:var(--analytics-text);font-weight:900}.teacher-analytics-course-table__pagination{justify-content:center;align-items:center;gap:12px;padding:6px 0 0;display:flex}.teacher-analytics-course-table__pagination button{border:1px solid var(--analytics-border);color:#475569;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:border-color .2s,color .2s;display:inline-flex}.teacher-analytics-course-table__pagination button:hover:not(:disabled){color:var(--analytics-blue-dark);border-color:#93c5fd}.teacher-analytics-course-table__pagination button:disabled{opacity:.4;cursor:not-allowed}.teacher-analytics-course-table__pagination span{color:#475569;font-size:.78rem;font-weight:700}.teacher-analytics-trend polyline{fill:none;stroke:#22c55e;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.teacher-analytics-trend--down polyline{stroke:var(--analytics-red)}.teacher-analytics-engagement-list,.teacher-analytics-attention-list{gap:13px;display:grid}.teacher-analytics-engagement-item{grid-template-columns:42px minmax(140px,.8fr) minmax(140px,1fr) 70px 86px;align-items:center;gap:14px;display:grid}.teacher-analytics-engagement-item>span{background:var(--analytics-blue-soft);width:38px;height:38px;color:var(--analytics-blue);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.teacher-analytics-engagement-item--green>span{background:var(--analytics-green-soft);color:var(--analytics-green)}.teacher-analytics-engagement-item--purple>span{color:#7c3aed;background:#ede9fe}.teacher-analytics-engagement-item--gold>span{background:var(--analytics-gold-soft);color:var(--analytics-gold)}.teacher-analytics-engagement-item strong,.teacher-analytics-engagement-item b{color:var(--analytics-text);font-size:.86rem;font-weight:900}.teacher-analytics-engagement-item b{text-align:right;font-size:1rem}.teacher-analytics-engagement-item small{color:#059669;font-size:.72rem;font-weight:900;display:grid}.teacher-analytics-engagement-item em{color:var(--analytics-muted);font-style:normal;font-weight:750}.teacher-analytics-attention-item{border:0;border-bottom:1px solid var(--analytics-border);text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr) 76px 22px;align-items:center;gap:12px;width:100%;min-height:62px;padding:0;display:grid}.teacher-analytics-attention-item:last-child{border-bottom:0}.teacher-analytics-attention-item>span{background:var(--analytics-red-soft);width:38px;height:38px;color:var(--analytics-red);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.teacher-analytics-attention-item--orange>span{background:var(--analytics-gold-soft);color:var(--analytics-gold)}.teacher-analytics-attention-item--blue>span{background:var(--analytics-blue-soft);color:var(--analytics-blue)}.teacher-analytics-attention-item strong,.teacher-analytics-attention-item b{color:var(--analytics-text);gap:4px;font-size:.8rem;font-weight:900;display:grid}.teacher-analytics-attention-item small{color:var(--analytics-muted);font-size:.74rem;font-weight:750}.teacher-analytics-attention-item b{color:var(--analytics-red);text-align:right;font-size:1rem}.teacher-analytics-attention-item--orange b{color:#f97316}.teacher-analytics-attention-item--blue b{color:var(--analytics-blue)}.teacher-analytics-attention-item i{color:#64748b;text-align:right;font-size:1.4rem;font-style:normal}@media (width<=1320px){.teacher-analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-analytics-main-grid{grid-template-columns:1fr}}@media (width<=760px){.teacher-analytics-header,.teacher-analytics-stat-grid,.teacher-analytics-chart__body,.teacher-analytics-engagement-item,.teacher-analytics-attention-item{grid-template-columns:1fr}.teacher-analytics-header>button{width:100%}.teacher-analytics-chart__axis{display:none}.teacher-analytics-chart__legend,.teacher-analytics-performance-tabs{flex-wrap:wrap;justify-content:flex-start;gap:12px}.teacher-analytics-engagement-item b,.teacher-analytics-attention-item b,.teacher-analytics-trend{text-align:left}}.teacher-profile-page{flex-direction:column;gap:18px;max-width:720px;display:flex}.teacher-profile-header h1{color:#0f172a;margin:0 0 4px;font-size:1.3rem;font-weight:800}.teacher-profile-header p{color:#64748b;margin:0;font-size:.85rem}.teacher-profile-form{background:#fff;border-radius:14px;flex-direction:column;gap:18px;padding:22px;display:flex;box-shadow:0 14px 34px #0f172a12}.teacher-profile-avatar{align-items:center;gap:14px;display:flex}.teacher-profile-avatar img,.teacher-profile-avatar__placeholder{object-fit:cover;color:#1d4ed8;background:#eff6ff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.teacher-profile-avatar button{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.teacher-profile-avatar button:disabled{opacity:.6;cursor:not-allowed}.teacher-spin{animation:1s linear infinite teacher-profile-spin}@keyframes teacher-profile-spin{to{transform:rotate(360deg)}}.teacher-profile-field{flex-direction:column;gap:6px;display:flex}.teacher-profile-field label{color:#334155;font-size:.8rem;font-weight:700}.teacher-profile-field input,.teacher-profile-field textarea{color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:.88rem}.teacher-profile-field textarea{resize:vertical}.teacher-profile-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.teacher-profile-social-item{color:#94a3b8;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.teacher-profile-social-item input{border:none;flex:1;padding:9px 0}.teacher-profile-social-item input:focus,.teacher-profile-field input:focus,.teacher-profile-field textarea:focus{outline:2px solid #bfdbfe}.teacher-profile-actions{justify-content:flex-end;display:flex}.teacher-profile-actions button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;padding:10px 22px;font-size:.88rem;font-weight:700}.teacher-profile-actions button:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.teacher-profile-social-grid{grid-template-columns:1fr}}:root{--blue-deep-navy:#071a33;--blue-dark:#0f172a;--blue-primary:#1d4ed8;--blue-strong:#2563eb;--blue-medium:#3b82f6;--blue-soft:#93c5fd;--blue-pale:#dbeafe;--blue-hover:#eff6ff;--bg-main:#f8fafc;--bg-secondary:#f1f5f9;--bg-white:#fff;--border-light:#e2e8f0;--border-soft:#cbd5e1;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-placeholder:#94a3b8;--text-white:#fff;--warm-gold:#f4b740;--success-green:#22c55e;--danger-red:#ef4444}.sidebar-header{border-bottom:1px solid #eef2f7;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-header h3{color:#111827;font-size:18px;font-weight:700}.clear-all{color:#6366f1;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.sidebar-content{flex:1;padding:20px;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-footer{background:#fff;border-top:1px solid #eef2f7;flex-shrink:0;padding:20px}.filter-title-header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.filter-title{color:#111827;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.filter-title i:first-child{color:#6d5dfc;background:#f3f0ff;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.filter-subtitle{color:#64748b;margin:10px 0 15px;font-size:13px}.dropdown-arrow{color:#64748b;transition:all .3s}.dropdown-arrow.open{transform:rotate(180deg)}.filter-options{flex-direction:column;gap:10px;display:flex}.filter-checkbox{cursor:pointer;border-radius:12px;align-items:center;padding:8px 10px;transition:all .25s;display:flex}.filter-checkbox:hover{background:#f8fafc}.filter-checkbox input{accent-color:#6d5dfc;width:18px;height:18px}.checkbox-content{flex:1;justify-content:space-between;align-items:center;margin-left:12px;display:flex}.item-name{color:#334155;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.item-icon,.flag{font-size:18px}.item-count{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;justify-self:flex-end;align-items:center;min-width:40px;height:26px;margin-left:auto;padding:0 10px;font-size:10px;font-weight:500;display:flex}.filter-checkbox:hover .item-count{color:#6d5dfc;background:#ede9fe}.show-more-btn{color:#6d5dfc;cursor:pointer;background:0 0;border:none;margin-top:10px;font-weight:600}.show-more-btn:hover{text-decoration:underline}.apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d5dfc,#8b5cf6);border:none;border-radius:14px;width:100%;height:52px;font-size:15px;font-weight:700;transition:all .3s}.apply-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6d5dfc40}.apply-btn{background:var(--blue-strong);width:100%;color:var(--text-white);cursor:pointer;border:none;border-radius:8px;margin-top:16px;padding:14px 16px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #2563eb26}.apply-btn:hover{background:var(--blue-medium);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb40}.apply-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb26}@media (width<=768px){.filter-group{margin-bottom:16px;padding-bottom:16px}.filter-title{font-size:13px}.filter-checkbox{gap:8px;padding:5px 6px}.filter-checkbox input{width:16px;height:16px}.filter-checkbox span{font-size:12px}.apply-btn{padding:12px 14px;font-size:13px}}@media (width<=480px){.filter-group{margin-bottom:14px;padding-bottom:14px}.filter-title{font-size:12px}.filter-options{gap:10px}}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-main)}.instructors-page{background:var(--bg-main);min-height:100vh}.page-header{background:var(--bg-white);border-bottom:1px solid var(--border-light);padding:24px 20px}.page-header h1{margin-bottom:4px;font-size:24px;font-weight:700}.page-header p{color:var(--text-secondary);font-size:13px}.sidebar-header h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-main);font-size:12px;font-weight:700}.clear-all{color:var(--blue-strong);cursor:pointer;font-size:12px;text-decoration:none}.filter-group:last-child{border-bottom:none}.filter-title{color:var(--text-main);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.filter-title i{color:var(--blue-strong)}.rating-filter{gap:2px;margin-bottom:8px;display:flex}.rating-filter i{color:var(--warm-gold);font-size:12px}.filter-subtitle{color:var(--text-muted);font-size:12px}.apply-btn{background:var(--blue-strong);width:100%;color:var(--text-white);cursor:pointer;border:none;border-radius:6px;padding:12px;font-size:13px;font-weight:600;transition:all .3s}.apply-btn:hover{background:var(--blue-medium)}.search-section{background:var(--bg-white);border:1px solid var(--border-light);border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.search-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;flex:1;align-items:center;gap:8px;padding:10px 12px;display:flex}.search-icon{color:var(--text-muted);font-size:14px}.controls-right{align-items:center;gap:8px;display:flex}.select-control{border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:12px}.view-btn{border:1px solid var(--border-light);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:16px;transition:all .3s;display:flex}.view-btn:hover{background:var(--blue-strong);color:var(--text-white);border-color:var(--blue-strong)}.category-section{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tag-label{color:var(--text-secondary);font-size:13px;font-weight:600}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .3s}.tag:hover{border-color:var(--blue-strong);color:var(--blue-strong)}.tag.active{background:var(--blue-strong);color:var(--text-white);border-color:var(--blue-strong)}.instructors-grid-in{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;display:grid}.teacher-card{background:var(--bg-white);border:1px solid var(--border-light);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:16px;min-height:420px;padding:22px 18px 20px;transition:all .3s;display:flex}.teacher-card:hover{border-color:var(--blue-pale);box-shadow:0 10px 30px #0f172a14}.teacher-avatar{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:inline-flex;overflow:hidden;box-shadow:0 12px 28px #0f172a14}.teacher-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.teacher-role{width:100%;color:var(--text-secondary);font-size:13px;line-height:1.6}.teacher-bio{width:100%;color:var(--text-muted);font-size:13px;line-height:1.7}.teacher-stats{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.instructor-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;gap:12px;height:95%;padding:20px;transition:all .3s;display:flex}.card-header-in-in{text-align:left;justify-content:space-between;align-items:center;display:flex}.badge-in-in{text-transform:uppercase;color:var(--text-white);white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:9px;font-weight:700}.badge-verified{background:var(--success-green)}.badge-top-rated{background:var(--warm-gold)}.badge-best-seller{background:var(--blue-strong)}.badge-new{background:var(--danger-red)}.wishlist-btn{border:1px solid var(--border-light);background:var(--bg-white);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;margin-left:120px;font-size:12px;transition:all .3s;display:flex}.wishlist-btn:hover{background:var(--blue-strong);color:var(--text-white);border-color:var(--blue-strong)}.avatar-wrapper-in{width:100px;height:100px;margin:-20px auto 0;position:relative}.avatar{object-fit:cover;border:3px solid var(--blue-soft);border-radius:50%;width:100%;height:100%}.online-dot{display:none}.instructor-name-new{text-align:center;justify-content:center;align-items:center;gap:6px;width:100%;font-size:22px;font-weight:700;display:flex}.check-icon{color:var(--blue-strong);font-size:12px}.instructor-title-new-in{width:100%;color:var(--text-secondary);text-align:center;margin-top:-20px;padding-top:15px;font-size:12px}.skills-row{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin-top:-10px;display:flex}.skill-tag{background:var(--blue-hover);color:var(--blue-strong);border-radius:12px;padding:4px 8px;font-size:10px;font-weight:500;box-shadow:0 4px 4px #7a9bec33}.rating-row{justify-content:center;gap:12px;display:flex}.rating{align-items:center;gap:4px;font-size:15px;display:flex}.star-icon{color:var(--warm-gold);font-size:12px}.rating-value{color:var(--text-main);font-weight:700}.rating-count{color:var(--text-muted)}.bio{color:var(--text-secondary);text-align:center;font-size:11px;line-height:1.4}.course-box{border:1px solid var(--border-light);background:#fff;border-radius:12px;align-items:center;gap:14px;width:100%;height:17%;padding:12px;display:flex}.course-icon-box{border-radius:12px;flex-shrink:0;width:52px;height:52px;overflow:hidden}.course-icon-box img{object-fit:cover;width:100%;height:100%}.course-details{flex-direction:column;flex:1;gap:4px;display:flex}.course-details h4{color:var(--text-main);margin-top:12px;margin-left:45px;padding:5px;font-size:10px;font-weight:700}.course-details p{color:var(--text-secondary);margin-top:-8px;margin-left:45px;font-size:10px}.course-meta{align-items:center;gap:10px;margin-top:4px;display:flex}.course-students{color:var(--text-muted);margin-left:45px;font-size:10px}.course-price{color:var(--text-main);margin-bottom:5px;margin-left:45px;font-size:10px;font-weight:500}.stats-row{justify-content:center;gap:20px;display:flex}.stat{align-items:center;gap:4px;margin-left:20px;display:flex}.stat-icon{gap:4px;font-size:16px}.card-actions{gap:8px;width:90%;display:flex}.view-profile-btn{border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--blue-strong);cursor:pointer;border-radius:6px;flex:1;padding:9px;font-size:12px;font-weight:600;transition:all .3s}.view-profile-btn:hover{background:var(--blue-strong);color:var(--text-white);border-color:var(--blue-strong)}.teacher-card{text-align:center;background:var(--bg-white);border:1px solid var(--border-light);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:24px 20px 22px;display:flex;box-shadow:0 18px 40px #0f172a0f}.teacher-card h4{color:var(--blue-dark);text-align:center;margin:0;font-size:20px;font-weight:800}.teacher-avatar{background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;display:flex;overflow:hidden}.teacher-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.teacher-role,.teacher-bio{width:100%;color:var(--text-secondary);text-align:center;margin:0}.teacher-role{font-size:13px;line-height:1.5}.teacher-bio{font-size:13px;line-height:1.7}.teacher-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.teacher-stats span{background:var(--bg-secondary);color:var(--text-main);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.message-btn{border:1px solid var(--border-light);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .3s;display:flex}.message-btn:hover{background:var(--blue-strong);color:var(--text-white);border-color:var(--blue-strong)}.result-text{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:13px}.sidebar-header{border-bottom:1px solid var(--border-light);margin:0;padding:16px}.filter-eyebrow{color:var(--blue-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.sidebar-header h3{color:var(--text-main);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:14px;font-weight:700;line-height:1.15}.clear-all{border:1px solid var(--border-light);background:var(--bg-main);color:var(--blue-strong);border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700}.clear-all:hover{background:var(--blue-hover);border-color:var(--blue-soft)}.filter-group{border-bottom:1px solid var(--border-light);box-shadow:none;background:0 0;border-radius:0;margin:0 0 14px;padding:0 0 14px}.filter-group:last-child{border-bottom:0;margin-bottom:0}.filter-title{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 8px;display:flex}.filter-title span{color:var(--text-main);font-size:14px;font-weight:700}.filter-title small{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:600}.filter-chip-grid,.filter-language-grid{gap:0;display:grid}.filter-chip-in{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f7;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;min-height:36px;padding:8px 0;transition:background .2s,border-color .2s,color .2s;display:grid}.filter-chip:hover,.filter-row:hover,.filter-pill:hover,.filter-language:hover{color:var(--blue-strong);background:0 0}.filter-chip:last-child,.filter-row:last-child,.filter-language:last-child{border-bottom:0}.filter-chip-in input,.filter-pill-in input,.filter-row-in input,.filter-language input{appearance:none;border:2px solid var(--border-soft);cursor:pointer;background:#fff;border-radius:4px;width:18px;height:18px;position:relative}.filter-chip-in,.filter-pill-in,.filter-row-in,.filter-language{position:relative}.filter-row input{border-radius:999px}.filter-chip-in input,.filter-pill-in input,.filter-row-in input,.filter-language-in input{appearance:none;border:2px solid var(--border-soft);cursor:pointer;background:#fff;border-radius:4px;width:18px;height:18px;position:relative}.filter-chip-in input:checked,.filter-pill-in input:checked,.filter-row-in input:checked,.filter-language input:checked{background:var(--blue-strong);border-color:var(--blue-strong)}.filter-chip-in input:checked:after,.filter-pill-in input:checked:after,.filter-row-in input:checked:after,.filter-language input:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.filter-row input:checked{border-color:var(--blue-strong);background:radial-gradient(circle, var(--blue-strong) 0 42%, transparent 45%), #fff}:is(.filter-chip:has(input:checked),.filter-row:has(input:checked),.filter-pill:has(input:checked),.filter-language:has(input:checked)){color:var(--blue-strong);background:0 0}.filter-chip-name,.filter-row-main{min-width:0;color:var(--text-secondary);flex:1;align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:1.35;display:flex}.item-icon{color:var(--blue-strong);flex-shrink:0}.filter-list{gap:8px;display:grid}.filter-row-in{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f7;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.rating-stars{color:var(--warm-gold);letter-spacing:0;font-size:14px}.filter-pill-row{gap:0;display:grid}.filter-pill-in{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f7;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;min-height:36px;padding:8px 0;display:grid}.filter-pill-in:last-child{border-bottom:0}.filter-pill-in span{color:var(--text-secondary);font-size:12px;font-weight:600}.filter-pill-in em{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:40px;height:26px;margin-left:auto;padding:0 10px;font-size:10px;font-style:normal;font-weight:500;display:flex}.filter-language em{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;justify-self:end;align-items:center;min-width:40px;height:26px;margin-left:auto;padding:0 10px;font-size:10px;font-style:normal;font-weight:500;display:flex}.filter-language-grid{grid-template-columns:1fr}.filter-language{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f7;border-radius:0;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding:9px 0;font-size:12px;font-weight:600;display:grid}.sidebar-footer{border-top:1px solid var(--border-light);background:#fff;padding:14px 16px 16px}.apply-btn{background:var(--blue-strong);border-radius:6px;height:42px;margin:0;padding:0 14px;font-size:13px;font-weight:700}.page-container{grid-template-columns:250px 1fr;gap:18px;max-width:1280px;padding:18px 16px}.category-section{gap:8px}.tag{padding:5px 12px;font-size:11px}.instructors-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:auto;align-content:start;align-items:start;gap:18px 16px}.instructor-card{border-radius:8px;align-self:start;gap:10px;height:auto;min-height:500px;padding:14px;overflow:visible}.badge{padding:4px 7px;font-size:8px}.wishlist-btn{width:26px;height:26px;margin-left:0}.instructor-card .avatar-wrapper{aspect-ratio:1;width:76px;height:76px;box-shadow:none;border-radius:50%;margin-top:0;margin-left:auto;margin-right:auto;overflow:visible}.instructor-card .avatar{aspect-ratio:1;object-fit:cover;object-position:center;border-radius:50%;width:76px;max-width:none;height:76px;display:block}.instructor-name-new{flex-wrap:nowrap;min-height:38px;margin:0;font-size:16px;line-height:1.2}.instructor-title-new{min-height:16px;margin:0;font-size:11px;line-height:1.35}.skills-row{gap:5px;min-height:26px;margin-top:0}.skill-tag{padding:3px 7px;font-size:9px}.rating-row{flex-wrap:wrap;align-items:center;gap:8px}.stat-value,.bio{font-size:11px}.stats-row{gap:10px}.stat{margin-left:0}.bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:50px;margin:0;display:-webkit-box;overflow:hidden}.instructor-card:not(:has(.course-box)) .bio{min-height:72px}.course-box{border-radius:8px;align-items:flex-start;gap:8px;height:auto;min-height:94px;padding:8px}.course-icon-box{border-radius:8px;width:40px;height:40px}.course-details{gap:3px;min-width:0}.course-details h4,.course-details p,.course-students,.course-price{margin-left:0}.course-details h4{min-height:14px;margin-top:0;padding:0;font-size:11px;line-height:1.25}.course-details p{min-height:13px;margin-top:0;font-size:10px;line-height:1.25}.course-meta,.course-students,.course-price{font-size:10px;line-height:1.25}.course-price{color:var(--blue-strong);font-size:20px;font-weight:800;line-height:1.1}.card-actions{gap:8px;width:100%;margin-top:auto}.view-profile-btn{padding:7px 8px;font-size:11px}.message-btn{width:32px;height:32px}.sidebar-header{padding:14px}.sidebar>.filter-group{margin:0 14px 12px;padding:10px 0 12px}.filter-title span{font-size:13px}.filter-chip,.filter-row,.filter-language{min-height:32px;padding:7px 0}.filter-chip-name,.filter-row-main,.filter-pill,.filter-language{font-size:11px}@media (width<=1024px){.page-container{grid-template-columns:200px 1fr}.instructors-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=768px){.page-container{grid-template-columns:1fr}.sidebar{position:static}.instructors-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.search-section{flex-wrap:wrap}}@media (width<=480px){.page-header{padding:16px 12px}.page-header h1{font-size:20px}.page-container{padding:12px}.instructors-grid{grid-template-columns:1fr}}.instructors-page{background:var(--bg-main);margin-top:-60px;padding:110px}.instructors-overview{border:1px solid var(--border-light);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:28px;max-width:1480px;margin:0 auto 18px;padding:24px 28px;display:flex;box-shadow:0 12px 34px #0f172a0a}.instructors-overview-copy h1{color:var(--text-main);letter-spacing:0;margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.2}.instructors-overview-copy p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.instructors-overview-stats{grid-template-columns:repeat(4,minmax(130px,1fr));gap:0;display:grid}.overview-stat{border-left:1px solid var(--border-light);align-items:center;gap:12px;min-width:0;padding:0 24px;display:flex}.overview-stat-icon{width:44px;height:44px;color:var(--blue-strong);background:var(--blue-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.overview-stat-icon-warm{color:#f59e0b;background:#fff7ed}.overview-stat strong,.overview-stat small{display:block}.overview-stat strong{color:var(--text-main);font-size:16px;font-weight:800;line-height:1.2}.overview-stat small{color:var(--text-secondary);margin-top:3px;font-size:12px;line-height:1.35}.page-container{grid-template-columns:280px 1fr;gap:24px;max-width:1480px;margin:0 auto;padding:0;display:grid}.sidebar-wrapper{width:70%;display:block}.sidebar-in{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-soft) transparent;scrollbar-width:none;-ms-overflow-style:none;height:calc(100vh - 106px);min-height:0;position:sticky;top:86px;overflow:hidden auto}@media (width<=1520px){.sidebar-in{left:20px}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:999px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar-header{z-index:2;position:sticky;top:0}.sidebar-footer{z-index:2;position:sticky;bottom:0}.filter-title span{color:var(--text-main)}.rating-stars,.star-icon{color:#f59e0b}.category-section{align-items:center;gap:12px;padding:8px 0 4px;display:flex}.tag-label{color:var(--text-main);font-size:12px}.tag{min-height:32px;color:var(--text-secondary);border-color:var(--border-light);background:#fff;border-radius:999px;padding:0 18px;font-size:12px;font-weight:600}.tag.active{background:var(--blue-strong);border-color:var(--blue-strong);color:#fff;box-shadow:0 10px 22px #2563eb3d}.sort-control{color:var(--text-main);align-items:center;gap:12px;margin-left:auto;font-size:12px;font-weight:700;display:inline-flex}.sort-control select{border:1px solid var(--border-light);min-width:150px;height:36px;color:var(--text-main);background:#fff;border-radius:6px;outline:none;padding:0 36px 0 14px;font-size:12px;font-weight:600}.instructors-grid-in{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.instructor-card{border-color:var(--border-light);min-height:360px;box-shadow:none;gap:10px;padding:14px 16px 16px}.instructor-card:hover{border-color:var(--blue-soft);box-shadow:0 16px 34px #0f172a14}.badge{color:var(--blue-strong);background:var(--blue-hover);border-radius:6px}.badge-verified{color:var(--blue-strong);background:var(--blue-hover)}.badge-top-rated{color:#ea580c;background:#fff7ed}.badge-best-seller{color:#15803d;background:#f0fdf4}.badge-new{color:#7c3aed;background:#f5f3ff}.wishlist-btn{color:#334155;background:0 0;border:none}.instructor-card .avatar-wrapper{width:86px;height:86px}.instructor-card-in{background:#fff;border:1px solid #eef2f7;border-radius:16px;align-items:start;gap:10px;width:100%;height:100%;padding:22px;display:grid;box-shadow:0 8px 20px #0f172a0d}.instructor-card .avatar{border:3px solid var(--border-light);width:86px;height:86px}.instructor-name-new,.instructor-title-new,.bio{text-align:left}.instructor-name-new{min-height:0;color:var(--text-main);font-size:16px;font-weight:800}.instructor-title-new{color:var(--text-secondary);font-size:12px}.skills-row-in{text-align:center;justify-content:flex-start}.skill-tag{background:var(--blue-hover);color:var(--blue-strong);box-shadow:none;font-size:10px;font-weight:700}.rating-row-in{color:var(--text-secondary);justify-content:flex-start;gap:12px}.stats-row{justify-content:flex-start;gap:10px}.stat{color:var(--text-secondary)}.stat-icon{display:none}.stat-value{color:var(--text-secondary);font-weight:700}.bio{min-height:58px;color:var(--text-secondary);-webkit-line-clamp:3;font-size:12px;line-height:1.55}.course-box{display:none}.card-actions{margin-top:auto}.view-profile-btn,.message-btn{border-color:var(--blue-soft);color:var(--blue-strong);background:#fff}.message-btn{gap:8px;width:auto;min-width:104px}.message-btn:after{content:"Message";font-size:11px;font-weight:600}@media (width<=1200px){.instructors-overview{flex-direction:column;align-items:flex-start}.instructors-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px;width:100%}.overview-stat:nth-child(odd){border-left:0;padding-left:0}}@media (width<=768px){.instructors-page{padding:12px}.instructors-overview{padding:18px}.instructors-overview-stats{grid-template-columns:1fr}.overview-stat{border-left:0;padding:0}.page-container{grid-template-columns:1fr}.sidebar{max-height:520px;position:static}.category-section{flex-direction:column;align-items:flex-start}.sort-control{margin-left:0}}*{box-sizing:border-box;font-family:var(--font-sans), serif;margin:0;padding:0}.instructor-detail{background-color:#f9fafb;margin:-70px auto 0;padding:110px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.profile-header-in{background:#fff;border-radius:12px;margin-bottom:40px;position:relative;overflow:hidden}.header-img{background-image:url(/assets/header-intructor-CDyzy5PQ.png);background-position:50%;background-size:cover;height:200px}.profile-header-under{background:#fff;gap:30px;padding:100px 30px 30px;display:flex;position:relative}.section-title{color:#1f2937;margin-bottom:20px;padding-left:14px;font-size:24px;font-weight:700;position:relative}.section-title:before{content:"";background:#1d4ed8;border-radius:4px;width:4px;height:28px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.profile-header>*{z-index:1;position:relative}@media (width<=768px){.profile-header{text-align:center;background-attachment:scroll;flex-direction:column;align-items:center;gap:20px;padding:20px}.profile-name-section{justify-content:center}.profile-info{align-items:center}.social-links{justify-content:center}.profile-right{min-width:unset;align-items:stretch;width:100%}.profile-actions-vertical{min-width:unset}.follow-btn,.message-btn{width:100%}.instructor-name{font-size:22px}}.profile-left{flex-shrink:0;width:180px}.profile-image-container{width:180px;height:180px;position:absolute;top:-60px;left:30px}.profile-image{object-fit:cover;border:4px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 4px 12px #00000026}.verified-badge{color:#fff;background-color:#1d4ed8;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:20px;font-weight:700;display:flex;position:absolute;bottom:6px;right:10px}.profile-center{flex:1;margin-top:-30px}.profile-name-section{align-items:center;gap:8px;margin-top:-60px;margin-bottom:4px;display:flex}.instructor-name-in{color:#1f2937;font-size:28px;font-weight:700}.info-icon{color:#1d4ed8;flex-shrink:0;font-size:18px}.verified-icon{color:#fff;background-color:#1d4ed8;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:flex}.instructor-title{color:#6b7280;margin-bottom:12px;font-size:16px;font-weight:500}.profile-info{color:#6b7280;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.info-item{align-items:center;gap:8px;display:flex}.info-icon{min-width:18px;font-size:15px}.instructor-bio-in{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:500px;margin-bottom:12px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.social-links-in{gap:12px;display:flex}.social-link-in{background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .3s;display:inline-flex}.social-link-in:hover{color:#fff;background-color:#c9d4ec;transform:translateY(-2px)}.profile-right{flex-direction:column;flex-shrink:0;gap:12px;margin-top:-50px;margin-right:60px;display:flex}.profile-actions-vertical{flex-direction:column;gap:12px;min-width:140px;display:flex}hr.hr-in{background:#e5e7eb;border:0;height:1px}.follow-btn,.message-btn{cursor:pointer;white-space:nowrap;text-align:center;border:none;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .3s}.follow-btn{color:#fff;background-color:#1d4ed8}.follow-btn svg{margin-right:8px}.follow-btn:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.follow-btn.following{background-color:#10b981}.message-btn{color:#6b7280;background-color:#fff;border:1px solid #e5e7eb}.message-btn:hover{background-color:#1d4ed8}.follower-info{text-align:center;background-color:#ffffffb3;border-radius:6px;padding:10px 12px}.follower-count{color:#1f2937;margin-bottom:4px;font-size:13px;font-weight:600}.online-status{color:#10b981;font-size:12px;font-weight:500}@media (width<=768px){.profile-header{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:20px}.profile-name-section{justify-content:center}.profile-info{align-items:center}.social-links{justify-content:center}.profile-right{min-width:unset;align-items:stretch;width:100%}.profile-actions-vertical{min-width:unset}.follow-btn,.message-btn{width:100%}.instructor-name{font-size:22px}}.profile-content{grid-template-columns:1fr 320px;gap:30px;display:grid}.content-left{flex-direction:column;gap:30px;margin-top:-55px;display:flex}.section{background:#fff;border-radius:6px;padding:30px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:#1f2937;font-size:20px;font-weight:700;font-family:var(--font-sans);margin-bottom:16px}.view-more{color:#1d4ed8;font-size:14px;font-weight:600;text-decoration:none}.view-more:hover{text-decoration:underline}.section-text{color:#6b7280;margin-bottom:16px;font-size:14px;line-height:1.8}.profile-links{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.tag-link{color:#1d4ed8;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.tag-link:hover{background-color:#e0e7ff;border-color:#1d4ed8}.social-links{gap:15px;margin-top:16px;display:flex}.social-link{color:#6b7280;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:inline-flex}.social-link:hover{color:#fff;background-color:#1d4ed8;transform:translateY(-2px)}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:16px;display:grid}.course-card-in{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s;overflow:hidden}.course-card-in:hover{border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 8px 16px #0000001a}.course-image-wrapper{background-color:#f3f4f6;width:100%;height:165px;overflow:hidden}.course-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.course-card:hover .course-image{transform:scale(1.05)}.course-info{height:130px;padding:16px}.course-title{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.rating-info{align-items:center;gap:6px;display:flex}.rating-star{color:#ffc107;font-size:16px}.rating-score{color:#f59e0b;font-weight:600}.rating-count{color:#6b7280;font-size:14px}.rating-number-in{color:#9ca3af;font-size:12px}.student-number-in{margin-left:170px}.course-price-in{align-items:center;gap:8px;display:flex}.price-in{color:#1f2937;margin-left:240px;padding-right:10px;font-size:16px;font-weight:700}.original-price{color:#9ca3af;font-size:12px;text-decoration:line-through}.section-title-ina{font-size:20px;font-family:var(--font-sans);margin-bottom:24px;padding-left:14px;font-weight:700;position:relative}.section-title-ina:before{content:"";background:#1d4ed8;border-radius:999px;width:4px;height:28px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.reviews-wrapper-ina{flex-direction:column;gap:24px;display:flex}.rating-summary-ina{background:#fff;border-radius:20px;gap:40px;padding:32px;display:flex;box-shadow:0 4px 20px #0000000f}.rating-left-ina{text-align:center;min-width:180px}.rating-score-ina{color:#1d4ed8;font-size:56px;font-weight:700}.rating-stars-ina{justify-content:center;gap:4px;margin:10px 0;display:flex}.rating-label-ina{margin-bottom:6px;font-weight:600}.rating-count-ina{color:#6b7280}.rating-bars-ina{flex:1}.mini-star{color:#ffc107;margin-left:5px}.rating-bar-item-ina{align-items:center;gap:12px;margin-bottom:12px;display:flex}.bar-stars-ina{width:40px}.bar-container-ina{background:#e5e7eb;border-radius:999px;flex:1;height:10px;overflow:hidden}.bar-fill-ina{background:#1d4ed8;border-radius:999px;height:100%}.bar-percent-ina{text-align:right;width:40px}.satisfaction-box-ina{text-align:center;border-left:1px solid #e5e7eb;min-width:220px;padding-left:24px}.satisfaction-title-ina{margin-bottom:10px;font-weight:600}.satisfaction-percent-ina{color:#1d4ed8;font-size:42px;font-weight:700}.satisfaction-text-ina{color:#6b7280;margin-top:10px}.satisfaction-icon{margin-top:12px;font-size:40px}.reviews-filter{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.filter-select{border:1px solid #d1d5db;border-radius:10px;padding:10px 14px}.reviews-pagination-info{color:#6b7280;margin-left:850px;font-size:13px}.review-card-ina{background:#fff;border-radius:6px;padding:20px;box-shadow:0 4px 16px #0000000d}.review-card-ina:hover{transform:translateY(-1px)}.review-header{justify-content:space-between;align-items:center;display:flex}.review-user-info-ina{align-items:center;gap:14px;display:flex}.review-avatar{object-fit:cover;border-radius:50%;width:55px;height:55px}.review-name{margin-bottom:4px;font-size:16px;font-weight:600}.review-time{color:#6b7280;font-size:13px}.review-menu{cursor:pointer;background:0 0;border:none;font-size:22px}.review-rating{gap:3px;margin:12px 0;display:flex}.review-text{color:#374151;line-height:1.7}.review-actions{gap:16px;margin-top:16px;display:flex}.action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;display:flex}.action-btn:hover{color:#1d4ed8}.page-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:38px;height:38px}.page-btn.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.sidebar-ina{flex-direction:column;gap:20px;height:fit-content;display:flex;position:sticky;top:85px}.sidebar-card-contract-card{background:#fff;border-radius:8px;padding:20px}.sidebar-card-contract-card h3{color:#1f2937;margin-bottom:16px;font-size:16px;font-weight:700}.sidebar-card-contract-card p{color:#6b7280;margin-bottom:12px;font-size:13px;line-height:1.6}.sidebar-card h3{margin-bottom:20px}.contact-item{color:#6b7280;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;line-height:1.4;display:flex}.contact-item a{color:#1d4ed8;font-weight:500;text-decoration:none}.contact-item a:hover{text-decoration:underline}.contact-icon{color:#1d4ed8;flex-shrink:0;width:20px;height:20px}.achievement{color:#6b7280;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:13px;line-height:1.4;display:flex}.achievement-icon{color:#ffc107;flex-shrink:0;width:16px;height:16px;margin-top:2px}.contact-card{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.contact-card h3{color:#fff}.contact-card p{color:#ffffffe6}.chat-btn{color:#fff;cursor:pointer;background-color:#6656e1ad;border:2px solid #ffffff4d;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.chat-btn:hover{background-color:#447ee387;border-color:#ffffff80}@media (width<=1024px){.profile-content{grid-template-columns:1fr}.sidebar{position:static}}@media (width<=768px){.instructor-detail{padding:15px}.profile-header{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:20px}.profile-name-section,.profile-stats,.profile-actions{justify-content:center}.section{padding:20px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.instructor-name{font-size:24px}.profile-left{width:100%}.profile-image-container{margin:0 auto}}.sidebar-card-contact-card{background:#a6cef4a1;border:1px solid #eef2ff;border-radius:24px;margin-top:24px;padding:28px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0f172a0f}.sidebar-card-contact-card:before{content:"";background:radial-gradient(circle,#6366f11f,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-80px;right:-80px}.sidebar-card-contact-card h3{color:#0f172a;margin-bottom:12px;font-weight:700}.sidebar-card-contact-card p{color:#64748b;margin-bottom:24px;font-size:15px;line-height:1.7}.contact-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:16px;width:100%;height:56px;font-size:16px;font-weight:600;transition:all .3s}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f159}.robot-image{object-fit:contain;width:90px;height:90px;position:absolute;bottom:15px;right:15px}.review-section-new{margin-top:30px}.review-overview-card{background:#fff;border:1px solid #edf2f7;border-radius:24px;justify-content:space-between;gap:40px;margin-bottom:30px;padding:30px;display:flex}.review-overview-left{flex:1}.review-overview-left h2{margin-bottom:10px;font-size:23px;font-weight:500}.review-overview-left p{color:#64748b;margin-bottom:20px}.overall-rating{align-items:center;gap:12px;display:flex}.overall-stars{color:#fbbf24;gap:3px;display:flex}.overall-score{color:#fbbf24;font-size:22px;font-weight:300}.overall-count{color:#94a3b8}.review-overview-right{width:350px}.mini-star-review{color:#fbbf24}.rating-progress{background:#e5e7eb;border-radius:999px;flex:1;height:10px;overflow:hidden}.rating-progress-fill{background:#fbbf24;border-radius:999px;height:100%}.review-content-wrapper{align-items:flex-start;gap:25px;display:flex}.review-list-new{flex:2}.review-card-new{background:#fff;border:1px solid #edf2f7;border-radius:24px;margin-bottom:20px;padding:24px}.review-card-header{justify-content:space-between;margin-bottom:15px;display:flex}.review-user{align-items:center;gap:14px;display:flex}.review-avatar-new{object-fit:cover;border-radius:50%;width:60px;height:60px}.review-user h4{margin-bottom:4px}.review-user span{color:#94a3b8;font-size:14px}.review-time-new{color:#94a3b8;font-size:13px}.review-stars-new{color:#fbbf24;gap:4px;margin-bottom:15px;display:flex}.review-text-new{color:#334155;font-style:italic;line-height:1.8}.review-form-card{background:#fff;border:1px solid #edf2f7;border-radius:24px;width:380px;padding:24px;position:sticky;top:20px}.review-form-card h3{margin-bottom:25px}.form-group-review{margin-bottom:18px}.form-group-review label{margin-bottom:8px;font-weight:400;display:block}.form-group-review input,.form-group-review textarea{border:1px solid #dbe3f0;border-radius:12px;width:100%;padding:12px 15px;font-size:14px}.review-form-stars{align-items:center;gap:5px;display:flex}.active-star{color:#fbbf24;cursor:pointer}.send-review-btn{color:#fff;cursor:pointer;background:#6d94f0;border:none;border-radius:14px;width:100%;height:50px;font-weight:600;transition:all .3s}.send-review-btn:hover{transform:translateY(-2px)}.feedback-title{color:#0f172a;align-items:center;gap:10px;margin-bottom:20px;font-size:1.2rem;font-weight:400;display:flex}.feedback-icon{color:#2563eb;font-size:1.2rem}.courses-grid-new{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.course-card-new{background:#fff;border:1px solid #e5e7eb;border-radius:24px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000000f}.course-card-new:hover{transform:translateY(-1px);box-shadow:0 12px 30px #0000001f}.course-image-box{height:170px;position:relative;overflow:hidden}.course-image-new{object-fit:cover;width:100%;height:100%}.best-seller-badge{color:#fff;background:#0057d8;border-radius:12px;padding:8px 14px;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px}.wishlist-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;width:42px;height:42px;font-size:18px;position:absolute;top:16px;right:16px}.course-category-badge{color:#fff;background:#000000a6;border-radius:10px;padding:6px 12px;font-size:13px;position:absolute;bottom:16px;left:16px}.course-content-new{padding:20px}.course-title-new{color:#0f172a;margin-top:-10px;margin-bottom:10px;font-size:18px;font-weight:500}.course-meta-new{color:#64748b;align-items:center;gap:16px;margin-bottom:10px;display:flex}.meta-item{align-items:center;gap:6px;font-size:14px;display:flex}.meta-item svg:first-child{color:#fbbf24}.meta-divider{background:#dbe2ea;width:1px;height:18px}.course-footer-new{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.price-new{color:#0f172a;font-size:19px;font-weight:500}.course-actions-new{gap:10px;display:flex}.buy-btn-new{color:#0057d8;cursor:pointer;background:#eef4ff;border:none;border-radius:12px;padding:12px 20px;font-weight:600}.detail-btn-new{cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;display:flex}@media (width<=992px){.courses-grid-new{grid-template-columns:1fr}}.student-count{color:#64748b;align-items:center;gap:6px;font-size:14px;display:flex}.student-count svg{font-size:16px}:root{--about-bg-cream:#f8fafc;--about-bg-card:#fff;--about-bg-navy:#071a33;--about-bg-dark-navy:#0f172a;--about-navy:#003983;--about-text-dark:#0f172a;--about-text-muted:#475569;--about-gold:#93c5fd;--about-orange:#1d4ed8;--about-orange-hover:#003983;--about-border-light:#dbeafe}.about-main-container{background-color:var(--about-bg-cream);color:var(--about-text-dark);font-family:var(--font-sans);width:100%;margin-top:-85px;position:relative;overflow-x:hidden}.about-font-serif-premium{font-family:var(--font-sans)}.about-hero-section{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.about-hero-video-wrapper{z-index:0;background-color:#020617;position:absolute;inset:0}.about-hero-video{object-fit:cover;opacity:.8;width:100%;height:100%}.about-hero-overlay-gradient{background:radial-gradient(circle at 50% 40%,#2563eb38,#0000 34%),linear-gradient(#071a33e0 0%,#0f172aad 60%,#f8fafc1f 100%);position:absolute;inset:0}.about-hero-overlay-multiply{mix-blend-mode:normal;background:linear-gradient(#f8fafc00,#f8fafc);height:220px;position:absolute;inset:auto 0 0}.about-hero-content{z-index:10;text-align:center;box-sizing:border-box;width:100%;max-width:54rem;font-family:var(--font-sans);margin:0 auto;padding:0 1.5rem;position:relative}.about-badge-gold{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--about-gold);text-transform:uppercase;letter-spacing:.15em;opacity:0;background-color:#ffffff1a;border:1px solid #e8be744d;border-radius:9999px;margin-bottom:2rem;padding:.4rem 1.2rem;font-size:11px;font-weight:700;animation:1s .1s forwards aboutFadeInUp;display:inline-block}.about-hero-title{color:#fff;letter-spacing:0;text-shadow:0 2px 20px #0000004d;opacity:0;margin:0 auto 2rem;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;line-height:1.25;animation:1s cubic-bezier(.16,1,.3,1) .2s forwards aboutFadeInUp}@media (width>=768px){.about-hero-title{font-size:clamp(2.8rem,5vw,4rem);line-height:1.25}}.about-text-italic-gold{color:var(--about-gold);font-style:normal;font-weight:700}.about-hero-desc{color:#dbeafe;text-shadow:0 1px 8px #00000040;opacity:0;max-width:40rem;margin:0 auto;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:500;line-height:1.7;animation:1s cubic-bezier(.16,1,.3,1) .7s forwards aboutFadeInUp}.about-scroll-indicator{animation:2s infinite aboutBounceCustom;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.about-mouse-border{border:2px solid #ffffff4d;border-radius:9999px;justify-content:center;width:1.5rem;height:2.5rem;padding:.25rem;display:flex}.about-mouse-wheel{background-color:#ffffff80;border-radius:9999px;width:.25rem;height:.75rem}.about-section-padding{box-sizing:border-box;width:100%;padding:6rem 1.5rem;position:relative;overflow:hidden}@media (width>=768px){.about-section-padding{padding:5.5rem 1.5rem}}.about-grid-layout{grid-template-columns:1fr;align-items:center;gap:4rem;max-width:80rem;margin:0 auto;display:grid}@media (width>=1024px){.about-grid-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem}}.about-content-side{text-align:left}.about-section-title{color:var(--about-navy);letter-spacing:0;margin-top:0;margin-bottom:2rem;font-size:2.25rem;font-weight:700;line-height:1.2}@media (width>=768px){.about-section-title{font-size:3rem}}.about-text-orange{color:var(--about-orange)}.about-text-body-light{color:var(--about-text-muted);font-size:1.05rem;font-weight:300;line-height:1.75}.about-content-space>p{margin-bottom:1.5rem}.about-content-space>p:last-child{margin-bottom:0}.about-image-wrapper{width:100%;max-width:480px;margin:0 auto;position:relative}@media (width>=1024px){.about-image-wrapper{max-width:100%}}.about-blur-bg-effect{filter:blur(50px);z-index:-10;background-color:#fae4aa26;border-radius:50%;position:absolute;inset:-1.5rem}.about-premium-img{z-index:10;aspect-ratio:1;object-fit:cover;border:1px solid var(--about-border-light);border-radius:28px;width:100%;position:relative;box-shadow:0 20px 40px -12px #0000001f}.about-floating-badge{color:#fff;z-index:20;background-color:var(--about-orange);border:1px solid #dbeafecc;border-radius:8px;padding:1.5rem 2rem;position:absolute;bottom:-1.5rem;right:-1.5rem;box-shadow:0 20px 40px -12px #0f172a33}.about-badge-num{color:#fff;margin-bottom:.25rem;font-size:2.25rem;font-weight:700;line-height:1}.about-badge-text{text-transform:uppercase;letter-spacing:.05em;opacity:.6;color:#fff;font-size:10px;font-weight:700}.about-values-section{background:var(--about-bg-cream);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.about-section-header-center{text-align:center;max-width:80rem;margin:0 auto 4rem}.about-section-subtitle-tag{color:var(--about-orange);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;font-size:11px;font-weight:800;display:inline-block}.about-values-grid{grid-template-columns:1fr;gap:2rem;max-width:80rem;margin:0 auto;display:grid}@media (width>=768px){.about-values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.about-value-card{background-color:var(--about-bg-card);border:1px solid var(--about-border-light);box-sizing:border-box;border-radius:8px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000003}.about-value-card:hover{border-color:#93c5fd;transform:translateY(-5px);box-shadow:0 15px 30px -5px #0000000f}.about-icon-box{background-color:#dbeafe;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:2rem;transition:all .4s;display:flex}.about-value-card:hover .about-icon-box{background:var(--about-orange)}.about-value-card:hover .about-icon-box svg{color:#fff!important}.about-value-card-title{color:var(--about-navy);margin-top:0;margin-bottom:1rem;font-size:1.35rem}.about-mission-section{background:var(--about-bg-cream);color:var(--about-text-dark)}.about-mission-globe-bg{opacity:.08;pointer-events:none;width:50%;height:100%;position:absolute;top:0;right:0}.about-mission-globe-bg svg{margin-top:-6rem;margin-right:-24rem;transform:rotate(12deg)}.about-mission-content-side{text-align:left;z-index:10;position:relative}.about-stats-row{border-top:1px solid #dbeafe;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2.5rem;padding-top:2rem;display:grid}.about-premium-img-wrapper{aspect-ratio:1;border:4px solid #93c5fd59;border-radius:10px;overflow:hidden}.about-mission-img-raw{object-fit:cover;width:100%;height:100%}.about-cta-box{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #dbeafe;border-radius:8px;max-width:60rem;margin:0 auto;padding:4rem 2rem;position:relative;overflow:hidden}.about-cta-desc{max-width:38rem;margin:0 auto 2.5rem}.about-btn-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width>=640px){.about-btn-container{flex-direction:row;gap:1.5rem}}.about-btn-primary{background:var(--about-orange);color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:1.1rem 2.25rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 16px #1d4ed833}.about-btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.about-btn-secondary{color:var(--about-navy);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background-color:#fff;border:1px solid #1d4ed82e;border-radius:9999px;padding:1.1rem 2.25rem;font-size:.75rem;font-weight:700;transition:all .2s}.about-btn-secondary:hover{background-color:#eff6ff;border-color:#93c5fd;transform:translateY(-2px)}.about-mission-section .about-section-title,.about-mission-section .about-section-title span,.about-mission-section .about-text-body-light,.about-mission-section .about-badge-num,.about-mission-section .about-badge-text{color:var(--about-navy)!important}.about-mission-section .about-section-title{max-width:680px;font-size:clamp(2.25rem,4vw,3.6rem);line-height:1.2}.about-mission-section .about-text-italic-gold,.about-cta-box .about-text-italic-gold,.about-section-title .about-text-italic-gold{font-family:var(--font-sans);font-style:normal;font-weight:700;display:inline;color:#1d4ed8!important}.about-cta-box h2 span,.about-section-title span{color:#1d4ed8!important}.about-section-padding>div[style*=background],.about-cta-box>div[style*=background]{background-color:#93c5fd1f!important}@keyframes aboutBounceCustom{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}@keyframes aboutFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#1d4ed8;--primary-hover:#2563eb;--bg-light:#f8fafc;--bg-white:#fff;--border-color:#e2e8f0;--text-dark:#1e293b;--text-gray:#64748b;--text-light:#94a3b8;--border-radius:32px;--border-radius-sm:16px;--border-radius-xs:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a}.profile-view,.profile-view *{box-sizing:border-box}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.profile-view{min-height:100vh;padding:128px 24px 80px}.profile-wrapper{gap:48px;max-width:1280px;margin:-100px auto 0;display:flex}.profile-sidebar{flex-shrink:0;width:320px}.sidebar-content{background:var(--bg-white);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:32px;animation:.3s ease-out slideIn;position:sticky;top:128px}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.sidebar-header h2{color:var(--text-dark);font-size:20px;font-weight:700}.sidebar-header svg{color:var(--primary-color)}.sidebar-nav{flex-direction:column;gap:8px;margin-bottom:40px;display:flex}.nav-item{border-radius:var(--border-radius-sm);color:var(--text-gray);cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;padding:16px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover:not(.active){color:var(--primary-color);background:#f1f5f9}.nav-item.active{background:var(--primary-color);color:var(--bg-white);box-shadow:0 8px 16px #1d4ed82e}.sidebar-logout{border-top:1px solid var(--border-color);padding-top:32px}.btn-logout{border-radius:var(--border-radius-sm);color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;width:100%;padding:16px 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.btn-logout:hover{background:#ef44440d}.sidebar-profile-card{border-radius:var(--border-radius-sm);background:#f1f5f9;border:1px solid #e2e8f080;align-items:center;gap:16px;margin-top:48px;padding:16px;display:flex}.sidebar-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:40px;height:40px;box-shadow:0 2px 4px #0000001a}.sidebar-user-info{min-width:0}.user-name{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.user-goal{color:var(--text-gray);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.profile-main{flex:1}.profile-header{background:var(--bg-white);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;padding:32px 48px;animation:.3s ease-out slideIn;display:flex}.header-info{flex:1}.header-badge{color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.profile-header h1{color:#4f8ee4;margin-bottom:4px;font-size:24px;font-weight:700}.profile-header>.header-info>p{color:var(--text-gray);font-size:12px;font-weight:500}.header-stats{gap:12px;display:flex}.stat-card{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);text-align:center;background:#f1f5f9;min-width:70px;padding:12px}.stat-label{color:var(--text-gray);text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:700}.stat-value{color:var(--text-dark);justify-content:center;align-items:center;gap:4px;font-size:14px;font-weight:900;display:flex}.stat-value svg{color:var(--primary-color);width:12px;height:12px}.content-area{animation:.3s ease-out fadeIn}.profile-form{background:var(--bg-white);border:1px solid var(--border-color);border-radius:56px;width:70%;margin-left:200px;padding:32px 48px;animation:.3s ease-out slideInFromRight;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000014,0 20px 48px #0000001f}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:1/-1;margin-bottom:32px}.form-group label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;padding-left:16px;font-size:10px;font-weight:700}.form-input,.form-textarea{border-radius:var(--border-radius-sm);color:var(--text-dark);font-size:14px;font-weight:500;font-family:var(--font-sans);background:#f1f5f9;border:1px solid #0000;outline:none;padding:16px 24px;transition:all .3s}.form-input:focus,.form-textarea:focus{background:var(--bg-white);border-color:var(--primary-color);box-shadow:0 0 0 2px #1d4ed814}.form-textarea{resize:none}.about-me-textarea{padding:28px 40px 40px}.form-input-small{border-radius:var(--border-radius-xs);color:var(--text-dark);background:#fffc;border:1px solid #ffb1424d;outline:none;padding:8px 16px;font-size:14px;font-weight:700;transition:all .3s}.form-input-small:focus{border-color:var(--primary-color)}.avatar-section{flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.avatar-container{margin-bottom:20px;position:relative}.avatar-wrapper{group:hover;border:4px solid #f1f5f9;border-radius:50%;width:128px;height:128px;position:relative;overflow:hidden;box-shadow:0 20px 25px #0000001a}.avatar-wrapper:hover{cursor:pointer}.avatar-large{object-fit:cover;width:100%;height:100%;transition:transform .3s}.avatar-wrapper:hover .avatar-large{transform:scale(1.05)}.avatar-overlay{opacity:0;color:#fff;background:#0006;justify-content:center;align-items:center;font-size:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-button{background:var(--primary-color);color:#fff;cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 4px 12px #1d4ed838}.avatar-button:hover{background:var(--primary-hover);transform:scale(1.1)}.profile-name{font-size:24px;font-weight:700;font-family:var(--font-sans);color:var(--text-dark);margin-top:20px}.profile-subtitle{color:var(--text-light);margin-top:8px;font-size:12px;font-weight:500}.stats-simulator{border-radius:var(--border-radius-sm);background:#1d4ed80a;border:1px solid #3b82f61f;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;margin-bottom:40px;padding:24px;display:grid}.stat-input-group{flex-direction:column;gap:8px;display:flex}.stat-input-group label{color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.stat-input-group label svg{width:12px;height:12px}.btn{border-radius:var(--border-radius-xs);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-sans);border:none;align-items:center;gap:8px;padding:16px 24px;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 8px 12px #1d4ed82e}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 12px 16px #1d4ed838}.btn-primary:active{transform:scale(.95)}.btn-secondary{color:var(--text-gray);border:1px solid var(--border-color);background:#fff}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f1f5f9}.btn-block{justify-content:center;width:100%}.form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:16px;padding-top:32px;display:flex}.section-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.section-label{color:var(--text-light);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.section-title-row h2{color:var(--text-dark);margin:0;font-size:28px}.section-icon{width:56px;height:56px;color:var(--primary-color);background:#3b82f614;border-radius:20px;place-items:center;display:grid}.section-description{color:var(--text-gray);margin-bottom:24px;font-size:14px;line-height:1.8}.password-rules-card{border-radius:var(--border-radius-sm);background:#f8fbff;border:1px solid #dbeafe;margin-bottom:24px;padding:24px}.password-rules-card h3{margin:0 0 12px;font-size:16px}.password-rules-card ul{color:var(--text-gray);margin:0;padding-left:20px;list-style:outside}.password-rules-card li{margin-bottom:10px}.security-page{gap:18px;display:grid}.security-overview-card,.security-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 30px #0f172a0f}.security-overview-card{grid-template-columns:110px minmax(0,1fr) minmax(260px,.9fr);align-items:center;gap:28px;min-height:150px;padding:28px 34px;display:grid}.security-shield-wrap{background:#eff6ff;border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.security-shield-circle{color:#2563eb;background:#dbeafe;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.security-overview-copy{border-right:1px solid #e2e8f0;min-width:0;padding-right:26px}.security-overview-copy h2{color:#0f172a;margin:0 0 10px;font-size:17px;font-weight:900}.security-overview-copy p{color:#475569;margin:0;font-size:13px}.security-strength-bars{grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,310px);margin:20px 0 12px;display:grid}.security-strength-bars span{background:#cbd5e1;border-radius:999px;height:5px}.security-strength-bars span.active{background:#2563eb}.security-level strong{color:#2563eb}.security-check-list{gap:22px;display:grid}.security-check-list div{color:#334155;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.security-check-list svg{color:#2563eb}.security-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.security-card{padding:26px}.security-card-heading{align-items:flex-start;gap:14px;margin-bottom:28px;display:flex}.security-card-heading>span{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.security-card-heading>span.orange{color:#f97316;background:#fff7ed}.security-card-heading h3{color:#0f172a;margin:0 0 8px;font-size:17px;font-weight:900}.security-card-heading p{color:#64748b;margin:0;font-size:13px}.security-password-form{gap:18px;display:grid}.security-password-form label{gap:8px;display:grid}.security-password-form label>span{color:#0f172a;font-size:13px;font-weight:800}.security-input-wrap{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;height:42px;display:flex;overflow:hidden}.security-input-wrap input{color:#0f172a;min-width:0;height:100%;font:inherit;border:0;outline:0;flex:1;padding:0 14px;font-size:13px;font-weight:700}.security-input-wrap input::placeholder{color:#0f172a}.security-input-wrap button{color:#64748b;cursor:pointer;background:0 0;border:0;place-items:center;width:42px;height:100%;display:grid}.security-password-strength{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.security-password-strength span{background:#2563eb;border-radius:999px;height:5px}.security-password-strength strong{color:#2563eb;font-size:12px;font-weight:900}.security-password-form small{color:#64748b;font-size:12px;line-height:1.5}.security-form-status{margin:0;font-size:13px;font-weight:800}.security-form-status.success{color:#16a34a}.security-form-status.error{color:#dc2626}.security-primary-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:6px;width:fit-content;min-width:150px;height:42px;font-size:13px;font-weight:900}.security-contact-list{display:grid}.security-contact-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e2e8f0;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:14px;min-height:76px;padding:0;display:grid}.security-contact-list button:last-child{border-bottom:0}.security-contact-list strong{color:#0f172a;font-size:13px;font-weight:900;display:block}.security-contact-list p{color:#475569;margin:8px 0 0;font-size:13px}.security-contact-list button>span{color:#16a34a;background:#dcfce7;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:900}.security-contact-list svg{color:#334155}.security-options-card{padding-bottom:8px}.security-action-list{display:grid}.security-action-list>div{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:18px;min-height:78px;display:flex}.security-action-list>div:first-child{border-top:0}.security-action-list strong{color:#0f172a;margin-bottom:7px;font-size:13px;font-weight:900;display:block}.security-action-list p{color:#64748b;margin:0;font-size:13px}.security-action-list button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #f87171;border-radius:6px;min-width:150px;height:42px;font-size:13px;font-weight:900}.security-action-list button.danger{border-color:#ef4444}.save-status{border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:inline-flex}.save-status.success{color:#166534;background:#22c55e1f}.save-status.error{color:#b91c1c;background:#ef44441f}.save-success{color:#10b981;align-items:center;gap:8px;margin-right:auto;font-size:12px;font-weight:700;animation:.3s ease-out slideIn;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-white);border-radius:var(--border-radius);border:1px solid var(--border-color);width:100%;max-width:448px;padding:32px;animation:.3s ease-out scaleIn;position:relative;box-shadow:0 25px 50px #00000026}.modal-close{cursor:pointer;color:var(--text-light);background:0 0;border:none;padding:4px;transition:color .3s;position:absolute;top:24px;right:24px}.modal-close:hover{color:var(--text-dark)}.avatar-modal h3{color:var(--text-dark);margin-bottom:8px;font-size:20px;font-weight:700}.avatar-modal>p{color:var(--text-gray);margin-bottom:24px;font-size:12px}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.avatar-option{aspect-ratio:1;border-radius:var(--border-radius-sm);border:2px solid var(--border-color);cursor:pointer;background:0 0;padding:0;transition:all .3s;position:relative;overflow:hidden}.avatar-option:hover:not(.selected){border-color:#1d4ed880}.avatar-option.selected{border-color:var(--primary-color);ring:4px #1d4ed82e;transform:scale(.95)}.avatar-option img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.avatar-option:hover img{transform:scale(1.05)}.selected-check{color:var(--primary-color);background:#1d4ed81f;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.custom-avatar-form{border-top:1px solid var(--border-color);padding-top:24px}.custom-avatar-form label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-left:4px;font-size:10px;font-weight:700;display:block}.input-group{gap:8px;display:flex}.input-group .form-input{flex:1}.courses-container,.achievements-container,.activities-container{flex-direction:column;gap:24px;display:flex}.section-card{background:var(--bg-white);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:32px 48px;animation:.3s ease-out slideInFromRight;position:relative;overflow:hidden}.section-card:before{content:"";background:linear-gradient(to right, var(--primary-color), #60a5fa);width:100%;height:8px;position:absolute;top:0;left:0}.section-header,.activities-header,.achievements-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.section-card h3,.activities-container h3,.achievements-container h3{font-size:20px;font-weight:700;font-family:var(--font-sans);color:var(--text-dark)}.section-header p,.activities-header p,.achievements-header p{color:var(--text-gray);margin-top:4px;font-size:12px}.badge{color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#1d4ed814;border-radius:24px;padding:8px 14px;font-size:10px;font-weight:700}.profile-view .course-image{aspect-ratio:16/10;min-height:0;position:relative;overflow:hidden}.profile-view .course-image img{object-fit:cover;width:100%;height:100%;display:block}.course-detail-section{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:32px;animation:.3s ease-out slideInFromRight}.course-breadcrumb-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.course-detail-hero-grid,.favorite-detail-grid{grid-template-columns:1.9fr 1fr;gap:28px;margin-bottom:32px;display:grid}.course-detail-hero-card,.favorite-hero-card{grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}.course-detail-hero-image,.favorite-hero-image{border-radius:24px;min-height:280px;position:relative;overflow:hidden}.course-detail-hero-image img,.favorite-hero-image img{object-fit:cover;width:100%;height:100%;display:block}.course-status-badge{color:#fff;background:#1d4ed8f2;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px}.course-status-badge.liked{background:#ef4444}.course-detail-hero-copy,.favorite-hero-copy{gap:18px;display:grid}.course-meta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.course-stat-pill{color:var(--primary-color);background:#1d4ed814;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.course-detail-hero-copy h1,.favorite-hero-copy h1{color:var(--text-dark);margin:0;font-size:30px;line-height:1.05}.course-detail-instructor,.course-detail-description,.favorite-hero-copy p{color:var(--text-gray);line-height:1.7}.course-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.course-hero-stats div,.favorite-hero-stats div{border:1px solid var(--border-color);background:#f8fafc;border-radius:18px;padding:16px}.course-hero-stats strong,.favorite-hero-stats strong{color:var(--text-dark);font-size:20px}.course-hero-stats p,.favorite-hero-stats p{color:var(--text-gray);margin:6px 0 0;font-size:12px}.course-progress-panel,.favorite-purchase-panel{gap:18px;display:grid}.course-progress-circle{width:120px;height:120px;color:var(--primary-color);border:12px solid #1d4ed81f;border-radius:999px;place-items:center;margin:0 auto;font-size:28px;font-weight:900;display:grid}.progress-panel-copy h3{color:var(--text-dark);margin:0;font-size:18px}.progress-panel-copy p{color:var(--text-gray);margin:8px 0 0;font-size:13px}.course-progress-bar-full{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.progress-subtext{color:var(--text-gray);margin:0;font-size:13px}.course-detail-tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.tab-item{border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;background:#fff;border-radius:999px;padding:12px 18px;font-size:13px}.course-overview-card,.purchase-card,.course-info-card{background:var(--bg-white);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);padding:24px}.overview-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.overview-head h3,.course-info-card h3{color:var(--text-dark);margin:0;font-size:18px}.overview-list,.instructor-stats{gap:12px;margin:0;padding:0;list-style:none;display:grid}.overview-list li,.instructor-stats li{color:var(--text-dark);padding-left:20px;font-size:14px;position:relative}.overview-list li:before{content:"•";color:var(--primary-color);position:absolute;left:0}.overview-list.compact li{color:var(--text-gray);font-size:13px}.course-outline-preview{gap:24px;display:grid}.outline-heading-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.link-button{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-weight:700}.purchase-price-row{color:var(--text-dark);justify-content:space-between;align-items:center;gap:16px;font-size:24px;font-weight:900;display:flex}.purchase-original{color:var(--text-muted);margin:8px 0 18px;font-size:13px;text-decoration:line-through}.instructor-panel{gap:20px;display:grid}.instructor-card{align-items:center;gap:16px;display:flex}.instructor-avatar-wrapper{background:var(--bg-secondary);border-radius:18px;flex-shrink:0;width:84px;height:84px;overflow:hidden}.instructor-avatar-wrapper img{object-fit:cover;width:100%;height:100%}.favorite-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.favorite-detail-grid{grid-template-columns:1.8fr 1fr;gap:28px;margin-bottom:32px;display:grid}@media (width<=1120px){.course-detail-hero-grid,.favorite-detail-grid,.course-detail-hero-card{grid-template-columns:1fr}}.course-breadcrumb{color:var(--text-gray);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.course-breadcrumb span{align-items:center;gap:8px;display:inline-flex}.course-detail-back{border:1px solid var(--border-color);color:var(--text-dark);background:0 0;border-radius:999px;padding:10px 18px;font-weight:700;transition:all .2s}.course-detail-back:hover{background:#f1f5f9}.course-detail-hero{grid-template-columns:1.8fr 1fr;gap:28px;margin-bottom:32px;display:grid}.course-detail-hero-left,.course-detail-sidebar{flex-direction:column;gap:24px;display:flex}.course-detail-image{border-radius:24px;min-height:220px;overflow:hidden}.course-detail-image img{object-fit:cover;width:100%;height:100%}.course-detail-meta{gap:16px;display:grid}.detail-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.course-detail-hero-left h1{color:var(--text-dark);font-size:28px;line-height:1.1}.course-badge{color:var(--primary-color);background:#1d4ed81a;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:700}.course-detail-instructor,.course-detail-description{color:var(--text-gray);line-height:1.7}.course-detail-tags{flex-wrap:wrap;gap:10px;display:flex}.course-detail-tags span{color:var(--primary-color);background:#1d4ed814;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:700}.course-progress-card,.course-info-card,.outline-card{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#f8fafc;padding:24px}.course-progress-card{gap:20px;display:grid}.progress-label-row{justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.course-progress-bar{background:#e2e8f0;border-radius:999px;width:100%;height:12px;overflow:hidden}.course-progress-card p{color:var(--text-gray);margin:0;font-size:14px}.btn-full{width:100%}.course-info-card h3{color:var(--text-dark);margin-bottom:18px;font-size:18px}.course-info-row{border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.course-info-row:last-child{border-bottom:none}.course-info-row span{color:var(--text-gray);font-size:13px}.course-info-row strong{color:var(--text-dark)}.course-detail-outline{gap:24px;display:grid}.section-heading h2{color:var(--text-dark);margin-bottom:8px;font-size:22px}.section-heading p{color:var(--text-gray);margin:0;font-size:13px}.outline-card{gap:24px;display:grid}.outline-section{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:20px}.outline-section-title{margin-bottom:16px;font-size:15px;font-weight:700}.outline-section ul{gap:12px;list-style:none;display:grid}.outline-section li{background:#f8fafc;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.outline-section li span,.outline-section li small{color:var(--text-dark);font-size:14px}.outline-section li small{color:var(--text-gray)}.outline-status{text-transform:uppercase;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}.outline-status.completed{color:#16a34a;background:#22c55e1f}.outline-status.pending{color:#b45309;background:#fbbf241f}@media (width<=1120px){.profile-wrapper{flex-direction:column}.profile-sidebar{width:100%}.profile-header{padding:24px 28px}.course-detail-hero{grid-template-columns:1fr}}@media (width<=720px){.profile-view{padding:80px 16px 40px}.profile-header,.course-detail-section{padding:24px}.profile-view .profile-course-grid,.profile-view .learning-grid{grid-template-columns:1fr}.nav-item,.sidebar-profile-card{padding:14px 18px}.course-detail-back{justify-content:center;width:100%}}.profile-view .learning-card{cursor:pointer}.profile-view .learning-card .course-image img{transition:transform .3s}.profile-view .learning-card:hover .course-image img{transform:scale(1.05)}.profile-view .course-instructor{color:var(--text-gray);margin-bottom:24px;font-size:12px;font-weight:500}.progress-section{margin-bottom:24px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-header span{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.progress-percentage{color:var(--primary-color);font-size:12px;font-weight:700}.progress-bar{background:#cbd5e1;border-radius:4px;height:8px;overflow:hidden}.empty-state{text-align:center;border-radius:var(--border-radius-sm);border:1px dashed var(--border-color);background:#f1f5f9;margin-top:100px;padding:80px 32px}.empty-icon{border:1px solid var(--border-color);width:64px;height:64px;color:var(--primary-color);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;box-shadow:0 4px 12px #0000001a}.empty-state h4{color:var(--text-dark);margin-bottom:8px;font-weight:700}.empty-state p{color:var(--text-gray);max-width:320px;margin:0 auto 32px;font-size:14px}.achievement-points{border-radius:var(--border-radius-sm);background:#1d4ed80a;border:1px solid #3b82f61f;align-items:center;gap:12px;padding:12px 20px;display:flex}.achievement-points svg{color:var(--primary-color)}.achievement-points p{text-transform:uppercase;color:var(--text-light);letter-spacing:.05em;margin:0;font-size:9px;font-weight:700}.points-value{color:var(--text-dark)!important;font-size:14px!important;font-weight:700!important}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:40px;display:grid}.achievement-item{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);gap:20px;padding:24px;transition:all .3s;animation:.3s ease-out fadeIn;display:flex}.achievement-item.unlocked{background:linear-gradient(135deg, var(--bg-white) 0%, #1d4ed80a 100%);border-color:#3b82f61f;box-shadow:0 4px 12px #1d4ed814}.achievement-item.locked{border-color:var(--border-color);opacity:.6;background:#f1f5f9}.achievement-icon-box{border-radius:var(--border-radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:16px;display:flex}.achievement-item.unlocked .achievement-icon-box{color:var(--primary-color);background:#1d4ed80f;border:1px solid #3b82f61f}.achievement-item.locked .achievement-icon-box{color:var(--text-light);background:#cbd5e1}.achievement-content{flex:1}.achievement-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.achievement-title h4{color:var(--text-dark);margin:0;font-size:14px;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.status-badge.achieved{color:#166534;background:#dcfce7}.status-badge.pending{color:#475569;background:#e2e8f0}.achievement-description{color:var(--text-gray);margin-bottom:12px;font-size:12px;line-height:1.5}.achievement-progress{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.progress-detail{color:var(--primary-color);font-size:12px;font-weight:700}.achievement-item.locked .progress-detail{color:var(--text-gray)}.premium-box{background:linear-gradient(135deg, var(--primary-color), #60a5fa);color:#fff;border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex;box-shadow:0 20px 25px #1d4ed81f}.premium-content h4{align-items:center;gap:8px;margin-bottom:8px;font-size:18px;font-weight:700;display:flex}.premium-content p{color:#ffffffe6;font-size:12px;line-height:1.6}.premium-box .btn{color:var(--text-dark);white-space:nowrap;background:#fff;flex-shrink:0}.premium-box .btn:hover{background:#f1f5f9}.activity-form{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#f1f5f9;gap:12px;margin-bottom:32px;padding:16px;display:flex}.activity-form .form-input{background:#fff;border:1px solid #e2e8f080;flex:1;padding:14px 16px;font-size:12px}.activity-form .btn{flex-shrink:0;padding:8px 16px}.btn-clear-activities{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700;transition:color .3s}.btn-clear-activities:hover{color:#dc2626}.timeline{border-left:2px solid var(--border-color);margin-left:20px;padding:16px 0;position:relative}.timeline-item{gap:32px;margin-bottom:32px;animation:.3s ease-out slideIn;display:flex;position:relative}.timeline-dot{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:0;left:-17px;box-shadow:0 2px 4px #0000001a}.timeline-default .timeline-dot{color:#64748b;background:#e2e8f0}.timeline-course .timeline-dot{color:#0284c7;background:#dbeafe}.timeline-achievement .timeline-dot{color:var(--primary-color);background:#1d4ed80f;border:1px solid #3b82f61f}.timeline-system .timeline-dot{color:#10b981;background:#dcfce7}.timeline-custom .timeline-dot{color:#a855f7;background:#f3e8ff}.timeline-content{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#f1f5f9;margin-left:25px;padding:16px;transition:all .3s}.timeline-item:hover .timeline-content{background:#fff;border-color:#1d4ed81f}.timeline-text{color:var(--text-dark);margin:0;font-size:14px;font-weight:600;line-height:1.5}.timeline-date{text-transform:uppercase;color:var(--text-light);letter-spacing:.05em;margin-top:8px;font-size:10px;font-weight:700;display:block}.empty-timeline{text-align:center;color:var(--text-gray);padding:64px 32px;font-size:14px;font-style:italic}@media (width<=1024px){.profile-wrapper{flex-direction:column;gap:24px}.profile-sidebar{width:100%}.sidebar-content{grid-template-columns:1fr 1fr;gap:32px;display:grid;position:static}.sidebar-nav,.sidebar-logout{border:none;margin:0;padding:0}.profile-header{flex-direction:column;align-items:flex-start}.header-stats{justify-content:space-between;width:100%}.stat-card{flex:1}}@media (width<=768px){.profile-view{padding:96px 16px 60px}.profile-form,.section-card,.sidebar-content,.profile-header{padding:24px}.form-grid,.profile-view .learning-grid,.achievements-grid{grid-template-columns:1fr}.profile-header{gap:12px}.header-stats{gap:8px;font-size:12px}.stat-card{flex:1;min-width:auto}.premium-box{text-align:center;flex-direction:column}.premium-box .btn{width:100%}.activity-form{flex-direction:column}.activity-form .btn{width:100%}.modal-content{max-width:100%}.avatar-grid{grid-template-columns:repeat(3,1fr)}.sidebar-content{flex-direction:column;grid-template-columns:auto;display:flex}.sidebar-nav{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.nav-item{padding:12px 16px;font-size:12px}}@media (width<=480px){.profile-view{padding:80px 12px 40px}.profile-form,.section-card,.profile-header{border-radius:20px;padding:16px}.profile-form:before,.section-card:before{height:6px}.header-info p{font-size:10px}.profile-header h1{font-size:18px}.header-stats{grid-template-columns:repeat(3,1fr);gap:6px}.stat-card{min-width:auto;padding:8px}.stat-label{font-size:7px}.stat-value{font-size:12px}.avatar-section{margin-bottom:24px}.avatar-wrapper{width:96px;height:96px}.avatar-button{width:32px;height:32px}.avatar-button svg{width:14px;height:14px}.profile-name{font-size:18px}.form-actions{flex-direction:column;gap:8px}.form-actions .btn{width:100%}.save-success{width:100%;margin-bottom:8px;margin-right:0}.sidebar-profile-card{grid-column:1/-1}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:8px}.input-group{flex-direction:column}.input-group .btn{width:100%}.timeline{margin-left:8px}.timeline-item{gap:16px}.timeline-dot{width:28px;height:28px;font-size:12px;left:-40px}.timeline-dot svg{width:12px;height:12px}}.profile-view{--primary-color:#2563eb;--primary-hover:#1d4ed8;--bg-light:#f8fafc;--bg-white:#fff;--border-color:#e2e8f0;--text-dark:#0f172a;--text-gray:#475569;--text-light:#64748b;--blue-deep-navy:#071a33;--blue-dark:#0f172a;--blue-primary:#1d4ed8;--blue-strong:#2563eb;--blue-medium:#3b82f6;--blue-soft:#93c5fd;--blue-pale:#dbeafe;--blue-hover:#eff6ff;--bg-secondary:#f1f5f9;--border-soft:#cbd5e1;--border-light:#e2e8f0;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-placeholder:#94a3b8;background:var(--bg-light);min-height:100vh;padding:0}.profile-view .profile-wrapper{grid-template-columns:1fr;gap:0;width:100%;max-width:none;min-height:100vh;margin:0;display:grid}.profile-view .profile-sidebar{width:240px}.profile-view .sidebar-content{top:calc(var(--header-height,55px) + 16px);height:700px;box-shadow:none;background:linear-gradient(#071a33 0%,#0b2545 100%);border:0;border-radius:0;align-self:start;padding:28px 18px;position:sticky}.profile-view .sidebar-header{border-bottom:1px solid #93c5fd38;margin-bottom:18px;padding-bottom:22px}.profile-view .sidebar-header h2,.profile-view .sidebar-header svg{color:#fff}.profile-view .sidebar-nav{gap:10px;margin-bottom:56px}.profile-view .nav-item{color:#dbeafe;border-radius:8px;width:100%;min-height:44px;padding:0 14px;font-size:13px;font-weight:700}.profile-view .nav-item:hover:not(.active){color:#fff;background:#eff6ff14}.profile-view .nav-item.active{background:var(--blue-strong);color:#fff;box-shadow:0 4px 20px #2563eb47}.profile-view .sidebar-logout{border-top:1px solid #93c5fd38;padding-top:24px}.profile-view .btn-logout{color:#fff;border-radius:8px;padding:14px}.profile-view .btn-logout:hover{background:#eff6ff14}.profile-view .sidebar-profile-card{background:#2563eb47;border:1px solid #93c5fd40;border-radius:8px;margin-top:44px;padding:12px}.profile-view .sidebar-profile-card svg,.profile-view .user-name{color:#fff}.profile-view .user-goal{color:#dbeafe}.profile-view .profile-main{padding:22px 40px 40px}.profile-view .profile-header{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 0 34px;padding:0}.profile-view .header-badge{color:var(--text-muted)}.profile-view .profile-header h1{color:var(--text-dark);font-size:22px}.profile-view .stat-card{background:#fff;border-radius:8px;min-width:92px;padding:12px 16px;box-shadow:0 4px 20px #2563eb14}.profile-view .stat-value,.profile-view .stat-value svg{color:var(--blue-strong)}.courses-dashboard{background:0 0}.courses-topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.courses-topbar h2{color:var(--text-dark);margin:0 0 18px;font-size:24px;font-weight:800}.course-tabs{border-bottom:1px solid var(--border-light);gap:28px;display:flex}.course-tab{height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;font-size:13px;font-weight:800}.course-tab.active{color:var(--blue-strong);border-bottom-color:var(--blue-strong)}.course-tools{align-items:center;gap:10px;margin-top:34px;display:flex}.course-search{border:1px solid var(--border-light);width:220px;height:38px;color:var(--text-muted);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.course-search input{width:100%;color:var(--text-main);border:0;outline:0;font-size:12px}.course-search input::placeholder{color:var(--text-placeholder)}.course-sort,.course-view,.course-pagination button{border:1px solid var(--border-light);height:38px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.course-sort{cursor:pointer;appearance:none;min-width:122px;padding:0 34px 0 14px}.course-sort-field{align-items:center;display:inline-flex;position:relative}.course-sort-field svg{color:var(--text-secondary);pointer-events:none;position:absolute;right:14px}.course-view,.course-pagination button{width:38px}.course-view.active,.course-pagination button.active{background:var(--blue-strong);border-color:var(--blue-strong);color:#fff}.profile-view .profile-course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.profile-view .profile-course-card{border:1px solid var(--border-light);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 20px #2563eb14}.profile-view .profile-course-card:hover{border-color:var(--blue-soft);transform:translateY(-2px);box-shadow:0 16px 32px #2563eb1f}.profile-view .profile-course-card-media{background:var(--bg-secondary);flex-shrink:0;width:100%;height:140px;position:relative;overflow:hidden}.profile-view .profile-course-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.profile-view .profile-course-card:hover .profile-course-card-media img{transform:scale(1.05)}.profile-course-progress-badge{background:var(--blue-strong);color:#fff;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px}.profile-course-bookmark{color:#ef4444;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px #0f172a1f}.profile-view .profile-course-card-body{flex-direction:column;flex:1;padding:12px 14px 14px;display:flex}.profile-view .profile-course-card-body h4{min-height:34px;color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.profile-view .profile-course-teacher-row,.profile-view .profile-course-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.profile-view .profile-course-teacher-row span:last-child{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.profile-view .profile-course-teacher-row svg{color:#f4b740;fill:#f4b740}.profile-view .profile-course-progress-bar{background:var(--blue-pale);border-radius:999px;height:6px;margin:10px 0 8px;overflow:hidden}.profile-view .profile-course-progress-fill{background:var(--blue-strong);border-radius:inherit;height:100%}.profile-view .profile-course-price{color:var(--blue-strong);margin:8px 0 2px;font-size:14px;font-weight:900}.profile-course-action-btn{border:1px solid var(--blue-strong);width:100%;height:36px;color:var(--blue-strong);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:12px;font-weight:800;display:inline-flex}.profile-course-action-btn:hover{background:var(--blue-hover)}.profile-course-action-btn.completed{color:#16a34a;border-color:#16a34a}.profile-course-action-btn.completed:hover{background:#f0fdf4}.course-pagination button:disabled{opacity:.45;cursor:not-allowed}.profile-view .learning-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.course-pagination{justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.learning-detail-page{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;display:grid}.learning-detail-main{min-width:0}.learning-detail-actions{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.learning-back-button,.learning-hero-tools button{color:var(--text-main);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.learning-hero-tools{gap:10px;display:flex}.learning-hero-tools button{border:1px solid var(--border-light);background:#fff;border-radius:50%;width:38px;height:38px}.learning-hero-grid{grid-template-columns:380px minmax(0,1fr);gap:28px;margin-bottom:28px;display:grid}.learning-video-cover{background:#0f172a;border-radius:8px;min-height:260px;position:relative;overflow:hidden}.learning-video-cover img{object-fit:cover;filter:brightness(.72);width:100%;height:100%;display:block}.learning-video-cover span{background:var(--blue-strong);color:#fff;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:800;position:absolute;top:16px;left:16px}.learning-video-cover button{color:#fff;cursor:pointer;background:#0f172a4d;border:2px solid #fff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.learning-hero-copy{flex-direction:column;gap:16px;display:flex}.learning-hero-copy h1{max-width:560px;color:var(--text-main);margin:0;font-size:30px;font-weight:900;line-height:1.18}.learning-meta-line,.learning-instructor-line,.learning-tag-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.learning-meta-line{color:#0f1f44;font-size:14px;font-weight:700}.learning-meta-line span{align-items:center;gap:6px;display:inline-flex}.learning-meta-line svg:first-child{color:#f59e0b}.learning-dot{background:var(--border-soft);width:1px;height:16px}.learning-instructor-line{color:var(--text-secondary);font-size:14px}.learning-instructor-line img{object-fit:cover;border-radius:50%;width:34px;height:34px}.learning-instructor-line strong{color:var(--text-main)}.learning-instructor-line svg{color:var(--blue-strong)}.learning-hero-copy p{max-width:620px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.7}.learning-tag-list span{background:var(--blue-pale);color:var(--blue-strong);border-radius:8px;padding:7px 12px;font-size:12px;font-weight:800}.learning-detail-tabs{border-bottom:1px solid var(--border-light);align-items:center;gap:34px;margin-bottom:16px;display:flex}.learning-detail-tabs button{color:#172554;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;height:48px;font-size:14px;font-weight:800;display:inline-flex}.learning-detail-tabs button.active{color:var(--blue-strong);border-bottom-color:var(--blue-strong)}.learning-content-panel,.learning-side-card,.learning-support-card{border:1px solid var(--border-light);background:#fff;border-radius:8px;box-shadow:0 10px 30px #2563eb0f}.learning-content-panel{padding:8px}.learning-panel-heading{color:#334155;border-bottom:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:18px;height:54px;padding:0 16px;font-size:13px;display:flex}.learning-panel-heading button{height:34px;color:var(--blue-strong);cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;padding:0 14px;font-weight:800}.learning-chapter-list{gap:6px;padding:8px 0;display:grid}.learning-chapter{border:1px solid #e6eefb;border-radius:8px;overflow:hidden}.learning-chapter.open{box-shadow:inset 0 1px #2563eb14}.learning-chapter-header{background:#f8fbff;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 14px;display:flex}.learning-chapter-header>div{align-items:center;gap:10px;min-width:0;display:flex}.learning-chapter-header strong{color:var(--text-main);font-size:14px;line-height:1.35}.learning-chapter-toggle,.learning-lesson-play{background:var(--blue-strong);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.learning-chapter-progress{color:#172554;white-space:nowrap;font-size:14px;font-weight:800}.learning-chapter-progress mark{color:#16a34a;background:#dcfce7;border-radius:999px;padding:4px 9px;font-size:12px}.learning-lesson-list{gap:0;display:grid}.learning-lesson-row{border-top:1px solid #edf2fa;grid-template-columns:minmax(0,1fr) 60px 24px;align-items:center;gap:14px;min-height:42px;padding:0 20px 0 34px;display:grid}.learning-lesson-row>div{align-items:center;gap:12px;min-width:0;display:flex}.learning-lesson-row p{color:#334155;margin:0;font-size:13px}.learning-lesson-row>span{color:#334155;text-align:right;font-size:13px}.learning-lesson-row .done{color:#16a34a}.learning-lesson-row .pending{color:#94a3b8}.learning-detail-sidebar{gap:16px;display:grid}.learning-side-card{padding:22px}.learning-side-card h3,.learning-support-card h3{color:#172554;margin:0 0 18px;font-size:18px;font-weight:900}.learning-progress-ring{width:142px;height:142px;margin:4px auto 18px;position:relative}.learning-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.learning-progress-ring circle{fill:none;stroke:#e8eefc;stroke-width:10px}.learning-progress-ring circle:last-child{stroke:var(--blue-strong);stroke-linecap:round}.learning-progress-ring div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.learning-progress-ring strong{color:#0f1f44;font-size:28px;line-height:1}.learning-progress-ring span{color:#475569;margin-top:8px;font-size:13px}.learning-side-card>p,.learning-side-card small{color:#475569;margin:0;font-size:13px}.learning-finished{color:#172554;margin:6px 0 12px;font-size:14px;display:block}.learning-linear-progress{background:#dbeafe;border-radius:999px;height:8px;margin-bottom:16px;overflow:hidden}.learning-linear-progress span{border-radius:inherit;background:var(--blue-strong);height:100%;display:block}.learning-primary-button,.learning-secondary-button,.learning-support-card button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:38px;margin-top:14px;font-weight:800;display:inline-flex}.learning-primary-button{background:var(--blue-strong);color:#fff;border:0}.learning-secondary-button{color:#172554;background:#fff;border:1px solid #bfdbfe}.learning-info-list{gap:14px;display:grid}.learning-info-list div{justify-content:space-between;align-items:center;gap:14px;display:flex}.learning-info-list span{color:#475569;align-items:center;gap:10px;font-size:13px;display:inline-flex}.learning-info-list strong{color:#172554;text-align:right;font-size:13px}.learning-info-list div:last-child strong{background:var(--blue-pale);color:var(--blue-strong);border-radius:8px;padding:7px 10px}.learning-support-card{background:#eef4ff;padding:18px}.learning-support-card p{color:#172554;margin:0 0 18px;font-size:13px;line-height:1.6}.learning-support-card button{width:auto;min-width:150px;color:var(--blue-strong);background:#fff;border:0;margin-top:0}.learning-about-panel,.learning-instructor-panel,.learning-review-panel{padding:24px}.learning-about-panel h2,.learning-instructor-panel h2{color:#172554;margin:0 0 14px;font-size:22px}.learning-about-panel h3{color:#172554;margin:22px 0 14px;font-size:18px}.learning-about-panel p,.learning-instructor-profile p,.learning-review-list p{color:#475569;margin:0 0 12px;font-size:14px;line-height:1.7}.learning-outcome-grid,.learning-instructor-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.learning-outcome-grid div,.learning-instructor-stats div{color:#172554;border:1px solid #e6eefb;border-radius:8px;align-items:flex-start;gap:10px;padding:14px;font-size:13px;font-weight:700;display:flex}.learning-outcome-grid svg{color:#16a34a;flex-shrink:0}.learning-instructor-stats svg{color:var(--blue-strong);flex-shrink:0}.learning-instructor-profile{grid-template-columns:92px minmax(0,1fr);gap:18px;margin-bottom:18px;display:grid}.learning-instructor-profile img{object-fit:cover;border-radius:8px;width:92px;height:92px}.learning-instructor-profile strong{color:var(--blue-strong);margin-bottom:8px;display:block}.learning-review-summary{align-items:center;gap:18px;margin-bottom:18px;display:flex}.learning-review-summary>strong{color:#172554;font-size:44px;line-height:1}.learning-review-summary svg{color:#f59e0b}.learning-review-summary p{color:#475569;margin:6px 0 0;font-size:13px}.learning-review-list{gap:12px;display:grid}.learning-review-list article{border:1px solid #e6eefb;border-radius:8px;padding:14px}.learning-review-list article>div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.learning-review-list strong{color:#172554}.learning-review-list span{color:var(--blue-strong);font-weight:800}.learning-review-instructor-reply{background:#f5f3ff;border-left:3px solid #7c3aed;border-radius:6px;margin-top:10px;padding:10px 14px}.learning-review-instructor-reply strong{color:#7c3aed;margin-bottom:4px;font-size:12px;display:block}.learning-review-instructor-reply p{color:#172554;margin:0;font-size:14px;line-height:1.5}.favorite-flow-page{color:#0f172a;gap:18px;display:grid}.favorite-flow-hero{box-shadow:none;background:#fff;border:0;border-radius:8px;grid-template-columns:minmax(420px,.95fr) minmax(0,1.25fr);align-items:stretch;gap:24px;padding:22px;display:grid}.favorite-flow-preview{background:#0f172a;border-radius:6px;height:100%;min-height:360px;position:relative;overflow:hidden}.favorite-flow-preview img{object-fit:cover;filter:brightness(.72);width:100%;height:100%;display:block}.favorite-flow-preview button{color:#2563eb;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0f172a3d}.favorite-flow-preview>span{color:#fff;align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex;position:absolute;bottom:18px;left:18px}.favorite-flow-summary{flex-direction:column;justify-content:flex-start;gap:12px;min-width:0;display:flex}.favorite-flow-category{color:#2563eb;background:#dbeafe;border-radius:6px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:800}.favorite-flow-summary h2{color:#0f172a;margin:0;font-size:26px;font-weight:900;line-height:1.2}.favorite-flow-summary>p{color:#334155;margin:0;font-size:14px;line-height:1.55}.favorite-flow-meta{color:#475569;flex-wrap:wrap;gap:10px 18px;font-size:13px;font-weight:700;display:flex}.favorite-flow-meta span{align-items:center;gap:6px;display:inline-flex}.favorite-flow-meta svg{color:#64748b}.favorite-flow-meta span:nth-child(2) svg{color:#f59e0b}.favorite-flow-buy-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;margin-top:2px;display:grid}.favorite-flow-buy-row article{background:#fff;border:1px solid #dbe4ef;border-radius:8px;flex-direction:column;min-width:0;min-height:210px;padding:20px;display:flex}.favorite-flow-buy-row mark{color:#16a34a;text-transform:uppercase;background:#dcfce7;border-radius:5px;width:fit-content;margin-bottom:8px;padding:5px 8px;font-size:12px;font-weight:900;display:block}.favorite-flow-buy-row mark.orange{color:#f97316;background:#ffedd5}.favorite-flow-buy-row strong{color:#16a34a;margin-right:8px;font-size:25px;font-weight:900;line-height:1;display:inline-block}.favorite-flow-buy-row strong.orange-text{color:#f97316}.favorite-flow-buy-row del{color:#94a3b8;font-size:13px}.favorite-flow-buy-row article>div{grid-template-columns:minmax(0,1fr) minmax(132px,.95fr);gap:10px;margin:auto 0 0;display:grid}.favorite-flow-buy-row small{color:#475569;align-items:center;gap:7px;margin-top:9px;font-size:12px;display:flex}.favorite-flow-buy-row small svg{color:#16a34a}.favorite-flow-primary,.favorite-flow-secondary,.favorite-flow-cart,.favorite-flow-qa button{text-align:center;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 12px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.favorite-flow-primary svg,.favorite-flow-secondary svg,.favorite-flow-cart svg{flex-shrink:0}.favorite-flow-primary{color:#fff;background:#2563eb;border:0}.favorite-flow-cart{color:#fff;background:#f97316;border:0}.favorite-flow-secondary{color:#172554;background:#fff;border:1px solid #b8c7dc}.favorite-flow-tabs{border-bottom:1px solid #dbe4ef;gap:26px;display:flex;overflow-x:auto}.favorite-flow-tabs button{color:#172554;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:7px;height:48px;font-size:13px;font-weight:800;display:inline-flex}.favorite-flow-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.favorite-flow-body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.favorite-flow-body main,.favorite-flow-body aside{gap:16px;display:grid}.favorite-flow-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0f172a0d}.favorite-flow-card h3{color:#0f172a;margin:0;font-size:17px;font-weight:900}.favorite-flow-outcomes,.favorite-flow-about,.favorite-flow-curriculum,.favorite-flow-info,.favorite-flow-share,.favorite-flow-instructor,.favorite-flow-reviews,.favorite-flow-qa{padding:18px}.favorite-flow-outcomes>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin-top:16px;display:grid}.favorite-flow-outcomes p{color:#334155;align-items:center;gap:8px;margin:0;font-size:13px;line-height:1.5;display:flex}.favorite-flow-outcomes svg,.favorite-flow-lesson svg,.favorite-flow-review-score svg{color:#16a34a}.favorite-flow-about{gap:12px;display:grid}.favorite-flow-about p,.favorite-flow-instructor p,.favorite-flow-reviews p,.favorite-flow-qa p{color:#475569;margin:0;font-size:14px;line-height:1.7}.favorite-flow-section-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.favorite-flow-section-title span{color:#64748b;font-size:13px;font-weight:700}.favorite-flow-chapter{border-top:1px solid #eef2f7}.favorite-flow-chapter:first-of-type{border-top:0}.favorite-flow-chapter-head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.favorite-flow-chapter-head div{align-items:center;gap:10px;min-width:0;display:flex}.favorite-flow-chapter-head strong{color:#172554;font-size:14px}.favorite-flow-chapter-head span{color:#64748b;white-space:nowrap;font-size:12px}.favorite-flow-lessons{gap:0;padding:2px 0 8px 32px;display:grid}.favorite-flow-lesson{grid-template-columns:42px minmax(0,1fr) 120px 18px;align-items:center;gap:10px;min-height:34px;display:grid}.favorite-flow-lesson span,.favorite-flow-lesson small{color:#64748b;font-size:12px}.favorite-flow-lesson p{color:#334155;margin:0;font-size:13px}.favorite-flow-instructor{grid-template-columns:110px minmax(0,1fr);gap:18px;display:grid}.favorite-flow-instructor img{object-fit:cover;border-radius:8px;width:110px;height:110px}.favorite-flow-instructor strong{color:#2563eb;margin:7px 0 10px;display:block}.favorite-flow-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.favorite-flow-stat-grid span{color:#172554;background:#f8fbff;border-radius:6px;align-items:center;gap:9px;padding:10px;font-size:13px;font-weight:800;display:inline-flex}.favorite-flow-stat-grid svg{color:var(--blue-strong);flex-shrink:0}.favorite-flow-stat-grid svg.rating-star{color:#f59e0b}.favorite-flow-review-score{align-items:center;gap:18px;margin-bottom:16px;display:flex}.favorite-flow-review-score>strong{color:#172554;font-size:42px;line-height:1}.favorite-flow-review-score svg{color:#f59e0b}.favorite-flow-reviews article,.favorite-flow-qa article{border-top:1px solid #eef2f7;padding:14px 0}.favorite-flow-reviews article>div{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.favorite-flow-reviews article strong,.favorite-flow-qa article strong{color:#172554}.favorite-flow-reviews article span{color:#2563eb;font-weight:900}.favorite-flow-qa{gap:2px;display:grid}.favorite-flow-qa button{color:#fff;background:#2563eb;border:0;width:fit-content;margin-top:10px;padding:0 14px}.favorite-flow-info{gap:13px;display:grid}.favorite-flow-info div{justify-content:space-between;align-items:center;gap:14px;display:flex}.favorite-flow-info span{color:#475569;align-items:center;gap:9px;font-size:13px;font-weight:700;display:inline-flex}.favorite-flow-info strong{color:#0f172a;text-align:right;font-size:13px}.favorite-flow-info strong.badge{color:#16a34a;background:#dcfce7;border-radius:999px;padding:4px 9px}.favorite-flow-share p{color:#64748b;margin:10px 0 14px;font-size:13px}.favorite-flow-share div{gap:10px;display:flex}.favorite-flow-share button{color:#2563eb;cursor:pointer;background:#eff6ff;border:0;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}@media (width<=1180px){.profile-view .profile-course-grid,.profile-view .learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.courses-topbar{flex-direction:column}.course-tools{flex-wrap:wrap;margin-top:0}.learning-detail-page,.learning-hero-grid,.favorite-flow-hero,.favorite-flow-body{grid-template-columns:1fr}.favorite-flow-preview{min-height:320px}.security-overview-card,.security-main-grid{grid-template-columns:1fr}.security-overview-copy{border-right:0;padding-right:0}}@media (width<=768px){.profile-view .profile-wrapper{grid-template-columns:1fr}.profile-view .profile-sidebar,.profile-view .sidebar-content{width:100%;min-height:auto;position:static}.profile-view .profile-main{padding:20px 16px}.profile-view .profile-course-grid,.profile-view .learning-grid{grid-template-columns:1fr}.learning-detail-tabs{gap:10px;overflow-x:auto}.learning-detail-tabs button{white-space:nowrap}.learning-hero-copy h1{font-size:24px}.learning-lesson-row{grid-template-columns:1fr;gap:8px;padding:12px}.learning-lesson-row>span{text-align:left}.learning-outcome-grid,.learning-instructor-stats,.learning-instructor-profile{grid-template-columns:1fr}.favorite-flow-hero,.favorite-flow-outcomes,.favorite-flow-about,.favorite-flow-curriculum,.favorite-flow-info,.favorite-flow-share,.favorite-flow-instructor,.favorite-flow-reviews,.favorite-flow-qa{padding:14px}.favorite-flow-summary h2{font-size:22px}.favorite-flow-buy-row,.favorite-flow-outcomes>div,.favorite-flow-instructor,.favorite-flow-stat-grid,.favorite-flow-buy-row article>div{grid-template-columns:1fr}.favorite-flow-preview{min-height:240px}.favorite-flow-primary,.favorite-flow-secondary,.favorite-flow-cart,.favorite-flow-qa button{min-height:42px}.favorite-flow-lesson{grid-template-columns:36px 1fr;gap:8px;padding:8px 0}.favorite-flow-lesson small,.favorite-flow-lesson svg{grid-column:2}.security-overview-card,.security-card{padding:18px}.security-overview-card{gap:18px}.security-action-list>div,.security-contact-list button{align-items:flex-start}.security-action-list>div{flex-direction:column;padding:16px 0}.security-action-list button,.security-primary-button{width:100%}.security-contact-list button{grid-template-columns:1fr 24px;padding:14px 0}.security-contact-list button>span{grid-column:1;width:fit-content}}.profile-view .profile-wrapper{justify-content:center;width:100%;max-width:100%}.profile-view .profile-main{width:100%;max-width:100%}.profile-view .content-area:has(.profile-form){justify-content:center;width:100%;display:flex}.profile-view .profile-form{border-radius:8px;width:min(1080px,100vw - 96px);margin:0 auto;padding:24px 60px 28px}.profile-view .avatar-section{margin-bottom:40px}.profile-view .avatar-wrapper{width:118px;height:118px}.profile-view .avatar-button{width:38px;height:38px}.profile-view .profile-name{margin-top:16px;font-size:22px;line-height:1.2}.profile-view .profile-subtitle{font-size:12px}.profile-view .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin-bottom:24px}.profile-view .form-group.full-width{margin-bottom:24px}.profile-view .form-group label{padding-left:12px;font-size:10px}.profile-view .form-input,.profile-view .form-textarea{border-radius:14px;padding:14px 20px;font-size:14px}.profile-view .about-me-textarea{min-height:132px;padding:24px 32px}.profile-view .stats-simulator{max-width:820px;margin:0 auto 32px}@media (width<=900px){.profile-view .profile-form{padding:22px 24px 26px}.profile-view .form-grid{grid-template-columns:1fr}}.form-actions{justify-content:flex-end;gap:14px;margin-top:32px;display:flex}.cancel-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:12px 24px;font-size:11px;font-weight:600;transition:all .25s}.cancel-button:hover{background:#f3f4f6;border-color:#9ca3af}.save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:10px;padding:12px 28px;font-size:11px;font-weight:600;transition:all .25s;box-shadow:0 8px 18px #2563eb40}.save-button:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-2px);box-shadow:0 10px 22px #2563eb59}.save-button:active{transform:translateY(0)}.error-text{color:#ff4d4f;margin-top:4px;margin-left:10px;font-size:12px}.learning-review-header{align-items:center;gap:12px;display:flex}.learning-review-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.review-pagination{justify-content:center;align-items:center;gap:10px;margin-top:25px;display:flex}.review-pagination button{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:8px 14px;transition:all .2s}.review-pagination button:hover:not(:disabled),.review-pagination button.active{color:#fff;background:#2563eb}.review-pagination button:disabled{opacity:.4;cursor:not-allowed}.learning-primary-button.completed{color:#fff;background:#60ea93;font-weight:600}.learning-primary-button.completed svg{color:#fff;fill:#fff}:root{--blue-deep-navy:#071a33;--blue-dark:#0f172a;--blue-primary:#1d4ed8;--blue-strong:#1d74d8;--blue-medium:#1d4ed8;--blue-soft:#93c5fd;--blue-pale:#dbeafe;--blue-hover:#eff6ff;--bg-main:#f8fafc;--bg-secondary:#f1f5f9;--bg-white:#fff;--border-light:#e2e8f0;--border-soft:#cbd5e1;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-placeholder:#94a3b8;--text-white:#fff;--gold-accent:#e8be74;--warm-gold:#f4b740;--orange-accent:#f59e0b;--success-green:#22c55e;--success-soft:#dcfce7;--warning-yellow:#facc15;--danger-red:#ef4444;--danger-soft:#fee2e2;--info-blue:#3b82f6}.course-card-img,.instructor-avatar{cursor:pointer}.courses-page{background:var(--bg-main);min-height:100vh;padding:20px 100px}.courses-container{grid-template-columns:135px 1fr;align-items:start;gap:20px;max-width:1440px;margin:0 auto;display:grid}.sidebar-filter-co{background:var(--bg-white);border:1px solid var(--border-light);border-radius:6px;align-self:flex-start;height:fit-content;padding:24px;position:sticky;top:100px;box-shadow:0 4px 20px #2563eb14}.sidebar-filter h4{color:var(--blue-deep-navy);margin-bottom:24px;font-size:18px;font-weight:700}.filter-group{border-bottom:1px solid var(--border-light);margin-bottom:24px;padding-bottom:24px}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-group b{text-transform:uppercase;letter-spacing:.5px;color:var(--blue-strong);margin-bottom:12px;font-size:12px;font-weight:700;display:block}.filter-group label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;transition:all .2s;display:flex}.filter-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--blue-strong);flex-shrink:0}.category-count{background:var(--bg-secondary);color:var(--text-muted);border-radius:12px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.filter-group input[type=range]{background:var(--border-light);appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.filter-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--blue-strong);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #2563eb4d}.filter-group input[type=range]::-moz-range-thumb{background:var(--blue-strong);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #2563eb4d}.range-value{color:var(--text-muted);font-size:12px;font-weight:600}.filter-group.categories-list{max-height:320px;overflow-y:auto}.filter-group.categories-list::-webkit-scrollbar{width:6px}.filter-group.categories-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.filter-group.categories-list::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:3px}.filter-group.categories-list::-webkit-scrollbar-thumb:hover{background:var(--blue-strong)}.promo-box{background:linear-gradient(135deg, var(--blue-strong), var(--blue-medium));text-align:center;color:var(--text-white);border-radius:12px;margin-top:24px;padding:20px;box-shadow:0 4px 20px #2563eb26}.promo-icon{margin-bottom:12px;font-size:32px}.promo-box h5{margin-bottom:8px;font-size:16px;font-weight:700}.promo-box p{opacity:.9;margin-bottom:16px;font-size:12px}.promo-box button{background:var(--text-white);width:100%;color:var(--blue-strong);cursor:pointer;border:none;border-radius:8px;padding:10px;font-size:12px;font-weight:700;transition:all .3s}.promo-box button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.main-content{flex-direction:column;gap:0;display:flex}.search-section{background:var(--bg-white);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0f172a0d}.search-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;flex:1;align-items:center;padding:8px 12px;display:flex}.search-box input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-box input::placeholder{color:var(--text-placeholder)}.search-icon{color:var(--blue-strong);margin-left:8px;font-size:18px}.btn-sort{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .3s}.btn-sort:hover{background:var(--blue-hover);border-color:var(--blue-strong);color:var(--blue-strong)}.category-tabs{gap:12px;padding:12px 0;display:flex;overflow-x:auto}.tab-item{background:var(--bg-white);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s}.tab-item:hover{background:var(--blue-hover);border-color:var(--blue-strong);color:var(--blue-strong)}.tab-item.active{background:var(--blue-strong);color:var(--text-white);border-color:var(--blue-strong)}.courses-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.courses-grid--list{grid-template-columns:1fr}.courses-empty-state{color:#64748b;justify-content:center;align-items:center;min-height:240px;font-size:15px;display:flex}.courses-grid--list .course-card-course{flex-direction:row;max-height:220px}.courses-grid--list .course-card-img{width:280px;min-width:280px;height:auto}.courses-grid--list .course-card-body{justify-content:center}.course-card-course{background:var(--bg-white);border:1px solid var(--border-light);border-radius:9px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.course-card-course:hover{border-color:#93c5fd;transform:translateY(-5px);box-shadow:0 16px 48px #2563eb1f}.course-card-img{background:var(--bg-secondary);width:100%;height:170px;position:relative;overflow:hidden}.course-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.course-card-course:hover .course-card-img img{transform:scale(1.08)}.course-tag-badge{text-transform:uppercase;letter-spacing:.4px;color:#fff;z-index:2;background:#f59e0b;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.course-tag-badge--bestseller{background:#f59e0b}.course-tag-badge--hot{background:#ef4444}.course-tag-badge--new{background:#22c55e}.course-tag-badge--trending{background:#a855f7}.course-tag-badge--popular{background:#3b82f6}.course-duration-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#0f172abf;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:10px;right:44px}.course-wishlist{width:30px;height:30px;color:var(--text-muted);cursor:pointer;z-index:2;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0f172a1a}.course-wishlist:hover,.course-wishlist.active{background:var(--text-white);color:var(--danger-red);transform:scale(1.1)}.course-card-body{flex-direction:column;flex:1;padding:5px 10px 10px;display:flex}.course-title{color:#3f3f3f;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.35;transition:color .3s;display:-webkit-box;overflow:hidden}.course-instructor-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.course-instructor-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.course-instructor-avatar-initials{color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:9px;font-weight:700;display:flex}.course-author{color:var(--text-secondary);font-size:13px;font-weight:500}.course-rating{border-bottom:1px solid var(--border-light);align-items:center;gap:5px;margin-bottom:12px;padding-bottom:12px;font-size:12px;display:flex}.course-rating-value{color:#d97706;font-size:13px;font-weight:700}.course-rating-stars{align-items:center;gap:2px;display:flex}.rating-star-icon{color:#f59e0b;font-size:11px}.rating-star-empty{color:#d1d5db}.course-reviews{color:var(--text-muted);font-size:12px;font-weight:500}.course-card-bottom{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.course-price-block{flex-direction:column;gap:2px;display:flex}.course-card-bottom .course-price{color:#111827;font-size:17px;font-weight:700;line-height:1.2}.course-original-price{color:var(--text-muted);font-size:12px;font-weight:400;text-decoration:line-through}.enroll-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:700;transition:background .2s}.enroll-btn:hover{background:#1d4ed8}.enroll-btn--cart{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:22px;display:inline-flex}.course-card-img,a.course-title{color:inherit;text-decoration:none;display:block}a.course-title:hover h3{color:var(--blue-strong)}.pagination-section{justify-content:center;align-items:center;gap:8px;margin:40px 0;display:flex}.pagination-item{border:1px solid var(--border-light);background:var(--bg-white);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .3s;display:flex}.pagination-item:disabled{cursor:not-allowed;opacity:.45}.course-detail-page .back-to-list{background:var(--bg-white);border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.course-detail-page .back-to-list:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a14}.course-detail{background:var(--bg-white);border:1px solid var(--border-light);border-radius:24px;grid-template-columns:1.2fr 1fr;align-items:start;gap:40px;max-width:1240px;margin:0 auto;padding:30px;display:grid;box-shadow:0 16px 50px #0f172a14}.course-detail img{object-fit:cover;border-radius:20px;width:100%;min-height:320px;max-height:520px;box-shadow:0 24px 60px #0f172a14}.course-detail-body{flex-direction:column;justify-content:center;gap:22px;display:flex}.course-detail-body h1{color:var(--blue-deep-navy);font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.course-detail-body .course-instructor{color:var(--text-secondary);margin-top:-8px;font-size:1rem}.course-meta{color:var(--text-main);flex-wrap:wrap;align-items:center;gap:18px;font-size:1rem;font-weight:700;display:flex}.course-meta span{align-items:center;gap:6px;display:inline-flex}.course-meta span:first-child svg{color:var(--warm-gold)}.course-detail-body .course-price,.course-info-top .course-price{color:var(--blue-strong);font-weight:900}.course-description{color:var(--text-secondary);max-width:680px;font-size:1rem;line-height:1.75}.course-detail-body .btn.btn-primary{background:linear-gradient(135deg, var(--blue-strong), var(--blue-medium));width:fit-content;color:var(--text-white);cursor:pointer;border:none;border-radius:999px;padding:14px 26px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.course-detail-body .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 30px #1d4ed840}.course-detail-wrapper{flex-direction:column;gap:24px;max-width:1320px;margin:0 auto;display:flex}.course-breadcrumb{color:var(--text-secondary);flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.course-breadcrumb span{align-items:center;display:inline-flex}.course-hero-card{background:var(--bg-white);border-radius:24px;grid-template-columns:380px 1fr;gap:24px;padding:28px;display:grid;box-shadow:0 18px 50px #0f172a14}.course-hero-image{border-radius:24px;overflow:hidden}.course-hero-image img{object-fit:cover;width:100%;height:100%;display:block}.course-hero-content{flex-direction:column;gap:18px;display:flex}.course-badge{background:var(--blue-pale);color:var(--blue-strong);border-radius:999px;width:fit-content;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.course-hero-content h1{color:var(--blue-deep-navy);margin:0;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.05}.course-instructor{color:var(--text-secondary);font-size:1rem}.course-summary{color:var(--text-secondary);max-width:720px;line-height:1.8}.course-tags{flex-wrap:wrap;gap:10px;display:flex}.course-tags span{background:var(--bg-secondary);color:var(--text-main);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.course-detail-main{flex-direction:column;gap:20px;display:flex}.course-section-card,.course-info-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:24px;padding:24px;box-shadow:0 10px 30px #0f172a0d}.course-section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.section-label{color:var(--blue-strong);letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.course-section-header h2{color:var(--blue-deep-navy);margin:0;font-size:1.9rem}.course-progress-block{margin-bottom:20px}.course-progress-bar{background:var(--bg-secondary);border-radius:999px;width:100%;height:14px;margin-bottom:12px;overflow:hidden}.course-progress-fill{background:linear-gradient(90deg, var(--blue-strong), var(--blue-medium));border-radius:999px;height:100%}.course-progress-meta{color:var(--text-secondary);justify-content:space-between;font-size:.95rem;display:flex}.course-lessons-list .lesson-group{margin-bottom:22px}.lesson-group-title{color:var(--blue-deep-navy);margin-bottom:14px;font-weight:700}.lesson-group ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lesson-group li{background:var(--bg-secondary);border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px;transition:background .2s;display:flex}.lesson-group li.completed{background:#22c55e14}.lesson-group li.pending:hover{background:#3b82f614}.lesson-group li span{color:var(--text-main);font-size:.95rem}.lesson-group li small{color:var(--text-secondary)}.status-dot{border-radius:999px;align-items:center;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.completed-dot{color:var(--success-green);background:#22c55e1f}.pending-dot{color:var(--text-secondary);background:#94a3b826}.course-detail-sidebar{flex-direction:column;gap:20px;display:flex}.course-info-top{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.course-info-top .label{text-transform:uppercase;letter-spacing:.7px;color:var(--blue-strong);margin-bottom:6px;font-size:12px;display:block}.course-info-top strong{color:var(--blue-deep-navy);font-size:3rem}.course-info-stat{color:var(--text-secondary);gap:10px;margin-bottom:22px;display:grid}.btn-full{text-align:center;width:100%}.btn-secondary{border:1px solid var(--border-light);background:var(--bg-white);width:100%;color:var(--text-main);cursor:pointer;border-radius:999px;margin-top:10px;padding:14px 22px;font-weight:700;transition:all .2s}.btn-secondary:hover{background:var(--bg-secondary)}.course-detail-meta .meta-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.course-detail-meta .meta-row:last-child{border-bottom:none}.course-detail-meta .meta-row strong{color:var(--text-secondary)}.course-detail-meta .meta-row span{color:var(--text-main);font-weight:700}@media (width<=1100px){.course-detail{grid-template-columns:1fr;padding:24px}}@media (width<=768px){.courses-container,.course-detail-page{padding:20px}.course-detail{border-radius:20px;padding:20px}.course-detail-body h1{font-size:2.2rem}}@media (width<=560px){.course-card-course{min-height:auto}.course-detail-body{gap:16px}.course-detail-body .course-description{font-size:.95rem}}.pagination-item:hover:not(.active){background:var(--blue-hover);border-color:var(--blue-strong);color:var(--blue-strong)}.pagination-item.active{background:var(--blue-strong);color:var(--text-white);border-color:var(--blue-strong)}.pagination-dots{color:var(--text-muted);margin:0 4px}.instructor-section{background:var(--bg-white);color:var(--text-main);border-radius:16px;margin-top:-40px;padding:40px}.section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.section-header h3{color:var(--blue-deep-navy);margin-bottom:4px;font-size:24px;font-weight:700}.section-header p{color:var(--text-secondary);margin-bottom:0;font-size:13px}.section-header>div{flex:1}.see-more{color:var(--blue-strong);white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;transition:color .3s;display:inline-block}.see-more:hover{color:var(--blue-medium)}.instructors-section-header{margin-bottom:32px}.instructors-section-header h3{color:var(--text-main);letter-spacing:-.5px;margin:0 0 10px;font-size:22px;font-weight:800;line-height:1.2}.instructors-section-header p{color:var(--text-secondary);max-width:700px;margin:0;font-size:16px;line-height:1.6}.instructors-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;display:grid}.instructor-card-co{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;flex-direction:row;align-items:flex-start;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.instructor-card-co:hover{background:var(--blue-hover);border-color:var(--blue-strong);transform:translateY(-1px)}.instructor-avatar{border:3px solid var(--blue-soft);object-fit:cover;border-radius:50%;flex-shrink:0;width:80px;height:80px;margin-bottom:0;transition:transform .3s,border-color .3s}.instructor-name{margin:0;font-size:14px;font-weight:700;line-height:1.2;transition:color .3s}.instructor-card:hover .instructor-name{color:var(--blue-strong)}.instructor-card-co{flex-direction:column;display:flex}.instructor-header{align-items:flex-start;gap:16px;display:flex}.instructor-stats-co{border-top:1px solid var(--border-light);gap:50px;margin-top:-10px;margin-left:30px;padding-top:12px;display:flex}.instructor-skill{color:var(--text-muted);margin:0;font-size:11px;line-height:1.2;transition:color .3s}.instructor-card:hover .instructor-skill{color:var(--blue-medium)}.instructor-info{flex-direction:column;gap:6px;width:100%;display:flex}.instructor-name{margin:0;font-size:14px;font-weight:700;line-height:1.2}.instructor-skill{color:var(--text-muted);margin:0;font-size:11px;line-height:1.2}.instructor-rating-co{color:var(--text-main);align-items:center;gap:4px;margin-left:10px;padding:6px 0;font-size:12px;font-weight:600;display:flex}.rating-label-co{color:var(--text-muted);margin-left:12px;font-size:12px;font-weight:500}.stat-item{align-items:center;gap:4px;margin-left:-28px;display:flex}.stat-icon{font-size:12px}.stat-value{color:var(--blue-strong);font-size:12px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:none;font-size:12px}.section-title{align-items:center;gap:12px;display:flex}.section-title h3{color:#1d4ed8;margin:0;line-height:1}.view-all-link{color:#1d4ed8;margin-top:-20px;margin-left:900px;font-size:13px;font-weight:600;text-decoration:none;transition:color .3s;display:block}.section-title svg{color:#1d4ed8;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=1024px){.courses-container{grid-template-columns:200px 1fr;gap:20px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.instructors-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.instructors-slider-wrapper{align-items:center;gap:10px;display:flex}.nav-btn{border:1px solid var(--border-light);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s;display:flex}.nav-btn:hover{background:var(--blue-strong);color:#fff;border-color:var(--blue-strong);transform:scale(1.08)}.prev-btn{margin-right:0}.next-btn{margin-left:0}.instructors-grid{flex:1}@media (width<=768px){.courses-container{grid-template-columns:1fr}.sidebar-filter{position:static;top:auto}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.instructor-section{padding:24px}.section-header{flex-direction:column;gap:12px}.instructors-grid{grid-template-columns:repeat(2,1fr);gap:16px}.section-header h3{font-size:20px}}@media (width<=480px){.courses-page{padding:12px}.courses-container{gap:16px}.courses-grid{grid-template-columns:1fr}.instructor-section{margin-top:40px;padding:16px}.instructors-grid{grid-template-columns:1fr;gap:12px}.instructor-card-co{padding:16px}.instructor-avatar{width:70px;height:70px;margin-bottom:12px}.section-header h3{color:#1d4ed8;font-size:18px}.section-title{background:#1d4ed8;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title svg{color:var(--blue-strong);flex-shrink:0}.section-title h3{color:#1d4ed8;margin:0}}.sidebar-filter-course{align-self:start;position:sticky;top:90px}.sidebar-card{background:#fff0;flex-direction:column;max-height:calc(100vh - 110px);padding:0;display:flex;overflow:hidden}.filter-header-course{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.filter-header-course h4{letter-spacing:.5px;color:var(--text-main);margin:0;font-size:13px;font-weight:800}.clear-btn-course{color:var(--blue-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.clear-btn-course:hover{text-decoration:underline}.selected-filters{border-bottom:1px solid var(--border-light);padding:0 18px 14px}.selected-filters__label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.selected-filters__chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{background:var(--blue-pale);color:var(--blue-primary);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.filter-chip button{color:var(--blue-primary);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.filter-chip button:hover{opacity:1}.filter-group-course{border-top:1px solid var(--border-light);margin-bottom:4px;padding-top:16px}.filter-group-course:first-child{border-top:none;padding-top:0}.filter-title-course{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px;display:flex}.filter-title-course span{text-transform:uppercase;color:#252525;font-size:11px;font-weight:700}.filter-title-course small{color:#64748b;font-weight:600}.filter-item-course{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;display:flex}.left-course{align-items:center;gap:12px;display:flex}.filter-item-course input{accent-color:#2563eb;width:16px;height:16px}.filter-name-course,.filter-item-course span{color:#475569;font-size:14px;font-weight:600}.count-badge-course{text-align:center;color:#64748b;background:#f1f5f9;border-radius:999px;min-width:42px;padding:6px 10px;font-size:14px;font-weight:700}.range-course{accent-color:#2563eb;width:100%}.range-value-course{color:#64748b;justify-content:space-between;margin-top:10px;font-weight:700;display:flex}.reset-btn-course{border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin:12px 18px 18px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.reset-btn-course:hover{background:var(--bg-secondary);border-color:var(--border-soft);color:var(--text-main)}.filter-scroll-course{flex:1;padding:15px 0;overflow-y:auto}.filter-scroll-course::-webkit-scrollbar{width:6px}.filter-scroll-course::-webkit-scrollbar-track{background:#f1f5f9}.filter-scroll-course::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.filter-scroll-course::-webkit-scrollbar-thumb:hover{background:#2563eb}.apply-btn-course{display:none}.rating-text-course{color:#fbbf24;align-items:center;gap:2px;font-weight:600;display:flex}.rating-star-course{color:#fbbf24;vertical-align:middle;margin-right:6px;font-size:13px}.courses-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.toolbar-left{flex-direction:column;gap:10px;display:flex}.toolbar-chips{flex-wrap:wrap;gap:8px;display:flex}.courses-count{color:var(--text-secondary);margin:0;font-size:14px;font-weight:600}.toolbar-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.sort-wrapper-course{align-items:center;gap:8px;display:flex}.sort-label-course{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:500}.sort-select-course{border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-main);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:6px 32px 6px 12px;font-size:13px;font-weight:600}.sort-select-course:focus{border-color:var(--blue-primary)}.view-toggle{border:1px solid var(--border-light);background:var(--bg-white);border-radius:8px;display:flex;overflow:hidden}.view-btn{width:38px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-btn.active{background:var(--blue-primary);color:var(--text-white)}.view-btn:not(.active):hover{background:var(--bg-secondary);color:var(--text-main)}@media (width<=1280px){.courses-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.courses-container{grid-template-columns:240px 1fr;gap:20px}.courses-grid{grid-template-columns:repeat(2,1fr)}}:root{--primary-dark:#1f2937;--text-light:#6b7280;--border-color:#e5e7eb;--bg-light:#f9fafb;--bg-hover:#f3f4f6}*{box-sizing:border-box;margin:0;padding:0}.quiz-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;transition:all .25s;display:flex}.quiz-item:hover{background:#eff6ff;border-color:#3b82f6}.quiz-icon-wrapper{background:#dbeafe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.quiz-content{flex:1;display:flex}.quiz-title{color:#1e293b;font-size:14px;font-weight:600}.quiz-subtitle-co{color:#64748b;margin-top:2px;margin-left:230px;font-size:12px}.section-meta{color:#353535;gap:12px;margin-top:8px;font-size:12px;display:flex}.section-meta span{align-items:center;gap:5px;display:flex}.section-meta svg{color:#9bb9e3;font-size:12px}body{font-family:var(--font-sans);color:var(--primary-dark);background:#fff}.course-detail-container{background:#fff;flex-direction:column;width:100%;height:100vh;display:flex}.detail-header{color:#fff;background:#2d3748;border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header-left{flex:1;align-items:center;gap:1.5rem;display:flex}.logo{white-space:nowrap;color:#fff;font-size:1.5rem;font-weight:700}.header-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.header-right{align-items:center;gap:1rem;display:flex}.btn-header{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s}.btn-header:hover{background:#ffffff1a;border-color:#ffffff80}.btn-header-menu{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:.4rem;padding:.5rem .75rem;font-size:1.2rem;transition:all .3s}.btn-header-menu:hover{background:#ffffff1a}.main-layout{background:#fff;flex:1;display:flex;overflow:hidden}.left-side{border-right:1px solid var(--border-color);-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex:7;display:flex;overflow-y:auto}.left-side::-webkit-scrollbar{display:none}.right-side{border-left:1px solid var(--border-color);background:#f9fafb;flex-direction:column;flex:3;height:calc(100vh - 70px);display:flex;overflow-y:auto}.video-player-container{aspect-ratio:16/8;background:#000;flex-shrink:0;position:relative}.video-player{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.video-placeholder{background:linear-gradient(135deg,#1f2937 0%,#374151 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.play-button-large{color:#fff;opacity:.8;font-size:4rem}.video-controls{background:linear-gradient(#0000,#000c);padding:2rem 1rem 1rem;position:absolute;bottom:0;left:0;right:0}.progress-bar{cursor:pointer;background:#ffffff4d;border-radius:2px;width:100%;height:4px;margin-bottom:1rem}.controls-bottom{justify-content:flex-end;gap:.5rem;display:flex}.control-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.2rem;transition:opacity .3s}.control-btn:hover{opacity:.8}.tabs-container{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tabs-wrapper{gap:0;margin-top:10px;padding:0 2rem;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s}.tab-btn:hover{color:#1f2937}.tab-btn.active{color:#1d4ed8;border-bottom-color:#1d4ed8}.content-section{flex:1;padding:2rem;overflow:visible}.overview-content h3{font-size:1.1rem;font-weight:500;line-height:1.6}.course-stats{border-bottom:1px solid var(--border-color);gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.stat{align-items:center;gap:.5rem;display:flex}.stat-value{font-size:1rem;font-weight:700}.star{color:#f59e0b}.stat-label{color:var(--text-light);margin-top:4px;font-size:.9rem}.overview-content h4{margin-bottom:1rem;font-size:1rem;font-weight:600}.learn-list li{color:var(--primary-dark);padding:.5rem 0}.description-section{background:#f9fafb;border-left:4px solid #1d4ed8;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.description-section h3{color:#1f2937;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.description-content{max-height:200px;transition:max-height .3s;overflow:hidden}.description-content.expanded{max-height:1000px}.description-para{color:#4b5563;margin-bottom:1rem;font-size:.95rem;line-height:1.7}.description-para:last-child{margin-bottom:0}.see-more-btn{color:#1d4ed8;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.9rem;font-weight:600;text-decoration:underline;transition:all .3s}.see-more-btn:hover{color:#1e40af;text-decoration:none}.learn-section{margin-top:2rem;margin-left:10px}.learn-section h4{color:#1f2937;margin-bottom:1rem;font-size:1rem;font-weight:600}.learn-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.learn-list li{color:#374151;padding:.5rem 0;font-size:.95rem}.footer-wrapper{flex-shrink:0;width:100%}.newsletter-form{gap:.5rem;display:flex}.newsletter-form input{border:none;border-radius:.4rem;flex:1;padding:.75rem 1rem;font-size:.9rem}.newsletter-form button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.4rem;padding:.75rem 1.5rem;font-weight:600;transition:background .3s}.newsletter-form button:hover{background:#1d4ed8}.footer-bottom{text-align:center;color:#9ca3af;border-top:1px solid #ffffff1a;padding-top:1.5rem;font-size:.85rem}.learn-list{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;padding:0;list-style:none;display:grid}.learn-list li{color:#374151;align-items:center;gap:10px;font-size:15px;display:flex}.learn-icon{color:#696fe6;flex-shrink:0;font-size:18px}.learn-title{color:#111827;align-items:center;gap:10px;margin-bottom:20px;font-size:22px;font-weight:600;display:flex}.section-header-title{align-items:center;gap:10px;font-size:24px;font-weight:600;display:flex}.OV-section-icon{color:#2563eb;font-size:22px}hr{border:none;border-top:1px solid #497de6;width:90%;margin:10px auto 2rem}.title-icon{color:#2563eb;font-size:24px}.instructor-section{margin-top:5px;padding-top:1px}.section-header-title-co{color:#1f2937;text-transform:capitalize;margin-bottom:2rem;font-size:1.2rem;font-weight:600}.instructor-container{background:#fff}.instructor-header-box{align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.OV-instructor-avatar-wrapper{flex-shrink:0}.instructor-avatar-large{object-fit:cover;border:3px solid #e5e7eb;border-radius:50%;width:120px;height:120px}.instructor-details{flex:1}.instructor-name-large{color:#1f2937;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.instructor-subtitle-co{color:#6b7280;margin-bottom:10px;font-size:.95rem;font-weight:500}.instructor-social-links{flex-wrap:wrap;gap:.75rem;display:flex}.social-link{color:#fff;cursor:pointer;background:#9ca3af;border:none;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.social-link:hover{background:#1d4ed8;transform:translateY(-1px)}.social-link span{justify-content:center;align-items:center;display:flex}.instructor-bio-text{color:#4b5563;text-align:justify;margin-left:145px;font-size:.95rem;line-height:1.8}@media (width<=768px){.instructor-header-box{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}.instructor-social-links{justify-content:center}.instructor-bio-text{text-align:left}.instructor-avatar-large{width:100px;height:100px}.instructor-name-large{font-size:1.1rem}}.qa-wrapper{padding-bottom:2rem}.qa-search-container{gap:.5rem;margin-bottom:2rem;display:flex}.qa-search-box{border:1px solid #e5e7eb;border-radius:6px;outline:none;flex:1;padding:.75rem 1rem;font-size:.95rem}.qa-search-box::placeholder{color:#9ca3af}.qa-search-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;width:40px;height:40px;font-size:1.1rem}.qa-filter-bar{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.qa-filter-group{align-items:center;gap:.75rem;display:flex}.qa-filter-group label{color:#374151;font-size:.9rem;font-weight:500}.qa-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:200px;padding:.5rem .75rem;font-size:.9rem}.qa-filter-btn{color:#7c3aed;cursor:pointer;background:0 0;border:1px solid #7c3aed;border-radius:6px;padding:.5rem 1.5rem;font-weight:500;transition:all .3s}.qa-filter-btn:hover{color:#fff;background:#7c3aed}.qa-tab-section{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.qa-tabs{gap:2rem;display:flex}.qa-tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 0;font-size:.95rem;font-weight:500;transition:all .3s}.qa-tab-btn:hover{color:#1f2937}.qa-tab-btn.active{color:#7c3aed;border-bottom-color:#7c3aed}.qa-total{color:#9ca3af;font-size:.9rem}.qa-items-list{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.qa-card{border:1px solid #e5e7eb;border-radius:8px;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.qa-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.qa-left{flex-direction:column;align-items:center;gap:1rem;min-width:80px;display:flex}.qa-votes,.qa-views{flex-direction:column;align-items:center;gap:.25rem;display:flex}.qa-number{color:#1f2937;font-size:1rem;font-weight:700}.qa-label{color:#9ca3af;font-size:.75rem}.qa-eye{font-size:.9rem}.qa-middle{flex:1}.qa-title{color:#1f2937;margin:0 0 .5rem;font-size:.95rem;font-weight:600;line-height:1.5}.qa-description{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.qa-tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.qa-tag{color:#6d28d9;background:#ede9fe;border-radius:4px;padding:.3rem .7rem;font-size:.75rem;font-weight:500;display:inline-block}.qa-right{justify-content:space-between;align-items:center;gap:1rem;min-width:160px;display:flex}.qa-author{align-items:center;gap:.75rem;display:flex}.qa-avatar{color:#fff;background:#7c3aed;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:600;display:flex}.qa-author-info{flex-direction:column;gap:.2rem;display:flex}.qa-author-name{color:#1f2937;font-size:.85rem;font-weight:600}.qa-author-time{color:#9ca3af;font-size:.75rem}.qa-bookmark{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1.2rem;transition:opacity .3s}.qa-bookmark:hover{opacity:1}.qa-pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;display:flex}.qa-page-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;width:36px;height:36px;font-size:.9rem;font-weight:500;transition:all .3s}.qa-page-btn:hover{color:#7c3aed;border-color:#7c3aed}.qa-page-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.qa-dots{color:#9ca3af;padding:0 .5rem}@media (width<=1024px){.qa-card{flex-wrap:wrap}.qa-right{justify-content:flex-start;width:100%}}@media (width<=768px){.qa-filter-bar{flex-direction:column;align-items:stretch}.qa-select{width:100%}.qa-card{flex-direction:column}.qa-right{width:100%}}.qa-action-bar{gap:12px;margin:-20px 0 20px;display:flex}.qa-ask-btn,.qa-instructor-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-weight:600}.qa-ask-btn{color:#fff;background:#2563eb;margin-left:950px}.qa-instructor-btn{color:#2563eb;background:#eef4ff;border:1px solid #2563eb}.qa-question-form{background:#fff;border:1px solid #dbeafe;border-radius:12px;margin-bottom:24px;padding:20px}.qa-input,.qa-textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;margin-top:12px;padding:12px}.qa-textarea{resize:vertical;min-height:120px}.qa-form-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.qa-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px}.qa-cancel-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:10px 18px}.qa-search-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.qa-search-btn:hover{background:#1d4ed8}.qa-search-btn svg{font-size:16px}.qa-detail{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-top:20px;padding:24px}.qa-back{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-bottom:20px;font-size:14px;font-weight:600}.qa-back:hover{text-decoration:underline}.qa-detail-title{color:#111827;margin-bottom:16px;font-size:14px;font-weight:700;line-height:1.4}.qa-detail-meta{margin-bottom:20px}.qa-pinned-badge,.qa-solved-badge{vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.qa-pinned-badge{color:#92400e;background:#fef3c7}.qa-solved-badge{color:#166534;background:#dcfce7}.qa-instructor-tools{gap:8px;margin-bottom:16px;display:flex}.qa-tool-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.qa-tool-btn:hover{background:#f3f4f6}.qa-avatar-large{color:#fff;background:#6d28d9;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-left:0;font-size:14px;font-weight:600;display:flex}.qa-author-info{align-items:flex-start;gap:10px;display:flex}.qa-content{flex-direction:column;justify-content:flex-start;display:flex}.qa-author-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.qa-avatar-large{color:#fff;background:#6d28d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:600;display:flex}.qa-content{flex:1}.qa-author-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.qa-author-name{color:#111827;margin-top:-50px;margin-left:50px;font-size:15px;font-weight:600}.qa-author-time{color:#6b7280;margin-top:-32px;margin-left:180px;font-size:13px}.qa-qa-author-name{color:#111827;font-size:15px;font-weight:600}.qa-qa-author-time{color:#6b7280;font-size:13px}.qa-meta-row span{align-items:center;gap:4px;display:flex}.qa-votes-big{color:#2563eb;background:#eff6ff;border-radius:8px;padding:8px 14px;font-weight:600}.qa-detail-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.qa-question-body{background:0 0;border:none;margin-top:20px}.qa-question-body p{color:#374151;word-break:break-word;margin:0 0 0 10px;line-height:1.8}.qa-answer{border-radius:14px}.answer-by{color:#2563eb;margin-bottom:16px;font-size:15px;font-weight:700}.answer-content p{color:#374151;margin-bottom:16px;line-height:1.8}.code-block{color:#f3f4f6;background:#111827;border-radius:10px;margin-top:12px;padding:16px;font-size:14px;overflow-x:auto}.answer-actions{gap:12px;margin-top:18px;display:flex}.btn-ghost{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 16px;transition:all .2s}.btn-ghost:hover{background:#f3f4f6}.answer-actions{justify-content:flex-start;gap:12px;margin-top:12px;display:flex}.btn-reply{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.qa-reply-form{opacity:1;margin-top:16px;animation:.3s showReplyForm;overflow:hidden;transform:translateY(0)}@keyframes showReplyForm{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-reply:hover{background:#dbeafe;border-color:#93c5fd}.btn-reply svg{font-size:16px}.btn-like{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-like:hover{background:#dbeafe}.btn-like svg{font-size:16px}.qa-replies{margin-bottom:24px}.qa-replies h4{color:#111827;margin-bottom:16px}.reply-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:16px}.instructor-reply{background:#eff6ff;border-left:4px solid #2563eb}.reply-author{margin-bottom:8px;font-weight:600}.reply-time{color:#6b7280;font-size:13px;font-weight:400}.reply-text{color:#374151;line-height:1.6}.qa-reply-form{border-top:1px solid #e5e7eb;padding-top:20px}.qa-reply-input{resize:vertical;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;min-height:120px;padding:14px;font-size:14px}.qa-reply-input:focus{border-color:#2563eb}.qa-reply-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.btn-cancel{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 18px}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px}.btn-primary:hover{background:#1d4ed8}.answer-by{align-items:center;gap:14px;margin-bottom:20px;display:flex}.answer-instructor-avatar{object-fit:cover;border:2px solid #2563eb;border-radius:50%;flex-shrink:0;width:52px;height:52px}.answer-instructor-info{flex-direction:column;display:flex}.answer-instructor-header{align-items:center;gap:10px;display:flex}.answer-instructor-name{color:#111827;font-size:15px;font-weight:700}.instructor-badge{color:#2563eb;background:#dbeafe;border:1px solid #93c5fd;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.answer-instructor-time{color:#6b7280;margin-top:4px;font-size:10px}.reviews-section{border:1px solid var(--border-color);background:#fff;border-radius:8px;padding:18px}.rating-summary{align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.rating-left{text-align:center;width:180px}.rating-number{color:#233bb6;font-size:48px;font-weight:700}.rating-stars .star{color:#f59e0b;margin-right:2px;font-size:18px}.rating-label{color:var(--text-light);margin-top:6px;font-size:14px}.rating-right{flex:1}.rating-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.row-label{width:36px;color:var(--text-light);font-size:13px}.row-bar{background:#f3f4f6;border-radius:6px;flex:1;height:8px;overflow:hidden}.row-fill{background:#a78bfa;border-radius:6px;height:8px}.row-percent{text-align:right;color:#7c3aed;width:44px;font-size:13px}.review-controls{justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.review-search{flex:1;align-items:center;gap:8px;display:flex}.review-search input{border:1px solid #dbeafe;border-radius:8px;flex:1;padding:10px;transition:all .2s}.review-search input:focus{border:1px solid #60a5fa;outline:none}.search-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;padding:10px 12px}.review-filter{align-items:center;gap:8px;margin-left:860px;display:flex}.review-filter :focus{border:1px solid #60a5fa;outline:none}.review-filter select{border:1px solid var(--border-color);border-radius:8px;padding:8px 10px}.reviews-list{flex-direction:column;gap:14px;margin-top:8px;display:flex}.review-item{background:#fff;border:1px solid #f3f4f6;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.review-avatar{color:#fff;background:#2360e4;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.review-body{flex:1}.review-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.review-name{color:var(--primary-dark);font-weight:600}.review-meta{color:var(--text-light);align-items:center;gap:8px;font-size:13px;display:flex}.star.small{color:#f59e0b;margin-top:5px;margin-right:5px;font-size:14px}.review-instructor-reply{background:#f5f3ff;border-left:3px solid #7c3aed;border-radius:6px;margin:10px 0 4px;padding:10px 14px}.review-instructor-reply strong{color:#7c3aed;margin-bottom:4px;font-size:12px;display:block}.review-instructor-reply p{color:var(--primary-dark);margin:0;font-size:14px;line-height:1.5}.review-actions{align-items:center;gap:12px;display:flex}.helpful-btn,.unhelpful-btn{cursor:pointer;background:0 0;border:1px solid #efe6ff;border-radius:8px;padding:8px 10px}.report-link{color:#7c3aed;cursor:pointer;background:0 0;border:none;text-decoration:underline}.reviews-pagination{justify-content:center;gap:12px;margin-top:12px;display:flex}.reviews-pagination button{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;padding:6px 10px}.search-btn{color:#fff;cursor:pointer;background:#5986ec;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.search-btn svg{font-size:18px}.search-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.helpful-btn,.unhelpful-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.helpful-btn{color:#2563eb}.helpful-btn:hover{background:#eff6ff;border-color:#93c5fd}.unhelpful-btn{color:#6b7280}.unhelpful-btn:hover{background:#f3f4f6}.helpful-btn svg,.unhelpful-btn svg{font-size:14px}.course-content-header{border-bottom:1px solid var(--border-color);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.course-content-header h3{font-size:1rem;font-weight:600}.btn-ai{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:.4rem;padding:.4rem .8rem;font-size:.85rem;transition:all .3s}.btn-ai:hover{background:var(--bg-hover)}.curriculum-sidebar{flex-direction:column;gap:0;display:flex}.section-header-qa{cursor:pointer;background:#fff;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .3s;display:flex}.section-header-qa:hover{background:var(--bg-light)}.chevron{color:var(--text-light);flex-shrink:0;transition:transform .3s}.chevron.open{transform:rotate(180deg)}.section-title{flex:1}.section-title-co strong{color:#121212;word-break:break-word;word-break:break-word;margin-bottom:.15rem;font-size:.95rem;font-weight:600;display:block}.section-title-co p{color:var(--text-light);margin:0;font-size:.8rem}.lessons-sidebar{background:var(--bg-light);border-top:1px solid var(--border-color);flex-direction:column;margin-left:30px;display:flex}.lesson-item{cursor:pointer;background:#fff;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.6rem 1rem;transition:all .3s;display:flex}.lesson-item:hover{background:var(--bg-light)}.lesson-item.active{background:#e8f0fe;border-left-color:#1d4ed8}.lesson-check{align-items:center;display:flex}.lesson-check input{cursor:pointer;width:18px;height:18px}.lesson-info{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.lesson-icon{color:var(--text-light);flex-shrink:0;font-size:.8rem}.lesson-name{color:var(--primary-dark);word-break:break-word;white-space:normal;font-size:.8rem}.lesson-time{color:var(--text-light);white-space:nowrap;flex-shrink:0;font-size:.75rem}.right-side::-webkit-scrollbar{width:8px}.right-side::-webkit-scrollbar-track{background:0 0}.right-side::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.right-side::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (width<=1024px){.main-layout{flex-direction:column}.left-side{border-right:none;border-bottom:1px solid var(--border-color);flex:1}.right-side{border-left:none;flex:0 0 300px;position:relative;top:auto}.tabs-wrapper{padding:0 1rem;overflow-x:auto}.footer-content{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (width<=768px){.detail-header{padding:.75rem 1rem}.header-title{display:none}.btn-header{padding:.4rem .8rem;font-size:.8rem}.tabs-wrapper{-webkit-overflow-scrolling:touch;padding:0 1rem;overflow-x:auto}.section-title strong{font-size:.8rem}.content-section{padding:1.5rem 1rem}.footer-content{grid-template-columns:1fr}}.quiz-item{cursor:pointer;background:#f8faff;border:1px solid #dbe7ff;transition:all .2s}.quiz-item:hover{background:#eef4ff}.quiz-item.active{background:#e8f0ff;border-left:4px solid #2563eb}.quiz-icon{color:#2563eb;font-size:16px}.no-reviews{color:#777;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-reviews h3{margin-top:10px;font-size:18px;font-weight:600}.no-reviews p{color:#999;margin-top:5px;font-size:14px}.menu-wrapper{margin-left:auto;position:relative}.menu-btn-course{cursor:pointer;background:0 0;border:none;font-size:20px}.dropdown-menu{z-index:10;background:#fff;border:1px solid #ddd;border-radius:6px;flex-direction:column;min-width:100px;display:flex;position:absolute;top:25px;right:0;box-shadow:0 2px 10px #0000001a}.dropdown-menu button{cursor:pointer;text-align:left;background:0 0;border:none;padding:8px}.dropdown-menu button:hover{background:#f2f2f2}.edit-box textarea{width:100%;min-height:60px}.edit-actions{gap:10px;margin-top:5px;display:flex}.toast-green{color:#1c1c1c!important;background-color:#fff!important}.toast-progress-white{background:#fff!important}.no-search-result{text-align:center;background-color:#fafafa;border:1px dashed #ddd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:40px 20px;display:flex}.no-search-result svg{opacity:.7;margin-bottom:12px}.no-search-result h3{color:#444;margin-bottom:6px;font-size:18px;font-weight:600}.no-search-result p{color:#888;font-size:14px}.edit-box{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;margin-top:12px;padding:18px;box-shadow:0 4px 12px #3b82f614}.edit-box textarea{resize:vertical;background:#fff;border:1px solid #bfdbfe;border-radius:10px;outline:none;width:100%;min-height:120px;padding:12px 14px;font-size:14px;line-height:1.6;transition:all .25s}.edit-box textarea:focus{border-color:#6092df;box-shadow:0 0 0 2px #8baae126}.edit-actions{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.edit-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .25s}.edit-actions button:first-child{color:#fff;background:#3b82f6}.edit-actions button:first-child:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f640}.edit-actions button:last-child{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.edit-actions button:last-child:hover{background:#dbeafe}.qa-textarea{border:1.5px solid #93c5fd;border-radius:8px;outline:none;width:100%;padding:12px;transition:all .2s}.qa-error-message{color:#ef4444;margin-top:8px;margin-bottom:12px;font-size:14px;font-weight:500}.user-answer{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin:16px 0 16px 60px;padding:18px}.user-answer .qa-avatar{color:#fff;background:#7c3aed;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-right:12px;font-weight:600;display:flex}.user-answer .answer-instructor-avatar{display:none}.instructor-answer .qa-answer-card{background:#f7faff;border:1px solid #d7e5ff;border-radius:12px;margin:18px 0;padding:20px}.qa-reply-wrapper{margin-top:16px;margin-bottom:16px;margin-left:70px;padding-left:40px;position:relative}.reply-line{border-bottom:2px dashed #d8d8d8;border-left:2px dashed #d8d8d8;border-bottom-left-radius:10px;width:30px;height:70px;position:absolute;top:-18px;left:0}.qa-user-card{background:#fff;border:1px solid #ececec;border-radius:10px;padding:18px;box-shadow:0 2px 6px #0000000a}.qa-user-card .qa-avatar{color:#fff;background:#6f42c1;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.qa-user-card .answer-content{margin-top:12px;padding-left:58px}.qa-user-card .answer-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.qa-actions{border-top:1px solid #eee;align-items:center;gap:18px;margin-top:12px;padding-top:10px;display:flex}.qa-actions .btn-reply,.qa-actions .btn-like{cursor:pointer;color:#5459cc;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;transition:all .2s;display:flex}.qa-actions .btn-reply:hover{color:#2563eb;background:#3b82f614}.qa-actions .btn-like:hover{color:#446cef;background:#ef444414}.qa-actions .btn-like span,.qa-actions .btn-reply span{font-weight:500}.reply-to-box{color:#555;background:#f0f2f5;border-left:3px solid #1877f2;border-radius:4px;margin-bottom:8px;padding:6px 10px;font-size:13px}.qa-thread{margin-top:25px}.reply-node{position:relative}.reply-children{margin-left:55px;padding-left:30px;position:relative}.reply-children:before{content:"";background:#d9d9d9;width:2px;position:absolute;top:-10px;bottom:20px;left:12px}.reply-item{position:relative}.reply-item:before{content:"";background:#d9d9d9;width:18px;height:2px;position:absolute;top:36px;left:-18px}.qa-author-time-in{color:#6b7280;margin-top:-25px;font-size:13px;font-weight:500}.qa-author-name-in{color:#111827;margin-top:-5px;font-size:15px;font-weight:600}.user-1{color:#4b73e8;font-weight:600}.qa-instructor-badge{color:#2563eb;background:#eef4ff;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.answer-by{align-items:flex-start;gap:12px;width:100%;display:flex}.qa-user-header{flex:1;justify-content:space-between;align-items:flex-start;display:flex}.qa-user-info{flex-direction:column;display:flex}.qa-author-name-in{align-items:center;gap:8px;font-weight:600;display:flex}.qa-author-time-in{color:#888;margin-top:2px;font-size:13px}.qa-menu-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;transition:all .2s;display:flex}.qa-dropdown{z-index:9999;background:#fff;border-radius:10px;width:160px;position:absolute;top:38px;right:0;overflow:hidden;box-shadow:0 10px 25px #00000026}.qa-dropdown button{text-align:left;cursor:pointer;background:#fff;border:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.qa-dropdown button:hover{background:#f5f5f5}.qa-delete{color:#ef4444}.qa-delete:hover{background:#fef2f2!important}.qa-card{position:relative}.qa-card-top{justify-content:space-between;align-items:flex-start;display:flex}.qa-menu{flex-shrink:0;margin-left:15px;position:relative}.qa-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;width:34px;height:34px;font-size:22px}.qa-menu-btn:hover{background:#f4f4f4}.qa-edit-icon{color:#2563eb;vertical-align:middle;gap:6px;margin-right:8px;font-size:16px}.qa-delete-icon{color:#ef4444;vertical-align:middle;gap:6px;margin-right:8px;font-size:16px}.qa-delete-icon:hover,.qa-delete-icon:focus{background:#fef2f2!important}.qa-delete-icon span,.qa-edit-icon span{margin-left:6px}.qa-edit-textarea{resize:vertical;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;min-height:80px;padding:10px 12px;font-size:14px;transition:all .2s}.qa-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.qa-edit-save-btn{color:#fff;cursor:pointer;background:#2f4ee6;border:none;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.qa-edit-cancel-btn{color:#333;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.qa-edit-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.qa-edit-save-btn{color:#fff;cursor:pointer;background:#363ae8;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.qa-edit-save-btn:hover{background:#16a34a;transform:translateY(-1px)}.qa-edit-save-btn:active{transform:scale(.98)}.qa-edit-cancel-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.qa-edit-cancel-btn:hover{color:#111827;background:#e5e7eb;transform:translateY(-1px)}.qa-edit-cancel-btn:active{transform:scale(.98)}.qa-edit-actions{gap:10px;margin-top:10px;display:flex}.qa-edit-error{color:#ef4444;margin-top:6px;margin-left:10px;font-size:13px}.qa-edit-box{flex-direction:column;gap:8px;margin-top:8px;display:flex}.qa-edit-textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;min-height:80px;padding:10px}.qa-edit-error{color:#e53935;font-size:13px}.qa-edit-actions{gap:10px;display:flex}.qa-edit-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:6px 14px}.qa-edit-save-btn:hover{background:#1d4ed8}.qa-edit-cancel-btn{color:#111;cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;padding:6px 14px}.qa-edit-cancel-btn:hover{background:#d1d5db}.qa-card,.qa-middle,.qa-description{box-sizing:border-box;width:100%}.qa-edit-box{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.qa-edit-textarea{resize:vertical;box-sizing:border-box;border:1px solid #ddd;outline:none;width:100%;min-height:80px}.qa-edit-textarea:focus{border:1px solid #2563eb}.qa-empty-state{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:40px 20px;display:flex}.qa-empty-icon{color:#9ca3af;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.qa-empty-icon svg{opacity:.8}.qa-empty-state h3{color:#374151;margin-bottom:6px;font-size:18px;font-weight:600}.qa-empty-state p{color:#6b7280;margin-bottom:16px;font-size:14px}.qa-empty-state b{color:#111827;font-weight:600}.qa-reset-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.qa-reset-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.review-action{justify-content:flex-end;margin:20px 0;display:flex}.write-review-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 22px;font-weight:600}.review-modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.review-modal{background:#fff;border-radius:14px;width:520px;padding:25px}.review-modal textarea{resize:none;width:100%;height:130px;margin-top:18px;padding:12px}.review-stars-select{gap:10px;margin-top:15px;display:flex}.star-rate{color:#ccc;cursor:pointer;font-size:40px;transition:all .2s}.star-rate.active{color:#f59e0b}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.cancel-btn{padding:10px 18px}.submit-btn{color:#fff;background:#2563eb;border:none;border-radius:8px;padding:10px 18px}.curriculum-progress-box{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px}.curriculum-progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.curriculum-progress-title{color:#0f172a;font-size:14px;font-weight:700}.curriculum-progress-text{color:#6366f1;font-size:13px;font-weight:600}.curriculum-progress-bar-track{background:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.curriculum-progress-bar-fill{background:#4a8fea;border-radius:4px;height:100%;transition:width .4s}.btn-review-trigger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 10px #d9770640}.btn-review-trigger:hover{transform:translateY(-1px);box-shadow:0 6px 15px #d9770659}.lesson-icon.completed{color:#10b981;font-size:16px}.reviewed-badge{color:#059669;text-align:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;width:100%;margin-top:12px;padding:8px 14px;font-size:13px;font-weight:600}.generate-quiz{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1e90ff,#00c6ff);border:none;border-radius:8px;width:200px;margin-bottom:50px;margin-left:500px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s;box-shadow:0 4px 10px #0096ff40}.generate-quiz:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0096ff59}.generate-quiz:active{transform:translateY(0);box-shadow:0 3px 8px #0096ff33}.generate-quiz:disabled{cursor:not-allowed;box-shadow:none;background:#a0cfff}.button-quiz{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1e90ff,#00c6ff);border:none;border-radius:8px;justify-content:center;align-items:center;width:120px;margin-bottom:50px;margin-left:500px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 10px #0096ff40}.button-quiz:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0096ff59}.button-quiz:active{transform:translateY(0);box-shadow:0 3px 8px #0096ff33}.summary-content{padding:20px}.summary-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.summary-empty p{color:#6b7280;max-width:420px;margin-bottom:20px;font-size:15px}.summary-generate-btn{color:#fff;cursor:pointer;background:#ae81f4;border:none;border-radius:14px;padding:14px 32px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s}.summary-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #ae81f440}.summary-generate-btn:disabled{opacity:.6;cursor:not-allowed}.summary-card{background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:28px 32px;box-shadow:0 10px 30px #0f172a0d}.summary-card-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.summary-badge{color:#ae81f4;background:#ede9fe;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:inline-flex}.summary-card-header h4{color:#111827;margin:0;font-size:17px;font-weight:700}.summary-intro{color:#374151;margin-bottom:16px;font-size:15px;line-height:1.6}.summary-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.summary-list-item{color:#374151;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;display:flex}.summary-list-item .summary-dot{background:#ae81f4;border-radius:50%;flex:none;width:8px;height:8px;margin-top:8px}.summary-sublist{flex-direction:column;gap:8px;margin:6px 0 0 20px;padding:0;list-style:none;display:flex}.summary-sublist .summary-list-item .summary-dot{background:#cbb8f7;width:6px;height:6px}.summary-error{color:#dc2626;margin-top:14px;font-size:14px}@media (width<=768px){.summary-card{padding:20px}}.quiz-page{background:#f8fafc;width:100%;margin-top:-65px;padding:20px}.quiz-card{margin-top:-30px;padding:35px;font-family:serif;font-size:8px}.quiz-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.quiz-progress{flex:1}.quiz-progress span{color:#ae81f4;margin-bottom:12px;font-size:15px;font-weight:700;display:block}.progress-bar{background:#ececf3;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:#ae81f4;border-radius:999px;height:100%;transition:all .3s}.quiz-timer{text-align:center;color:#ae81f4;background:#f3f0ff;border-radius:12px;min-width:120px;padding:12px 18px;font-weight:700}.quiz-question{color:#111827;margin-bottom:10px;font-size:18px;font-weight:600;line-height:1.5}.quiz-subtitle{color:#6b7280;margin-bottom:10px;margin-left:0;font-size:14px}.quiz-options{flex-direction:column;gap:18px;display:flex}.quiz-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;align-items:center;gap:18px;transition:all .25s;display:flex}.quiz-option:hover{transform:translateY(-2px)}.quiz-option.active{background:#f7f3ff;border-color:#ae81f4}.option-letter{color:#ae81f4;background:#ede9fe;border-radius:12px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.quiz-option.active .option-letter{color:#fff;background:#ae81f4}.quiz-option span{color:#111827;font-size:17px;font-weight:500}.quiz-footer{justify-content:space-between;margin-top:40px;display:flex}.btn-prev,.btn-next{cursor:pointer;border:none;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .25s}.btn-prev{color:#374151;background:#fff;border:1px solid #d1d5db}.btn-prev:hover{background:#f3f4f6}.btn-next{color:#fff;background:#ae81f4}.btn-next:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2563eb33}.quiz-result{text-align:center;padding:40px}.quiz-result h2{color:#111827;margin-bottom:15px;font-size:32px}.quiz-score{color:#2563eb;margin-bottom:15px;font-size:52px;font-weight:700}.quiz-result p{color:#6b7280;font-size:16px}@media (width<=768px){.quiz-page{padding:15px}.quiz-card{padding:20px}.quiz-header{flex-direction:column;align-items:stretch}.quiz-timer{width:100%}.quiz-question{font-size:22px}.quiz-option{padding:16px}.quiz-option span{font-size:15px}.quiz-footer{flex-direction:column;gap:12px}.btn-prev,.btn-next{width:100%}}.quiz-option{position:relative}.selected-check{color:#fff;background:#4149ea;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-top:5px;margin-left:auto;margin-right:20px;font-size:12px;display:flex}.quiz-timer{color:#ae81f4;background:#f3f0ff;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 18px;font-weight:700;display:flex}.quiz-timer svg{font-size:18px}.review-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172abf;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.review-modal-content{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:520px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 25px 50px -12px #00000040}.review-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:24px;transition:color .2s;position:absolute;top:20px;right:20px}.review-modal-close:hover{color:#0f172a}.congrats-badge{margin-bottom:12px;font-size:48px;animation:1s infinite alternate bounce}.review-modal-title{color:#0f172a;font-size:20px;font-weight:700}.review-modal-subtitle{color:#64748b;margin-bottom:24px;font-size:14px;line-height:1.5}.stars-rating-container{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.star-icon{color:#cbd5e1;cursor:pointer;font-size:36px;transition:transform .2s,color .2s}.star-icon.filled,.star-icon:hover{color:#f59e0b;transform:scale(1.15)}.review-textarea{resize:vertical;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;min-height:110px;margin-bottom:24px;padding:14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.review-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.review-modal-actions{justify-content:flex-end;gap:12px;display:flex}.btn-cancel-review{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 24px;font-weight:600;transition:all .2s}.btn-cancel-review:hover{color:#0f172a;background:#f1f5f9}.btn-submit-review{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;padding:12px 28px;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #4f46e559}.btn-submit-review:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.btn-submit-review:disabled{opacity:.6;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.congrats-badge{color:#f5b301;justify-content:center;align-items:center;gap:8px;font-size:28px;display:flex}.congrats-icon{color:gold;font-size:32px}.review-error-message{color:#ef4444;text-align:left;margin-top:-16px;margin-bottom:16px;padding-left:4px;font-size:13px;font-weight:500}.payment-modal-backdrop{z-index:2500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.payment-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:min(100%,520px);padding:24px;position:relative;box-shadow:0 26px 70px #0f172a3d}.payment-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:12px;right:12px}.payment-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;padding-right:34px;display:flex}.payment-modal-header p{color:#2563eb;margin:0 0 4px;font-size:13px;font-weight:700}.payment-modal-header h3{color:#0f172a;margin:0;font-size:22px;line-height:1.25}.payment-pill{color:#92400e;background:#fef3c7;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:800}.payment-pill--success{color:#166534;background:#dcfce7}.payment-modal-grid{grid-template-columns:180px 1fr;gap:18px;margin-top:22px;display:grid}.payment-qr-panel{aspect-ratio:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;display:flex}.payment-qr-panel img{object-fit:contain;width:100%;height:100%;padding:10px}.payment-qr-empty{color:#94a3b8;justify-items:center;gap:8px;font-size:13px;font-weight:700;display:grid}.payment-summary-list{align-content:center;gap:10px;display:grid}.payment-summary-list div{color:#64748b;justify-content:space-between;align-items:center;gap:12px;display:flex}.payment-summary-list strong{color:#0f172a}.payment-summary-list .payment-summary-total{color:#0f172a;border-top:1px solid #e2e8f0;padding-top:10px;font-weight:800}.payment-summary-total strong{color:#1d4ed8;font-size:20px}.payment-status-line{color:#475569;align-items:center;gap:8px;min-height:24px;margin-top:18px;font-weight:600;display:flex}.payment-spin{animation:1s linear infinite payment-spin}.payment-error{color:#dc2626;margin:8px 0 0;font-size:13px}.payment-hint{color:#64748b;margin:8px 0 0;font-size:13px;line-height:1.45}.payment-modal-actions{margin-top:20px}.payment-checkout-button{color:#fff;cursor:pointer;width:100%;height:46px;font:inherit;background:#1d4ed8;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.payment-checkout-button:disabled{cursor:not-allowed;opacity:.65}@keyframes payment-spin{to{transform:rotate(360deg)}}@media (width<=560px){.payment-modal-grid{grid-template-columns:1fr}.payment-qr-panel{width:100%;max-width:220px;margin:0 auto}}.course-detail-page{background:#f8fafc;min-height:100vh;padding:32px 16px}.course-detail-panel{max-width:1200px;margin:0 auto}.course-detail-breadcrumb{color:#667085;margin-bottom:24px;font-size:.95rem}.course-detail-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.course-detail-left{grid-column:span 8}.course-detail-sidebar{grid-column:span 4;gap:2px;position:sticky;top:20px}.course-detail-card{background:#fff;border-radius:10px;grid-template-columns:1fr 1fr;align-items:start;gap:24px;padding:32px;display:grid;box-shadow:0 10px 30px #0f172a14}.course-detail-media-section{flex-direction:column;gap:16px;display:flex}.course-detail-media img{object-fit:cover;border-radius:10px;width:100%;height:350px}.course-detail-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.course-detail-gallery img{object-fit:cover;cursor:pointer;border-radius:14px;width:100%;height:80px}.course-detail-badge{color:#2563eb;background:#e0f2fe;margin-bottom:12px;padding:8px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.course-detail-card h1{margin:0 0 16px;font-size:2.25rem;line-height:1.2}.course-detail-card p{color:#475569;margin-bottom:20px;line-height:1.8}.course-detail-author{align-items:center;gap:12px;margin-bottom:16px;display:flex}.course-detail-author img{object-fit:cover;width:48px;height:48px}.course-detail-author h4{margin-bottom:2px;font-size:.95rem}.course-detail-author p{color:#64748b;margin:0;font-size:.9rem}.course-detail-instructor-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;padding:20px;display:grid}.instructor-card{box-sizing:border-box;background:#fff;border:1px solid #eef2f7;border-radius:20px;grid-template-columns:180px 1fr;align-items:center;gap:24px;width:100%;padding:24px;display:grid;overflow:hidden}.course-detail-instructor-card img,.instructor-avatar img{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%;max-width:180px;height:auto;margin-bottom:45px;margin-left:70px;display:block}.course-detail-instructor-info,.instructor-info{gap:10px;display:grid}.course-detail-instructor-info h4,.instructor-info h3{color:#0f172a;margin:0}.course-detail-instructor-info p,.instructor-info p{margin:0}@media (width<=900px){.course-detail-instructor-card,.instructor-card{text-align:center;grid-template-columns:1fr}.course-detail-instructor-card img,.instructor-avatar img{max-width:150px;margin:0 auto}}.course-detail-stats{color:#475569;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:.95rem;display:flex}.course-detail-info{color:#334155;gap:12px;margin-bottom:20px;font-size:.95rem;display:grid}.course-detail-info>div{color:#0f172a;align-items:center;gap:10px;padding:12px 14px;display:flex}.course-detail-info>div svg{color:#1d4ed8;flex-shrink:0;width:18px;height:18px}.course-detail-actions{gap:12px;margin-top:10px;display:flex}.course-detail-actions button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.course-detail-actions button:first-child{color:#ef4444;border-color:#fecaca}.course-detail-actions button:first-child:hover{background:#fef2f2;border-color:#ef4444}.course-detail-actions button:last-child{color:#1d4ed8;border-color:#bfdbfe}.course-detail-actions button:last-child:hover{background:#eff6ff;border-color:#1d4ed8}.course-detail-actions button svg{width:18px;height:18px}.course-detail-tabs{background:#fff;border-radius:10px;margin-top:16px;overflow:hidden;box-shadow:0 10px 30px #0f172a14}.tabs-row{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:0;padding:0;display:flex}.tab-button{color:#475569;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:16px 20px;font-weight:500}.tab-button.active{color:#1d4ed8;border-bottom:3px solid #1d4ed8}.tab-content{padding:32px}.tab-content h2{color:#0f172a;margin-bottom:16px;font-size:1.5rem}.learning-grid{color:#334155;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.course-detail-summary{background:#fff;border-radius:10px;flex-direction:column;gap:20px;padding:32px;display:flex;box-shadow:0 10px 30px #0f172a14}.course-detail-price{flex-direction:column;gap:4px;display:flex}.course-detail-price span:first-child{color:#1d4ed8;font-size:2.25rem;font-weight:800}.course-detail-price span:last-child{color:#94a3b8;font-size:.95rem;text-decoration:line-through}.course-detail-order-lines{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;gap:10px;padding:14px 0;display:grid}.course-detail-order-lines div{color:#64748b;justify-content:space-between;gap:16px;font-size:.95rem;display:flex}.course-detail-order-lines strong{color:#0f172a;white-space:nowrap;font-weight:700}.course-detail-voucher{gap:10px;display:grid}.course-detail-voucher label{color:#0f172a;font-size:.95rem;font-weight:700}.course-detail-voucher-input{background:#fff;border:1px solid #dbe4f0;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;display:grid}.course-detail-voucher-input:focus-within{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.course-detail-voucher-input input{color:#0f172a;border:none;outline:none;width:100%;min-width:0;padding:10px;font-size:.95rem}.course-detail-voucher-input button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;padding:10px 14px;font-weight:700}.course-detail-voucher-input button:disabled{cursor:not-allowed;opacity:.65}.course-detail-voucher-message{margin:0;font-size:.86rem;line-height:1.5}.course-detail-voucher-message.success{color:#15803d}.course-detail-voucher-message.error{color:#dc2626}.summary-button{cursor:pointer;border:none;border-radius:10px;width:100%;padding:16px;font-size:1rem;font-weight:700}.summary-button.primary{color:#fff;background:#1d4ed8}.summary-button.secondary{color:#1d4ed8;background:#fff;border:2px solid #1d4ed8}.summary-button.secondary:hover{color:#1d4ed8;background:#e0f2fe;border-color:#1d4ed8}.summary-button:disabled{cursor:not-allowed;opacity:.65}.summary-features{border-top:1px solid #e2e8f0;flex-direction:column;gap:12px;padding-top:20px;display:flex}.summary-features p{color:#475569;margin:0;font-size:.95rem}.course-detail-back{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;width:100%;padding:12px 18px;font-weight:600}@media (width<=1024px){.course-detail-grid{grid-template-columns:1fr}.course-detail-sidebar{gap:16px;position:static}.course-detail-card{grid-template-columns:1fr;gap:24px}}@media (width<=768px){.course-detail-card{gap:20px;padding:20px}.course-detail-card h1{font-size:1.75rem}.course-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-grid{grid-template-columns:1fr}.tabs-row{overflow-x:auto}}.course-includes-card{background:#fff;border-radius:10px;margin-top:16px;padding:32px;box-shadow:0 10px 30px #0f172a14}.course-includes-card h3{color:#0f172a;margin-bottom:20px;font-size:1.1rem}.includes-list{flex-direction:column;gap:16px;display:flex}.include-item{align-items:flex-start;gap:12px;display:flex}.include-icon{min-width:30px;font-size:1.3rem}.include-text{color:#475569;font-size:.95rem;line-height:1.5}.course-support-card{text-align:center;background:linear-gradient(135deg,#e0f2fe 0%,#cffafe 100%);border-radius:10px;margin-top:16px;padding:32px}.course-support-card h3{color:#0f172a;margin-bottom:8px;font-size:1.2rem}.course-support-card p{color:#475569;margin-bottom:20px;font-size:.95rem}.support-button{color:#1d4ed8;cursor:pointer;background:#fff;border:2px solid #1d4ed8;border-radius:10px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:600}.support-button:hover{background:#e0f2fe}.curriculum-simple{grid-template-columns:260px 1fr;align-items:start;gap:20px;display:grid}.curriculum-simple-left{position:sticky;top:120px}.curriculum-highlights{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{color:#0f172a;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:.85rem}.curriculum-minilist{flex-direction:column;gap:6px;margin:0;padding:6px 0;list-style:none;display:flex}.mini-item{cursor:pointer;color:#475569;border-radius:6px;align-items:center;gap:10px;padding:8px 6px;display:flex}.mini-item:hover{color:#0f172a;background:#fbfbfd}.mini-item.active{color:#1d4ed8;font-weight:600}.mini-item .dot{background:#dbeafe;border-radius:50%;width:8px;height:8px;margin-left:4px;display:inline-block}.mini-title{font-size:.95rem}.curriculum-simple-right{flex-direction:column;gap:14px;display:flex}.mini-module{background:0 0;border-bottom:1px solid #eef2f7;border-radius:8px;padding:16px}.mini-module-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mini-module h4{color:#0f172a;margin:0;font-size:1.05rem}.mini-count{color:#64748b;font-size:.85rem}.mini-lesson-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mini-lesson{color:#475569;font-size:.95rem}@media (width<=900px){.curriculum-simple{grid-template-columns:1fr}.curriculum-simple-left{position:static}}.curriculum-page{gap:28px;display:grid}.curriculum-top{gap:20px;display:grid}.curriculum-title-block h2{color:#0f172a;margin:0 0 10px;font-size:1.45rem}.curriculum-title-block p{color:#475569;max-width:740px;margin:0;font-size:.95rem;line-height:1.75}.curriculum-intro{color:#64748b;max-width:760px;margin:0;font-size:.95rem;line-height:1.7}.learn-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.learn-card{background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:24px;position:relative;box-shadow:0 8px 20px #0f172a0d}.learn-card-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px;display:flex}.learn-card-icon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:inline-flex}.learn-card-check{color:#059669;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:inline-flex}.learn-card h3{color:#0f172a;margin:0 0 8px;font-size:1rem}.learn-card p{color:#64748b;margin:0;font-size:.92rem;line-height:1.7}.curriculum-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.curriculum-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 8px 20px #0f172a0d}.card-icon{color:#059669;background:#ecfdf5;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-weight:700;display:inline-flex}.card-heading{color:#0f172a;margin:0;font-size:.98rem;font-weight:700}.card-text{color:#64748b;margin:0;font-size:.92rem;line-height:1.5}.curriculum-roadmap{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:24px;box-shadow:0 8px 20px #0f172a0d}.roadmap-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.roadmap-header div{gap:6px;display:grid}.roadmap-label{text-transform:uppercase;letter-spacing:.08em;color:#2563eb;margin:0;font-size:.75rem}.roadmap-header h3{color:#0f172a;margin:0;font-size:1.1rem}.roadmap-expand{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.roadmap-table{gap:10px;display:grid}.roadmap-row{border-top:1px solid #eef2f7;grid-template-columns:40px 1fr auto;align-items:center;gap:16px;padding:16px 0;display:grid}.roadmap-row:first-child{border-top:none}.roadmap-index{color:#1d4ed8;background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:inline-flex}.roadmap-info{flex-direction:column;gap:4px;display:flex}.roadmap-meta{color:#64748b;align-items:center;gap:12px;font-size:.9rem;display:flex}.roadmap-meta span:first-child{white-space:nowrap}.roadmap-section{color:#0f172a;align-items:center;gap:10px;margin:0;font-weight:700;display:flex}.roadmap-toggle{color:#2563eb;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.95rem;line-height:1;display:inline-flex}.roadmap-detail{color:#64748b;margin:0;font-size:.9rem}.skills-gain{flex-direction:column;gap:12px;margin-top:24px;display:flex}.skills-heading{color:#0f172a;margin:0;font-weight:700}.skills-list{flex-wrap:wrap;gap:10px;display:flex}.skill-chip{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;font-size:.85rem}@media (width<=960px){.curriculum-cards,.learn-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.curriculum-container{grid-template-columns:1fr}.curriculum-nav{position:static;top:auto}}@media (width<=680px){.curriculum-page{gap:16px}.curriculum-cards,.learn-card-grid{grid-template-columns:1fr}.roadmap-row{grid-template-columns:36px 1fr}.instructor-card{text-align:center;grid-template-columns:1fr}.instructor-avatar{justify-content:center}}.instructor-section{gap:32px;display:grid}.instructor-section>h2{color:#0f172a;margin:0 0 24px;font-size:1.75rem}.instructor-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;grid-template-columns:200px 1fr;align-items:center;gap:32px;padding:32px;display:grid;box-shadow:0 8px 20px #0f172a0d}.instructor-avatar{justify-content:center;align-items:center;display:flex}.instructor-avatar img{object-fit:cover;border:3px solid #e0f2fe;border-radius:20px;width:200px;height:200px;margin-right:-20px}.instructor-info{gap:16px;display:grid}.instructor-info h3{color:#0f172a;margin:0;font-size:1.75rem}.instructor-subtitle{color:#2563eb;margin:0;font-size:1rem;font-weight:600}.instructor-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px;display:grid}.stat-item{text-align:center;background:#f0f9ff;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.stat-number{color:#1d4ed8;font-size:1.5rem;font-weight:700}.stat-label{color:#64748b;font-size:.85rem}.instructor-bio{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:32px;box-shadow:0 8px 20px #0f172a0d}.instructor-bio h4{color:#0f172a;margin:0 0 16px;font-size:1.3rem}.instructor-bio p{color:#475569;margin:0 0 16px;font-size:.95rem;line-height:1.8}.instructor-bio p:last-child{margin-bottom:0}.instructor-teaching{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:32px;box-shadow:0 8px 20px #0f172a0d}.instructor-teaching h4{color:#0f172a;margin:0 0 24px;font-size:1.3rem}.teaching-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.teaching-item{grid-template-columns:50px 1fr;align-items:start;gap:16px;display:grid}.teaching-icon{font-size:2rem;line-height:1}.teaching-item h5{color:#0f172a;margin:0 0 6px;font-size:1rem}.teaching-item p{color:#64748b;margin:0;font-size:.9rem;line-height:1.6}@media (width<=768px){.instructor-card{grid-template-columns:1fr;gap:20px;padding:20px}.instructor-avatar img{width:150px;height:150px}.teaching-list{grid-template-columns:1fr}}.review-section{gap:20px;display:grid}.review-summary{color:#64748b;max-width:760px;font-size:.95rem}.review-grid{gap:16px;display:grid}.review-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:24px;box-shadow:0 8px 20px #0f172a0d}.review-stars{color:#f59e0b;margin-bottom:12px;font-size:1.1rem}.review-text{color:#475569;margin:0 0 18px;line-height:1.75}.review-author{color:#0f172a;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.review-author strong{font-weight:700}.review-author span{color:#64748b;font-size:.95rem}@media (width<=768px){.review-grid{grid-template-columns:1fr}}.course-detail-meta{flex-direction:column;gap:24px;display:flex}.course-detail-meta h1{color:#0f172a;margin:0;font-size:2.25rem;line-height:1.2}.course-detail-meta>p{color:#475569;margin:0;font-size:.95rem;line-height:1.8}.course-detail-instructor-card{background:#f8fafc;border-radius:14px;align-items:flex-start;gap:16px;padding:20px;display:flex}.course-detail-instructor-card img{object-fit:cover;border-radius:12px;flex-shrink:0;width:56px;height:56px}.course-detail-instructor-info{flex-direction:column;gap:4px;display:flex}.course-detail-instructor-info h4{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.course-detail-instructor-info p{color:#64748b;margin:0;font-size:.85rem}.course-detail-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.stat-card-value{color:#1d4ed8;font-size:1.5rem;font-weight:700}.stat-card-label{color:#64748b;font-size:.8rem;font-weight:500}.course-highlight-box{background:linear-gradient(135deg,#eff6ff 0%,#e0f2fe 100%);border:1px solid #bfdbfe;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.course-highlight-box p{color:#0f172a;margin:0;font-size:.9rem;line-height:1.6}.course-highlight-box strong{color:#1d4ed8;font-weight:700}.cdp__loading{text-align:center;color:#94a3b8;padding:80px;font-size:15px}.cdp__hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);padding:40px 0 32px}.cdp__hero-inner{max-width:1100px;margin:0 auto;padding:0 24px}.cdp__breadcrumb{color:#93c5fd;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.8rem}.cdp__hero-title{margin-bottom:16px;font-size:1.75rem;font-weight:700;line-height:1.3}.cdp__hero-meta{color:#cbd5e1;flex-wrap:wrap;gap:16px;font-size:.875rem;display:flex}.cdp__hero-instructor{color:#93c5fd;align-items:center;gap:5px;font-weight:600;display:flex}.cdp__hero-stat{align-items:center;gap:5px;display:flex}.cdp__body{grid-template-columns:1fr 340px;align-items:start;gap:32px;max-width:1100px;margin:32px auto;padding:0 24px;display:grid}@media (width<=900px){.cdp__body{grid-template-columns:1fr}.cdp__sidebar{order:-1}}.cdp__section{margin-bottom:32px}.cdp__section-title{color:#0f172a;border-bottom:2px solid #e2e8f0;margin-bottom:14px;padding-bottom:8px;font-size:1.15rem;font-weight:700}.cdp__learn-list{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width<=600px){.cdp__learn-list{grid-template-columns:1fr}}.cdp__learn-list li{color:#334155;align-items:flex-start;gap:8px;font-size:.875rem;line-height:1.5;display:flex}.cdp__check-icon{color:#22c55e;flex-shrink:0;margin-top:2px}.cdp__desc p{color:#475569;margin-bottom:8px;font-size:.9rem;line-height:1.7}.cdp__toggle-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:6px 0;font-size:.875rem;font-weight:600;display:flex}.cdp__toggle-btn:hover{text-decoration:underline}.cdp__curriculum-meta{color:#64748b;margin-bottom:12px;font-size:.82rem}.cdp__curriculum{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.cdp__section-item{border-bottom:1px solid #e2e8f0}.cdp__section-item:last-child{border-bottom:none}.cdp__section-header{cursor:pointer;text-align:left;color:#0f172a;background:#f8fafc;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.cdp__section-header:hover{background:#f1f5f9}.cdp__section-name{flex:1}.cdp__section-info{color:#64748b;white-space:nowrap;font-size:.78rem;font-weight:400}.cdp__chevron{color:#64748b;flex-shrink:0;transition:transform .2s}.cdp__chevron--open{transform:rotate(180deg)}.cdp__lesson-list{margin:0;padding:0;list-style:none}.cdp__lesson-item{color:#334155;border-top:1px solid #f1f5f9;align-items:center;gap:10px;padding:9px 16px 9px 32px;font-size:.845rem;display:flex}.cdp__play-icon{color:#94a3b8;flex-shrink:0;font-size:.7rem}.cdp__lesson-title{flex:1}.cdp__preview-badge{color:#2563eb;border:1px solid #93c5fd;border-radius:4px;padding:1px 5px;font-size:.7rem}.cdp__lesson-duration{color:#94a3b8;white-space:nowrap;font-size:.78rem}.cdp__req-list{margin:0;padding-left:20px}.cdp__req-list li{color:#475569;margin-bottom:6px;font-size:.875rem;line-height:1.6}.cdp__instructor{align-items:center;gap:16px;display:flex}.cdp__instructor-avatar img,.cdp__instructor-initials{object-fit:cover;border-radius:50%;width:64px;height:64px}.cdp__instructor-initials{color:#64748b;background:#e2e8f0;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.cdp__instructor-info h3{color:#0f172a;margin:0 0 4px;font-size:1rem;font-weight:700}.cdp__sidebar{position:sticky;top:16px}.cdp__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000012}.cdp__card-thumb{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.cdp__card-thumb--placeholder{background:linear-gradient(135deg,#2563eb 0%,#38bdf8 100%)}.cdp__card-body{flex-direction:column;gap:10px;padding:20px;display:flex}.cdp__card-price{color:#0f172a;font-size:1.6rem;font-weight:800}.cdp__btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-size:.9rem;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.cdp__btn:hover{opacity:.88;transform:translateY(-1px)}.cdp__btn--primary{color:#fff;background:#2563eb}.cdp__btn--secondary{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0}.cdp__btn--outline{color:#2563eb;background:#fff;border:2px solid #2563eb}.cdp__own-course-note{color:#475569;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:12px 14px;font-size:.84rem;font-weight:600}.cdp__card-features{flex-direction:column;gap:7px;margin:6px 0 0;padding:0;list-style:none;display:flex}.cdp__card-features li{color:#475569;align-items:center;gap:8px;font-size:.82rem;display:flex}.cdp__card-features svg{color:#2563eb;flex-shrink:0}.cart-page{background:0 0;min-height:80vh;padding:24px}.cart-panel{--cart-columns:minmax(320px, 1.7fr) minmax(110px, .55fr) minmax(160px, .65fr) minmax(110px, .55fr) 44px;grid-template-columns:1fr 360px;gap:24px;max-width:1200px;margin:0 auto;display:grid}.cart-left h1{color:#0f172a;margin:0 0 8px;font-size:28px}.cart-sub{color:#64748b;margin:0 0 20px}.cart-list{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:18px;overflow-x:auto;box-shadow:0 10px 30px #0f172a0a}.cart-list-header{grid-template-columns:var(--cart-columns);color:#64748b;text-align:center;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 8px;display:grid}.cart-list-header>div:first-child{text-align:left}.cart-item{grid-template-columns:var(--cart-columns);border-bottom:1px solid #f8fafc;align-items:center;gap:12px;min-height:126px;padding:18px 8px;display:grid}.cart-item-course{align-items:center;gap:12px;display:flex}.cart-item-course img{object-fit:cover;border-radius:8px;width:92px;height:64px}.cart-item-title{color:#071a33;font-weight:700;text-decoration:none}.cart-item-teacher{color:#64748b;font-size:.9rem}.cart-item-price,.cart-item-total{color:#0f172a;text-align:center;font-weight:700}.cart-item-qty{justify-content:center;align-items:center;gap:8px;display:flex}.qty-num{text-align:center;min-width:20px}.cart-item-remove{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e6eefc;border-radius:8px;justify-content:center;justify-self:center;align-items:center;width:36px;height:36px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.cart-item-remove:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.cart-empty{text-align:center;color:#64748b;padding:42px 8px}.cart-empty p{margin:0 0 12px}.cart-empty a{color:#1d4ed8;font-weight:700;text-decoration:none}.cart-actions{gap:12px;padding:16px 8px;display:flex}.btn-clear{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;transition:background .2s,border-color .2s,color .2s}.btn-wishlist{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;transition:background .2s,border-color .2s,color .2s}.btn-clear:hover,.btn-wishlist:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.promo-row{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.promo-left h3{margin:0}.promo-right{gap:8px;display:flex}.promo-right input{border:1px solid #e6eefc;border-radius:8px;padding:10px 12px;transition:background .2s,border-color .2s,box-shadow .2s}.promo-right input:hover,.promo-right input:focus{background:#f8fbff;border-color:#bfdbfe;outline:none;box-shadow:0 0 0 3px #93c5fd2e}.btn-apply{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;transition:background .2s,border-color .2s,color .2s}.btn-apply:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.cart-right{align-self:start;position:sticky;top:92px}.cart-right .order-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:20px;box-shadow:0 10px 30px #0f172a0a}.order-card h3{margin:0 0 12px}.order-row{color:#64748b;justify-content:space-between;padding:6px 0;display:flex}.order-total{justify-content:space-between;padding:12px 0;font-size:1.25rem;font-weight:800;display:flex}.checkout{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px 14px;transition:background .2s,box-shadow .2s,transform .2s}.checkout:hover{background:#2563eb;box-shadow:0 10px 22px #2563eb2e}.checkout:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}.continue{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-top:10px;padding:10px 14px;transition:background .2s,border-color .2s,color .2s}.continue:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.voucher-box{margin:12px 0 4px}.voucher-box label{color:#0f172a;margin-bottom:8px;font-weight:700;display:block}.voucher-input-wrap{color:#1d4ed8;background:#fff;border:1px solid #e6eefc;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 12px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.voucher-input-wrap:hover,.voucher-input-wrap:focus-within{background:#f8fbff;border-color:#bfdbfe;box-shadow:0 0 0 3px #93c5fd2e}.voucher-input-wrap input{color:#0f172a;width:100%;font:inherit;border:none;outline:none}.voucher-apply-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:6px;min-width:62px;padding:7px 10px;font-weight:700}.voucher-apply-btn:disabled{cursor:not-allowed;opacity:.65}.voucher-message{margin:8px 0 0;font-size:13px;line-height:1.4}.voucher-message--success{color:#047857}.voucher-message--error{color:#dc2626}.voucher-input-wrap input::placeholder{color:#94a3b8}.cart-popup-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cart-confirm-popup{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:min(100%,420px);padding:28px;position:relative;box-shadow:0 24px 60px #0f172a38}.cart-popup-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,border-color .2s,color .2s;display:inline-flex;position:absolute;top:12px;right:12px}.cart-popup-close:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.cart-popup-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:inline-flex}.cart-confirm-popup h3{color:#0f172a;margin:0 0 10px;font-size:1.35rem}.cart-confirm-popup p{color:#64748b;margin:0;line-height:1.55}.cart-confirm-popup strong{color:#0f172a}.cart-popup-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.cart-popup-cancel,.cart-popup-confirm{cursor:pointer;height:44px;font:inherit;border-radius:10px}.cart-popup-cancel{color:#0f172a;background:#fff;border:1px solid #e2e8f0;transition:background .2s,border-color .2s,color .2s}.cart-popup-confirm{color:#fff;background:#dc2626;border:1px solid #dc2626;transition:background .2s,border-color .2s,box-shadow .2s}.cart-popup-cancel:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.cart-popup-confirm:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:0 10px 22px #dc262629}.benefits{margin-top:18px}.benefit{background:#fff;border:1px solid #eef2f7;border-radius:10px;margin-top:10px;padding:12px}.benefit p{color:#64748b;margin:6px 0 0}@media (width<=1024px){.cart-panel{--cart-columns:minmax(300px, 1.7fr) minmax(100px, .55fr) minmax(150px, .65fr) minmax(100px, .55fr) 44px;grid-template-columns:1fr}.cart-right{order:2;position:static}}.payment-success-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.payment-success-panel{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:min(100%,520px);padding:32px;box-shadow:0 18px 50px #0f172a14}.payment-success-panel h1{color:#0f172a;margin:0 0 12px;font-size:28px}.payment-success-panel p{color:#64748b;margin:0 0 22px;line-height:1.6}.payment-success-panel a{color:#fff;background:#1d4ed8;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.applyTeacherPage{justify-content:center;min-height:60vh;padding:48px 24px;display:flex}.applyTeacherCard{background:#fff;border-radius:12px;width:100%;max-width:640px;padding:32px;box-shadow:0 4px 16px #0000000f}.applyTeacherCard h1{margin-bottom:4px;font-size:24px}.applyTeacherSubtitle{color:#6b7280;margin-bottom:24px}.applyTeacherPendingNotice{color:#92400e;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:8px;padding:12px 16px}.applyTeacherForm{flex-direction:column;gap:16px;display:flex}.applyTeacherForm label{color:#374151;flex-direction:column;gap:6px;font-weight:500;display:flex}.applyTeacherForm input,.applyTeacherForm textarea{font:inherit;resize:vertical;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.applyTeacherForm button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-self:flex-start;padding:10px 24px;font-weight:600}.applyTeacherForm button:disabled{opacity:.6;cursor:not-allowed}.applyTeacherCvSelected{color:#374151;margin:-8px 0 0;font-size:13px}.applyTeacherUploadProgress{background:#e5e7eb;border-radius:999px;height:6px;overflow:hidden}.applyTeacherUploadProgressFill{background:#2563eb;height:100%;transition:width .2s}.applyTeacherViewCvBtn{color:#2563eb;cursor:pointer;background:0 0;border:1px solid #2563eb;border-radius:6px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600}.applyTeacherHistory{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:20px}.applyTeacherHistory h2{margin-bottom:12px;font-size:16px}.applyTeacherHistory ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.applyTeacherHistoryItem{border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px}.applyTeacherHistoryItem>div{justify-content:space-between;align-items:center;display:flex}.applyTeacherStatusBadge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.applyTeacherHistoryItem.status-pending .applyTeacherStatusBadge{color:#92400e;background:#fef3c7}.applyTeacherHistoryItem.status-approved .applyTeacherStatusBadge{color:#065f46;background:#d1fae5}.applyTeacherHistoryItem.status-rejected .applyTeacherStatusBadge{color:#991b1b;background:#fee2e2}.applyTeacherRejectionReason{color:#991b1b;margin:6px 0 0;font-size:14px}.teacherAppPage{padding:24px}.teacherAppPageHeader h1{margin:0 0 4px;font-size:22px}.teacherAppPageHeader p{color:#6b7280;margin:0 0 20px}.teacherAppLayout{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}.teacherAppSidebar{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.teacherAppSidebar ul{margin:0;padding:0;list-style:none}.teacherAppListItem{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;width:100%;padding:12px 16px;display:flex}.teacherAppListItem.is-active{background:#eff6ff}.teacherAppListItem img{object-fit:cover;background:#e5e7eb;border-radius:50%;width:36px;height:36px}.teacherAppListItem div{flex-direction:column;display:flex}.teacherAppListItem span{color:#6b7280;font-size:12px}.teacherAppMain{background:#fff;border-radius:12px;min-height:300px;padding:24px;box-shadow:0 2px 8px #0000000d}.teacherAppEmptyState{color:#6b7280;padding:16px}.teacherAppEmptyStateCenter{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:260px;display:flex}.teacherAppDetailHeader{align-items:center;gap:12px;margin-bottom:20px;display:flex}.teacherAppDetailHeader img{object-fit:cover;background:#e5e7eb;border-radius:50%;width:56px;height:56px}.teacherAppDetailHeader h2{margin:0;font-size:18px}.teacherAppDetailHeader p{color:#6b7280;margin:0;font-size:13px}.teacherAppDetailField{margin-bottom:16px}.teacherAppDetailField label{color:#6b7280;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.teacherAppMultiline{white-space:pre-wrap}.teacherAppViewCvBtn{color:#2563eb;cursor:pointer;background:0 0;border:1px solid #2563eb;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.teacherAppActions{gap:12px;margin-top:20px;display:flex}.teacherAppApproveBtn,.teacherAppRejectBtn,.teacherAppActions button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.teacherAppApproveBtn{color:#fff;background:#059669}.teacherAppRejectBtn{color:#fff;background:#dc2626}.teacherAppActions button:not(.teacherAppApproveBtn):not(.teacherAppRejectBtn){color:#374151;background:#f3f4f6}.teacherAppRejectForm{margin-top:16px}.teacherAppRejectForm label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.teacherAppRejectForm textarea{width:100%;font:inherit;resize:vertical;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.payoutReqPage{padding:24px}.payoutReqPageHeader h1{margin:0 0 4px;font-size:22px}.payoutReqPageHeader p{color:#6b7280;margin:0 0 20px}.payoutReqLayout{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}.payoutReqSidebar{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.payoutReqSidebar ul{margin:0;padding:0;list-style:none}.payoutReqListItem{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 16px;display:flex}.payoutReqListItem.is-active{background:#eff6ff}.payoutReqListItem div{flex-direction:column;display:flex}.payoutReqListItem span{color:#6b7280;font-size:12px}.payoutReqStatusBadge{border-radius:999px;flex:none;padding:3px 10px;font-size:11px;font-weight:700}.payoutReqStatus-PENDING{color:#92400e;background:#fef3c7}.payoutReqStatus-PAID{color:#166534;background:#dcfce7}.payoutReqStatus-REJECTED{color:#991b1b;background:#fee2e2}.payoutReqMain{background:#fff;border-radius:12px;min-height:300px;padding:24px;box-shadow:0 2px 8px #0000000d}.payoutReqEmptyState{color:#6b7280;padding:16px}.payoutReqEmptyStateCenter{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:260px;display:flex}.payoutReqDetailHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.payoutReqDetailHeader h2{margin:0;font-size:18px}.payoutReqDetailHeader p{color:#6b7280;margin:0;font-size:13px}.payoutReqDetailField{margin-bottom:16px}.payoutReqDetailField label{color:#6b7280;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.payoutReqMultiline{white-space:pre-wrap}.payoutReqActions{gap:12px;margin-top:20px;display:flex}.payoutReqApproveBtn,.payoutReqRejectBtn,.payoutReqActions button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.payoutReqApproveBtn{color:#fff;background:#059669}.payoutReqRejectBtn{color:#fff;background:#dc2626}.payoutReqActions button:not(.payoutReqApproveBtn):not(.payoutReqRejectBtn){color:#374151;background:#f3f4f6}.payoutReqRejectForm{margin-top:16px}.payoutReqRejectForm label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.payoutReqRejectForm textarea{width:100%;font:inherit;resize:vertical;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.verify-certificate-page{background:#f5f6fa;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.verify-certificate-panel{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:40px;box-shadow:0 8px 24px #00000014}.verify-certificate-panel h1{text-align:center;margin-bottom:24px;font-size:22px}.verify-badge{margin-bottom:16px;font-size:18px;font-weight:700}.verify-status.valid .verify-badge{color:#16a34a}.verify-status.invalid .verify-badge,.verify-status.error{color:#dc2626}.verify-status dl{grid-template-columns:120px 1fr;gap:10px 12px;display:grid}.verify-status dt{color:#6b7280;font-weight:500}.verify-status dd{margin:0;font-weight:600}