: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(90deg,#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:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{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{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;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{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--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{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}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:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}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:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(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:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}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:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-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--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-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%{animation-timing-function:ease-in;opacity:0;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%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-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--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:focus{outline:2px solid #667eea;outline-offset:2px}::selection{background-color:#667eea;color:#fff}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;line-height:1.4!important;text-shadow:none!important}*,body{font-size:12pt!important}body{font-family:Arial,sans-serif!important}h1,h2,h3,h4,h5,h6{font-size:14pt!important;font-weight:700!important}div,li,p,span,table,td,th{font-size:12pt!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.no-print{display:none!important}}.system-alert{animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:300px;opacity:1;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10000}.system-alert.closing{opacity:0;transform:translateX(100%)}.system-alert.success{border-left-color:#10b981}.system-alert.error{border-left-color:#ef4444}.system-alert.warning{border-left-color:#f59e0b}.system-alert.info{border-left-color:#3b82f6}.alert-content{align-items:flex-start;display:flex;gap:12px;padding:16px}.alert-icon{flex-shrink:0;font-size:20px;margin-top:2px}.alert-body{flex:1 1;min-width:0}.alert-title{color:#1f2937;font-size:16px;line-height:1.4;margin:0 0 8px}.alert-message{word-wrap:break-word;color:#6b7280;font-size:14px;line-height:1.5}.alert-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.alert-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s}.alert-action-btn.primary{background:#3b82f6;color:#fff}.alert-action-btn.primary:hover{background:#2563eb}.alert-action-btn.secondary{background:#f3f4f6;color:#374151}.alert-action-btn.secondary:hover{background:#e5e7eb}.alert-action-btn.danger{background:#ef4444;color:#fff}.alert-action-btn.danger:hover{background:#dc2626}.alert-close{color:#9ca3af;font-size:18px;height:24px;position:absolute;right:8px;top:8px;transition:all .2s;width:24px}.alert-close:hover{background:#f3f4f6;color:#6b7280}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.system-alert{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.alert-content{padding:12px}.alert-title{font-size:14px}.alert-message{font-size:13px}}.system-alert:nth-child(2){top:80px}.system-alert:nth-child(3){top:140px}.system-alert:nth-child(4){top:200px}.system-alert:nth-child(5){top:260px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loading-overlay{background-color:#00000080;position:fixed;z-index:9999}.loading-content{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:2rem}.spinner{border:3px solid #f3f3f3;margin-bottom:1rem}.spinner-small{border-width:2px;height:20px;width:20px}.spinner-medium{height:40px;width:40px}.spinner-large{border-width:4px;height:60px;width:60px}.loading-message{color:#666;font-size:.9rem;margin:0;text-align:center}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.header-brand .brand-link{align-items:center;color:#fff;display:flex;gap:.75rem;text-decoration:none;transition:opacity .2s}.header-brand .brand-link:hover{opacity:.9}.header-logo{display:block;height:65px;max-width:250px;object-fit:contain;width:auto}.header-brand-text{display:none;font-size:1.8rem;font-weight:700;margin:0}.header-nav{align-items:center;display:flex;gap:2rem}.nav-link{border-radius:4px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.nav-link:hover{background-color:#ffffff1a}.user-menu{gap:1rem}.message-btn,.user-menu{align-items:center;display:flex}.message-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;transition:background-color .2s;width:40px}.message-btn:hover{background:#ffffff4d}.user-profile{align-items:center;display:flex;gap:.75rem}.user-avatar{border:2px solid #ffffff4d;height:40px;object-fit:cover;transition:all .2s ease;width:40px}.user-avatar:hover{border-color:#fff9;transform:scale(1.05)}.user-avatar-placeholder{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.user-avatar-placeholder:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.05)}.user-name{font-size:.95rem;font-weight:500}@media (max-width:768px){.header{padding:.5rem 0}.header-container{flex-direction:column;gap:.5rem;padding:.5rem .75rem}.header-brand{display:flex;justify-content:center;width:100%}.header-logo{height:40px;max-width:150px}.header-brand-text{font-size:1rem;margin:0}.header-nav{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:.5rem;width:100%}.nav-link{border-radius:4px;font-size:.85rem;padding:.4rem .8rem;text-align:center;width:100%}.user-menu{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.message-btn{font-size:1rem;height:36px;order:1;width:36px}.user-profile{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;margin-left:auto;order:3;width:auto}.logout-btn{order:2;padding:.4rem .8rem;width:auto}.user-name{font-size:.85rem;max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.user-avatar,.user-avatar-placeholder{height:32px;width:32px}.user-avatar-placeholder{font-size:14px}.logout-btn{font-size:.85rem;padding:.5rem 1rem;width:100%}}@media (max-width:480px){.header-container{padding:.5rem}.header-logo{height:35px;max-width:120px}.nav-link{font-size:.8rem;padding:.35rem .6rem}}.shared-nav{align-items:center;display:flex;gap:1rem}.shared-text{color:#fffc;font-size:.9rem;font-style:italic}.google-login-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#3c4043;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;margin:10px auto;max-width:300px;padding:12px 20px;transition:all .2s ease;width:100%}.google-login-btn:hover{background:#f8f9fa;box-shadow:0 2px 4px #00000026}.google-login-btn:active{background:#f1f3f4;box-shadow:0 1px 2px #0000001a}.google-login-btn:disabled{cursor:not-allowed;opacity:.6}.google-btn-content{align-items:center;display:flex;gap:12px}.google-icon,.google-spinner{height:20px;width:20px}.google-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#4285f4}@media (prefers-color-scheme:dark){.google-login-btn{background:#2d2d2d;border-color:#5f6368;color:#e8eaed}.google-login-btn:hover{background:#3c3c3c}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;display:flex;justify-content:center;margin-top:2rem;min-height:calc(100vh - 100px);padding:4rem 2rem 2rem;position:relative;width:100%}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:450px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:#333;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.auth-header p{color:#666;font-size:.95rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group input,.form-group select{border:2px solid #e1e5e9;border-radius:6px;padding:.75rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.field-error{color:#e74c3c;font-size:.8rem;margin-top:.25rem}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;padding:.75rem;text-align:center}.error-message.restriction-error{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;display:flex;gap:1rem;margin-bottom:1rem;padding:1.5rem;text-align:left}.error-message.restriction-error .error-icon{flex-shrink:0;font-size:2rem}.error-message.restriction-error .error-content{flex:1 1}.error-message.restriction-error .error-content h3{font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.error-message.restriction-error .error-content p{font-size:.95rem;line-height:1.4;margin:0 0 .5rem}.error-message.restriction-error .contact-admin{background:#fff3;border-radius:8px;margin-top:.75rem;padding:.75rem}.error-message.restriction-error .contact-admin p{font-size:.9rem;font-weight:500;margin:0}.success-message{background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#363;font-size:.9rem;margin-bottom:1rem;padding:1rem;text-align:center}.success-message h3{color:#2d5a2d;font-size:1.1rem;margin:0 0 .5rem}.success-message p{color:#4a6b4a;margin:0}.auth-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:transform .2s,box-shadow .2s}.auth-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-divider{align-items:center;color:#999;display:flex;margin:1.5rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e1e5e9;content:"";flex:1 1}.auth-divider span{font-size:.9rem;font-weight:500;padding:0 1rem}.auth-footer{border-top:1px solid #e1e5e9;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#666;font-size:.9rem;margin:0}.auth-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.auth-link:hover{color:#5a6fd8;text-decoration:underline}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.auth-header h2{font-size:1.5rem}}.modal-overlay{background:#0009}.subscription-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.close-btn{position:absolute;right:20px;top:20px}.subscription-modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2rem;font-weight:700;margin:40px 20px 10px;text-align:center}.subscription-modal>p{color:#6c757d;font-size:1.1rem;line-height:1.5;margin:0 20px 30px;text-align:center}.plan-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 20px 30px}.plan-option{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;padding:25px;position:relative;transition:all .3s ease}.plan-option:hover{border-color:#007bff;box-shadow:0 10px 25px #007bff26;transform:translateY(-5px)}.plan-option.selected{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#007bff;box-shadow:0 10px 25px #007bff33}.plan-option.selected:before{align-items:center;background:#007bff;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:15px;top:15px;width:24px}.plan-option h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:10px;text-align:center}.price{font-size:1.8rem}.price,.save-note{margin-bottom:15px;text-align:center}.save-note{background:#28a745;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:5px 10px;width:100%}.plan-option ul{list-style:none;margin:0;padding:0}.plan-option li{align-items:center;color:#495057;display:flex;font-size:.95rem;gap:10px;padding:8px 0}.plan-option li:before{color:#28a745;content:"✓";font-size:1.1rem;font-weight:700}.plan-option.free-tier{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#6c757d}.plan-option.free-tier:hover{border-color:#6c757d;box-shadow:0 10px 25px #6c757d26;transform:translateY(-5px)}.free-badge{background:#28a745;border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:5px 15px;position:absolute;right:20px;text-transform:uppercase;top:-10px}.lessons-limit{background:#007bff1a;border-radius:6px;color:#007bff;font-size:1.1rem;font-weight:600;margin-bottom:15px;padding:8px;text-align:center}.features-section,.limitations-section{margin-top:15px}.features-section h4,.limitations-section h4{color:#495057;font-size:.9rem;margin-bottom:8px}.features-section ul,.limitations-section ul{padding:0}.features-section li{color:#28a745;font-size:.85rem;padding:4px 0}.limitations-section li{color:#dc3545;font-size:.85rem;padding:4px 0}.limitations-section li:before{color:#dc3545}.subscribe-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 4px 15px #007bff4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin:0 20px 20px;padding:15px 30px;transition:all .3s ease;width:calc(100% - 40px)}.subscribe-btn:hover{box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.subscribe-btn:active{transform:translateY(0)}.security-note{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:8px;justify-content:center;margin:0 20px 30px;text-align:center}.security-note:before{content:"🔒";font-size:1rem}@media (max-width:768px){.modal-overlay{padding:10px}.subscription-modal{max-height:95vh}.subscription-modal h2{font-size:1.6rem;margin:30px 15px 10px}.subscription-modal>p{font-size:1rem;margin:0 15px 25px}.plan-options{gap:15px;grid-template-columns:1fr;margin:0 15px 25px}.plan-option{position:relative}.free-badge{position:absolute;right:10px;top:10px}.plan-option{padding:20px}.plan-option h3{font-size:1.2rem}.price{font-size:1.5rem}.subscribe-btn{font-size:1rem;margin:0 15px 20px;padding:12px 25px;width:calc(100% - 30px)}.security-note{font-size:.85rem;margin:0 15px 25px}}@media (max-width:480px){.subscription-modal h2{font-size:1.4rem;margin:25px 10px 8px}.subscription-modal>p{font-size:.95rem;margin:0 10px 20px}.plan-options{margin:0 10px 20px}.plan-option{padding:15px}.plan-option h3{font-size:1.1rem}.price{font-size:1.3rem}.plan-option li{font-size:.9rem;padding:6px 0}.subscribe-btn{font-size:.95rem;margin:0 10px 15px;padding:12px 20px;width:calc(100% - 20px)}.security-note{font-size:.8rem;margin:0 10px 20px}}.payment-section{border-top:1px solid #e9ecef;margin-top:20px;padding:20px}.payment-section h3{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.payment-section p{color:#6c757d;font-size:.95rem;margin:0 0 20px}.no-payment-methods,.payment-methods{margin-bottom:20px}.configure-payment-btn{background:#ffc107;border:none;border-radius:6px;color:#212529;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:10px;padding:10px 20px;transition:all .3s ease}.configure-payment-btn:hover{background:#e0a800;transform:translateY(-1px)}.payment-actions{justify-content:center}.back-btn,.pay-btn{font-size:1rem;padding:12px 24px;transition:all .3s ease}.pay-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 4px 15px #28a7454d;cursor:pointer;font-weight:600;gap:10px;position:relative}.pay-btn.processing{cursor:not-allowed;opacity:.7}.pay-btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.pay-btn:hover:not(:disabled):not(.processing){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.pay-btn:disabled{background:#6c757d;transform:none}@media (max-width:480px){.payment-actions{flex-direction:column}.back-btn,.pay-btn{width:100%}}.lesson-plan-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1800px;min-height:100vh;overflow:visible;padding:20px}.main-content{align-items:flex-start;flex-direction:row;gap:20px;overflow:visible}.form-section,.preview-section{flex:1 1;min-width:0;overflow:visible}.preview-section{border:1px solid #e9ecef;border-radius:8px;max-height:none;position:-webkit-sticky;position:sticky;top:20px}.subscription-status-bar{margin-bottom:20px;padding:15px 20px}.usage-info{align-items:center;display:flex;flex-wrap:wrap;font-weight:600;gap:15px}.plan-name{font-size:1.1rem;letter-spacing:.5px;text-transform:uppercase}.lesson-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:1rem;padding:8px 16px}.days-remaining{background:#ffc1074d;border:1px solid #ffc10780;border-radius:15px;padding:6px 12px}.days-remaining,.subscription-upgrade-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem}.subscription-upgrade-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.subscription-upgrade-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.subscription-upgrade-btn:active{transform:translateY(0)}@media (max-width:1200px){.main-content{flex-direction:column}.preview-section{max-height:none;position:static}}@media (max-width:768px){.subscription-status-bar{align-items:center;flex-direction:row;gap:8px;justify-content:space-between;padding:8px 12px}.usage-info{flex:1 1;flex-wrap:nowrap;gap:8px;justify-content:flex-start;margin-bottom:0}.plan-name{font-size:.8rem}.lesson-count{font-size:.75rem;padding:4px 8px}.days-remaining{font-size:.7rem;padding:3px 6px}.subscription-upgrade-btn{align-self:center;flex-shrink:0;font-size:.75rem;margin-left:auto;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.main-content{flex-direction:column}.preview-section{max-height:none;position:static}}.template-selector{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.template-selector label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.template-selector select{background:#fff;border:1px solid #ced4da;border-radius:5px;color:#495057;font-size:1rem;padding:10px;width:100%}.template-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:20px}.lesson-form h2{color:#2c3e50;margin-bottom:20px;text-align:center}.lesson-form h3{border-bottom:2px solid #3498db;color:#2c3e50;margin:20px 0 15px;padding-bottom:10px}.lesson-form h4{color:#2c3e50;margin:15px 0 10px}.left-align{text-align:left!important}.form-row{display:flex;flex-wrap:wrap;margin-bottom:15px}.form-group{flex:1 1;margin-bottom:15px;min-width:200px}.form-group-left{margin-bottom:20px;width:100%}.form-group label,.form-group-left label{margin-bottom:5px;text-align:left}.form-group-left label{color:#2c3e50;display:block;font-weight:600}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #3498db33}.form-group textarea{min-height:80px}.lesson-table{border:1px dotted #666;border-collapse:collapse;margin:15px 0;table-layout:fixed;width:100%}.lesson-table td,.lesson-table th{border:1px dotted #666;padding:10px;text-align:center}.lesson-table th{background:linear-gradient(135deg,#34495e,#2c3e50);color:#fff;font-weight:600}.lesson-table td:last-child,.lesson-table th:last-child{border-right:none}.lesson-table input,.lesson-table textarea{background:#0000;border:none;min-height:60px;padding:8px;width:100%}.lesson-table textarea{height:auto;min-height:80px;overflow-y:visible;resize:vertical}.lesson-table.lesson-development{height:auto;table-layout:fixed;width:100%}.lesson-table.lesson-development td,.lesson-table.lesson-development th{height:auto;max-height:none;min-height:120px;vertical-align:top}.lesson-table.lesson-development textarea{height:auto;min-height:100px;overflow-y:visible;resize:vertical}.lesson-table.lesson-development{overflow:visible}.lesson-table.teaching-process{height:auto;overflow:visible;table-layout:fixed;width:100%}.lesson-table.teaching-process td:first-child,.lesson-table.teaching-process th:first-child{width:15%}.lesson-table.teaching-process td:nth-child(2),.lesson-table.teaching-process th:nth-child(2){width:12%}.lesson-table.teaching-process td:nth-child(3),.lesson-table.teaching-process td:nth-child(4),.lesson-table.teaching-process th:nth-child(3),.lesson-table.teaching-process th:nth-child(4){width:25%}.lesson-table.teaching-process td:nth-child(5),.lesson-table.teaching-process th:nth-child(5){width:23%}.lesson-table.teaching-process td,.lesson-table.teaching-process th{word-wrap:break-word;height:auto;max-height:none;min-height:120px;overflow-wrap:break-word;vertical-align:top;white-space:normal;word-break:break-word}.lesson-table.teaching-process textarea{word-wrap:break-word;height:auto;min-height:100px;overflow-wrap:break-word;overflow-y:visible;resize:vertical;white-space:normal;width:100%;word-break:break-word}.enrollment-table{display:flex;flex-direction:column;gap:8px}.enrollment-row{align-items:center;display:flex;gap:8px}.enrollment-label{font-size:12px;min-width:100px;text-align:left}.enrollment-input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:5px;width:60px}.enrollment-totals{border-top:1px solid #ddd;font-weight:700;margin-top:10px;padding-top:10px}.open-lines-left{display:flex;flex-direction:column;gap:20px;margin:15px 0}.line-input{border:1px solid #ddd;border-radius:6px;min-height:60px;padding:10px;resize:vertical;width:100%}.generate-btn{background:linear-gradient(135deg,#3498db,#2c3e50);border-radius:6px;font-size:16px;margin-top:20px;padding:12px 24px;transition:all .3s}.generate-btn:hover{box-shadow:0 4px 12px #3498db4d}.preview-section{border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.action-btn{font-weight:500;padding:10px 15px}.action-btn.print{background-color:#4a5568;color:#fff}.action-btn.download{background-color:#2d3748;color:#fff}.action-btn.share{background-color:#3182ce;color:#fff}.action-btn.save{background-color:#38a169;color:#fff}.action-btn:hover{box-shadow:0 4px 8px #0000001a}.lesson-preview{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px}.print-center{text-align:center}.preview-header{border-bottom:2px solid #3498db;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-bottom:10px}.preview-table{border:1px dotted #666;border-collapse:collapse;margin:15px 0;table-layout:fixed;width:100%}.preview-table td,.preview-table th{border:1px dotted #666;padding:10px;text-align:left}.preview-table th{background:linear-gradient(135deg,#34495e,#2c3e50);color:#fff}.preview-table td:last-child,.preview-table th:last-child{border-right:none}.preview-table.lesson-development{height:auto;overflow:visible;table-layout:fixed;width:100%}.preview-table.lesson-development td,.preview-table.lesson-development th{height:auto;min-height:120px;vertical-align:top}.preview-table.teaching-process{height:auto;overflow:visible;table-layout:fixed;width:100%}.preview-table.teaching-process td:first-child,.preview-table.teaching-process th:first-child{width:15%}.preview-table.teaching-process td:nth-child(2),.preview-table.teaching-process th:nth-child(2){width:12%}.preview-table.teaching-process td:nth-child(3),.preview-table.teaching-process td:nth-child(4),.preview-table.teaching-process th:nth-child(3),.preview-table.teaching-process th:nth-child(4){width:25%}.preview-table.teaching-process td:nth-child(5),.preview-table.teaching-process th:nth-child(5){width:23%}.preview-table.teaching-process td,.preview-table.teaching-process th{word-wrap:break-word;height:auto;min-height:120px;overflow-wrap:break-word;vertical-align:top;white-space:normal;word-break:break-word}.cell-content{min-height:50px;padding:5px}.preview-content-left{margin:20px 0}.preview-item-left{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px;text-align:left}.preview-item-left h4{color:#2c3e50;font-size:16px;margin-bottom:8px;text-align:left}.preview-item-left p{line-height:1.6;margin:0;text-align:left}@media (max-width:768px){.lesson-plan-container{padding:10px}.form-row{flex-direction:column;gap:0}.form-group{min-width:100%}.lesson-table{font-size:12px}.lesson-table td,.lesson-table th{padding:5px}.preview-header{gap:10px}.preview-actions,.preview-header{flex-direction:column}.action-btn{width:100%}}@media (max-width:480px){.form-section{padding:15px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px}.generate-btn{font-size:14px;padding:10px 20px}.enrollment-row{align-items:flex-start;flex-direction:column}.enrollment-input{width:100%}}@media print{.form-section,.preview-actions{display:none!important}.preview-section{box-shadow:none!important;margin:0!important;width:100%!important}.lesson-preview,.preview-section{border:none!important;padding:0!important}.lesson-preview{background:#fff!important}body{font-size:12pt;line-height:1.4;margin:0;padding:0}.preview-item-left,.preview-table{page-break-inside:avoid}.print-center{font-size:16pt;margin-bottom:20pt;text-align:center}}.geography-template{background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.modal-body .geography-template,.modal-content.large .geography-template{background:#f5f5f5;border-radius:0;height:100vh;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw;z-index:10001}.geography-template-restricted{background:#fff;border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center}.geography-template-restricted h2{color:#666;margin-bottom:10px}.geography-template-restricted p{color:#888;margin:5px 0}.geography-template-header{align-items:center;background:#0000;border:none;display:flex;flex-direction:row;gap:.5rem;height:auto;min-height:auto;padding:4px 8px}.geography-template-header h2{color:indigo;flex-shrink:0;font-size:.9rem;line-height:1.2;margin:0;white-space:nowrap}.geography-template-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.geography-image-section{background:#fff;border-bottom:2px solid #e0e0e0;flex:0 0 45%;overflow-y:auto;padding:20px}.geography-image-section h3{color:#333;font-size:1.1rem;margin:0 0 15px}.geography-image-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);width:100%}.geography-image-card{display:flex;flex-direction:column;gap:8px}.geography-image-card label{color:indigo;font-size:.85rem;font-weight:600}.image-upload-area,.image-upload-placeholder{min-height:150px;width:100%}.image-upload-placeholder{align-items:center;background:#fafafa;border:2px dashed #ccc;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:10px;transition:all .3s}.image-upload-placeholder:hover{background:#f0f0f0;border-color:indigo}.image-upload-placeholder p{color:#666;margin:5px 0}.upload-hint{color:#999;font-size:.85rem}.image-preview-container{height:100%;min-height:150px;position:relative;width:100%}.geography-image-preview{border:2px solid #ddd;border-radius:6px;display:block;height:100%;max-height:200px;min-height:150px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#f00c;border-radius:50%;display:flex;font-size:18px;height:30px;justify-content:center;right:10px;top:10px;transition:background .2s;width:30px}.remove-image-btn:hover{background:red}.geography-questions-section{background:#fff;flex:1 1;overflow-y:auto;padding:20px}.questions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.questions-header h3{color:#333;font-size:1.1rem;margin:0}.add-question-btn{background:indigo;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.add-question-btn:hover{background:#5a0099}.questions-list{display:flex;flex-direction:column;gap:15px}.question-item{align-items:flex-start;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:10px;padding:15px}.question-number{color:indigo;flex:0 0 40px;font-weight:700;padding-top:8px}.question-textarea{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:inherit;font-size:.95rem;min-height:60px;padding:10px;resize:vertical}.question-textarea:focus{border-color:indigo;box-shadow:0 0 0 2px #4b00821a;outline:none}.remove-question-btn{align-items:center;background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:0 0 30px;height:30px;justify-content:center;transition:background .2s;width:30px}.remove-question-btn:hover{background:#c00}.geography-template-actions{background:#fff;border-top:2px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px}@media (max-width:768px){.geography-template-content{flex-direction:column}.geography-image-section{flex:0 0 auto}.geography-image-cards{grid-template-columns:repeat(2,1fr)}.template-meta{flex-direction:column}.template-category-input,.template-subject-input,.template-title-input{width:100%}}.math-keyboard{background:#f0f0f0;border-radius:8px;display:flex;flex-direction:column;gap:6px;max-height:500px;overflow-y:auto;padding:12px;-webkit-user-select:none;user-select:none}.keyboard-key{font-size:.9rem}.keyboard-key.math-symbol{background:#6a0dad;border-color:#6a0dad;color:#fff;font-size:.85rem}.keyboard-key.math-symbol:active{background:#7a1dad}@media (max-width:768px){.keyboard-key{font-size:.8rem;height:40px;min-width:40px}.keyboard-key.math-symbol{font-size:.75rem}}.math-template{background:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.modal-body .math-template,.modal-content.large .math-template{background:#f9f9f9;border-radius:0;height:100vh;left:0;margin:0;overflow-y:auto;padding:1.5rem;position:fixed;top:0;width:100vw;z-index:10001}.math-template-header{align-items:center;background:#0000;border:none;display:flex;flex-direction:row;gap:.5rem;height:auto;min-height:auto;padding:4px 8px}.math-template-header h2{color:indigo;flex-shrink:0;font-size:.9rem;line-height:1.2;margin:0;white-space:nowrap}.template-category-input,.template-subject-input,.template-title-input{border:2px solid #ddd;border-radius:6px;line-height:1.2}.template-category-input:focus,.template-subject-input:focus,.template-title-input:focus{border-color:indigo;outline:none}.math-template-content{display:flex;flex-direction:column;gap:1.5rem}.math-text-section{display:flex;flex-direction:column;gap:1rem}.section-header-with-toggle h3{color:indigo;font-size:1.3rem;margin:0}.math-content-textarea{border:2px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;min-height:300px;padding:1rem;resize:vertical;width:100%}.math-content-textarea:focus{border-color:indigo;outline:none}.math-tools-section{display:flex;flex-direction:column;gap:1rem}.tools-header{gap:.5rem}.tools-header h3{color:indigo;font-size:1.2rem}.keyboard-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.math-template-actions{display:flex;gap:1rem;justify-content:flex-end}.math-template-restricted{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:2rem;text-align:center}.math-template-restricted h2{color:#856404;margin-bottom:1rem}.math-template-restricted p{color:#856404;margin:.5rem 0}@media (max-width:768px){.math-template{padding:1rem}.template-meta{flex-direction:column}.template-category-input,.template-subject-input,.template-title-input{min-width:100%}.section-header-with-toggle{align-items:flex-start;flex-direction:column}.formulas-toggle-btn{width:100%}.math-content-textarea{min-height:200px}}.physics-keyboard{background:#f0f0f0;border-radius:8px;display:flex;flex-direction:column;gap:6px;max-height:500px;overflow-y:auto;padding:12px;-webkit-user-select:none;user-select:none}.keyboard-key.physics-symbol{background:#6a0dad;border-color:#6a0dad;color:#fff;font-size:.85rem}.keyboard-key.physics-symbol:active{background:#7a1dad}@media (max-width:768px){.keyboard-key{font-size:.8rem;height:40px;min-width:40px}.keyboard-key.physics-symbol{font-size:.75rem}}.physics-template{background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.modal-body .physics-template,.modal-content.large .physics-template{background:#f5f5f5;border-radius:0;height:100vh;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw;z-index:10001}.physics-template-restricted{background:#fff;border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center}.physics-template-restricted h2{color:#666;margin-bottom:10px}.physics-template-restricted p{color:#888;margin:5px 0}.physics-template-header{align-items:center;background:#0000;border:none;display:flex;flex-direction:row;gap:.5rem;height:auto;min-height:auto;padding:4px 8px}.physics-template-header h2{color:indigo;flex-shrink:0;font-size:.9rem;line-height:1.2;margin:0;white-space:nowrap}.template-title-input{flex:2 1;font-weight:600}.physics-template-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.physics-text-section{background:#fff;border-bottom:2px solid #e0e0e0;display:flex;flex:1 1;flex-direction:column;padding:20px}.physics-text-section h3{color:#333;font-size:1.1rem;margin:0 0 15px}.physics-content-textarea{border:2px solid #ddd;border-radius:6px;flex:1 1;font-family:Courier New,monospace;font-size:1rem;min-height:200px;padding:15px;resize:none;width:100%}.physics-content-textarea:focus{border-color:indigo;box-shadow:0 0 0 3px #4b00821a;outline:none}.physics-tools-section{background:#f9f9f9;flex:0 0 50%;overflow-y:auto;padding:20px}.physics-template-actions{background:#fff;border-top:2px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px}@media (max-width:768px){.physics-template-content{flex-direction:column}.physics-text-section{flex:0 0 auto;min-height:250px}.physics-tools-section{flex:1 1}.template-meta{flex-direction:column}.template-category-input,.template-subject-input,.template-title-input{width:100%}}.chemistry-keyboard{background:#f0f0f0;border-radius:8px;display:flex;flex-direction:column;gap:6px;max-height:500px;overflow-y:auto;padding:12px;-webkit-user-select:none;user-select:none}.keyboard-row{flex-wrap:wrap;gap:6px}.keyboard-key,.keyboard-row{display:flex;justify-content:center}.keyboard-key{align-items:center;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;height:45px;min-width:45px;touch-action:manipulation;transition:all .15s}.keyboard-key:active{background:#e0e0e0;transform:scale(.95)}.keyboard-key.operator{background:indigo;border-color:indigo;color:#fff}.keyboard-key.operator:active{background:#5a0099}.keyboard-key.chem-symbol{background:#6a0dad;border-color:#6a0dad;color:#fff;font-size:.85rem}.keyboard-key.chem-symbol:active{background:#7a1dad}.keyboard-key.action{background:#333;border-color:#333;color:#fff;font-size:.85rem}.keyboard-key.action:active{background:#444}@media (max-width:768px){.keyboard-key{font-size:.8rem;height:40px;min-width:40px}.keyboard-key.chem-symbol{font-size:.75rem}}.chemistry-template{background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.modal-body .chemistry-template,.modal-content.large .chemistry-template{background:#f5f5f5;border-radius:0;height:100vh;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw;z-index:10001}.chemistry-template-restricted{background:#fff;border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center}.chemistry-template-restricted h2{color:#666;margin-bottom:10px}.chemistry-template-restricted p{color:#888;margin:5px 0}.chemistry-template-header{align-items:center;background:#0000;border:none;display:flex;flex-direction:row;gap:.5rem;height:auto;min-height:auto;padding:4px 8px}.template-back-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:28px;justify-content:center;padding:6px 12px;transition:all .2s;white-space:nowrap}.template-back-btn:hover{background:#2563eb;box-shadow:0 2px 4px #0003;transform:translateX(-2px)}.chemistry-template-header h2{color:indigo;flex-shrink:0;font-size:.9rem;line-height:1.2;margin:0;white-space:nowrap}.template-meta{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:.5rem;margin:0;padding:0}.template-category-input,.template-subject-input,.template-title-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:10px;height:24px;max-width:200px;min-width:120px;padding:4px 8px}.chemistry-template-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chemistry-text-section{background:#fff;border-bottom:2px solid #e0e0e0;display:flex;flex:1 1;flex-direction:column;padding:20px}.chemistry-text-section h3{color:#333;font-size:1.1rem;margin:0 0 15px}.section-header-with-toggle{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:15px}.formulas-toggle-btn{background:indigo;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:background .2s;white-space:nowrap}.formulas-toggle-btn:hover{background:#5a0099}.formulas-reference{background:#fff;border:2px solid indigo;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;margin-bottom:15px;max-height:400px;overflow-y:auto;padding:1.5rem;position:relative;z-index:100}.formulas-close-indicator{background:#999;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:12px;position:absolute;right:10px;top:10px;transition:all .2s;width:12px;z-index:101}.formulas-close-indicator:hover{background:#666;transform:scale(1.2)}.formulas-section{margin-bottom:1.5rem}.formulas-section:last-child{margin-bottom:0}.formulas-section h4{border-bottom:2px solid indigo;color:indigo;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.formulas-group{background:#f5f5f5;border-radius:6px;margin-bottom:1rem;padding:.75rem}.formulas-group strong{color:indigo;display:block;font-size:1rem;margin-bottom:.5rem}.formulas-group p{color:#333;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;margin:.25rem 0}.formula-clickable{border-radius:4px;cursor:pointer;padding:.5rem;transition:all .2s;-webkit-user-select:none;user-select:none}.formula-clickable:hover{background:#e0e7ff;color:indigo;transform:translateX(5px)}.chemistry-content-textarea{border:2px solid #ddd;border-radius:6px;flex:1 1;font-family:Courier New,monospace;font-size:1rem;min-height:200px;padding:15px;resize:none;width:100%}.chemistry-content-textarea:focus{border-color:indigo;box-shadow:0 0 0 3px #4b00821a;outline:none}.chemistry-tools-section{background:#f9f9f9;flex:0 0 50%;overflow-y:auto;padding:20px}.tools-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tools-header h3{color:#333;font-size:1.1rem;margin:0}.calculator-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.calculator-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.calculator-toggle span{color:#666;font-size:.9rem}.calculator-container,.keyboard-container{background:#fff;border-radius:8px;padding:10px}.chemistry-template-actions{background:#fff;border-top:2px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px}@media (max-width:768px){.chemistry-template-content{flex-direction:column}.chemistry-text-section{flex:0 0 auto;min-height:250px}.chemistry-tools-section{flex:1 1}.template-meta{flex-direction:column}.template-category-input,.template-subject-input,.template-title-input{width:100%}}.teacher-templates{margin:0 auto;max-width:1400px;min-height:auto;overflow:visible;padding:20px;width:100%}.templates-header{margin-bottom:30px;text-align:center}.templates-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 10px}.templates-header p{color:#6b7280;font-size:1.1rem;margin:0}.no-templates-icon{font-size:4rem;margin-bottom:20px}.no-templates h3{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 10px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));min-height:auto;overflow:visible}@media (min-width:768px){.templates-grid{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));height:auto;max-width:100%;min-height:auto;overflow:visible}}@media (min-width:1200px){.templates-grid{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));height:auto;min-height:auto;overflow:visible}}.template-type.physics{background:#9b59b6;color:#fff}.template-preview.physics{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:15px}.physics-editor-preview{padding:0}.physics-content-preview{color:#374151;line-height:1.6;margin-top:12px}.physics-content-preview ul{margin:8px 0;padding-left:24px}.physics-content-preview li{margin:4px 0}.physics-editor-wrapper{background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:8px;min-height:500px}.template-actions{justify-content:center}.modal-overlay{background:#000c;height:100vh;margin:0;padding:0;width:100vw}.modal-overlay:has(.modal-content.large.minimized){background:#0000004d;pointer-events:none}.modal-overlay:has(.modal-content.large.minimized) .modal-content{pointer-events:auto}body:has(.modal-overlay:not(:has(.modal-content.large.minimized))){margin:0;overflow:hidden;padding:0}html:has(.modal-overlay:not(:has(.modal-content.large.minimized))){margin:0;overflow:hidden;padding:0}body:has(.modal-content.large.minimized){overflow:auto}html:has(.modal-content.large.minimized){overflow:auto}.modal-content.large{border-radius:0;box-shadow:none;height:100vh;left:0;margin:0;max-height:100vh;max-width:100vw;padding:0;position:fixed;top:0;width:100vw}.modal-header{background:#fff;gap:15px;margin:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.back-btn{background:#3b82f6;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.back-btn:hover{background:#2563eb;box-shadow:0 2px 4px #0003;transform:translateX(-2px)}.modal-header h3{flex:1 1;padding:0 10px;text-align:center}.modal-header-buttons{align-items:center;display:flex;gap:8px}.minimize-btn{align-items:center;background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.minimize-btn:hover{background:#d97706;box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.modal-content.large .minimize-btn{background:#f59e0b;box-shadow:0 4px 12px #0006;font-size:1.5rem;height:45px;position:fixed;right:75px;top:20px;width:45px;z-index:10002}.modal-content.large .minimize-btn:hover{background:#d97706;box-shadow:0 6px 16px #00000080;transform:scale(1.15)}.modal-body.minimized{display:none}.modal-content.large.minimized{border-radius:8px;box-shadow:0 4px 12px #0000004d;height:auto;left:50%;max-height:60px;max-width:90%;min-width:400px;overflow:hidden;position:fixed;top:20px;transform:translateX(-50%);width:auto}.modal-content.large.minimized .modal-body{display:none}.modal-content.large.minimized .modal-header{border-radius:8px;cursor:pointer;padding:12px 20px}.modal-content.large.minimized .modal-header:hover{background:#f9fafb}.modal-body .formulas-reference{position:relative;z-index:100!important}.modal-content.large .modal-header{margin:0;padding:15px 20px}.close-btn{background:#ef4444;box-shadow:0 2px 4px #0003;color:#fff;font-weight:700;height:40px;width:40px}.close-btn:hover{background:#dc2626;box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.modal-content.large .close-btn{background:#ef4444;box-shadow:0 4px 12px #0006;font-size:1.8rem;height:45px;position:fixed;right:20px;top:20px;width:45px;z-index:10002}.modal-content.large .close-btn:hover{background:#dc2626;box-shadow:0 6px 16px #00000080;transform:scale(1.15)}.floating-download-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;bottom:30px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;pointer-events:auto;position:fixed;right:30px;transition:all .2s;z-index:10001}.floating-download-btn:hover{background:#2563eb;box-shadow:0 6px 16px #0006;transform:scale(1.05)}.floating-download-btn:active{transform:scale(.98)}.modal-body{margin:0;position:relative}.modal-body .formulas-reference{scroll-margin-top:80px}.modal-content.large .modal-body{height:100%;margin:0;overflow-y:auto;padding:0}.template-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:6px}.form-input,.form-textarea{background:#fff;border:2px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:10px 12px;transition:border-color .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:120px}.scientific-images-section h4{margin:0 0 10px}.template-preview-section{margin-top:20px}@media (max-width:768px){.templates-grid{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:1fr}.template-preview.scientific .scientific-layout{gap:15px;grid-template-columns:1fr}.form-row,.image-upload-slots{grid-template-columns:1fr}.modal-content{margin:10px}.modal-body{padding:20px}.modal-footer{flex-direction:column}.btn{justify-content:center;width:100%}}.scheme-container{background:#f8f9fa;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1800px;min-height:100vh;overflow-x:visible;padding:20px 30px;width:100%}.scheme-header{background:#fff;border:1px solid #e9ecef;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.scheme-title{font-size:2.5rem;margin:0 0 10px;text-shadow:2px 2px 4px #0000001a}.scheme-subtitle{font-size:1.1rem;font-weight:500}.header-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:20px}.header-grid{display:flex;flex-direction:column}.header-group{display:flex;flex-wrap:wrap;gap:20px}.header-item{flex:1 1;min-width:200px}.header-item.full-width{flex:100% 1}.header-label{color:#2c3e50;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.header-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.header-input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.header-input::placeholder{color:#adb5bd}.table-container{-webkit-overflow-scrolling:touch;border:1px solid #e9ecef;margin-bottom:30px;overflow-x:auto!important;overflow-y:visible;position:relative;scrollbar-color:#555 #f1f1f1;scrollbar-gutter:stable;scrollbar-width:auto}.table-container::-webkit-scrollbar{background:#f1f1f1;display:block!important;height:16px!important}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border:1px solid #e0e0e0;border-radius:8px;-webkit-box-shadow:inset 0 0 6px #0000001a}.table-container::-webkit-scrollbar-thumb{background:#555!important;border:2px solid #f1f1f1;border-radius:8px;-webkit-box-shadow:inset 0 0 6px #0000004d}.table-container::-webkit-scrollbar-thumb:hover{background:#333!important}.scheme-table{word-wrap:break-word;display:table;min-width:2000px;overflow-wrap:break-word;table-layout:fixed}.scheme-table th{background:linear-gradient(135deg,#34495e,#2c3e50);font-size:.85rem;height:120px;max-width:40px;min-width:40px;padding:15px 10px;position:-webkit-sticky;position:sticky;text-align:center;top:0;transform:rotate(180deg);writing-mode:vertical-rl;z-index:10}.scheme-table th,.scheme-table th.horizontal-header{border-bottom:1px dotted #4a6572;border-right:1px dotted #4a6572;text-orientation:mixed}.scheme-table th.horizontal-header{height:40px;max-width:none;min-width:80px;transform:none;writing-mode:horizontal-tb}.scheme-table td:last-child,.scheme-table th:last-child{border-right:none}.scheme-table td{word-wrap:break-word;background:#fff;border:1px dotted #666;height:auto;min-height:120px;overflow:hidden;overflow-wrap:break-word;padding:0;position:relative;transition:background-color .2s ease;word-break:break-word}.scheme-table tr:nth-child(2n) td{background:#f8f9fa}.scheme-table tr:hover td{background:#e3f2fd}.editable-cell{word-wrap:break-word;background:#0000;border:none;box-sizing:border-box;font-family:inherit;font-size:11px;height:auto;line-height:1.3;max-width:100%;min-height:100px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:8px;resize:vertical;transition:all .2s ease;white-space:pre-wrap;width:100%;word-break:break-word}.editable-cell:focus{background:#3498db0d;box-shadow:inset 0 0 0 2px #3498db;outline:none}.editable-cell::placeholder{color:#adb5bd;font-style:italic}.col-main,.col-specific{min-width:120px;width:12%}.col-activities,.col-specific-activities{min-width:100px;width:9%}.col-month,.col-week{min-width:50px;width:5%}.col-methods{min-width:80px;width:8%}.col-week{min-width:90px;width:7%}.col-competence{min-width:110px;width:9%}.col-topic{min-width:130px;width:10%}.col-learning,.col-outcomes,.col-teaching{min-width:140px;width:11%}.col-assessment,.col-resources{min-width:110px;width:9%}.col-periods{min-width:60px;width:5%}.col-references{min-width:100px;width:8%}.col-remarks{min-width:120px;width:10%}.action-section{background:#0000;border-radius:8px;margin-top:30px;padding:20px}.action-group,.action-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.action-btn{background:#0000;border:2px solid #0000;border-radius:8px;color:#495057;font-size:14px;gap:8px;min-width:140px;padding:12px 20px;transition:all .3s ease}.add-btn{background:#0000;border-color:#28a745;color:#28a745}.add-btn:hover{background:#28a745;border-color:#28a745;box-shadow:0 4px 12px #28a7454d;color:#fff;transform:translateY(-2px)}.download-btn{background:#0000;border-color:#007bff;color:#007bff}.download-btn:hover{background:#007bff;border-color:#007bff;box-shadow:0 4px 12px #007bff4d;color:#fff}.print-btn{background:#0000;border-color:#6c757d;color:#6c757d}.print-btn:hover{background:#6c757d;border-color:#6c757d;box-shadow:0 4px 12px #6c757d4d;color:#fff;transform:translateY(-2px)}.share-btn{background:#0000;border-color:#17a2b8;color:#17a2b8}.share-btn:hover{background:#17a2b8;border-color:#17a2b8;box-shadow:0 4px 12px #17a2b84d;color:#fff;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}@media (max-width:768px){.action-section{padding:15px}.action-group{flex-direction:column;gap:12px;width:100%}.action-btn{min-width:auto;padding:14px 20px;width:100%}}@media (max-width:480px){.action-group{gap:10px}.action-btn{font-size:13px;padding:12px 16px}}.save-btn{align-items:center;background:#0000;border-color:#ffc107;color:#ffc107;display:flex;gap:8px;justify-content:center}.save-btn:hover:not(:disabled){background:#ffc107;border-color:#ffc107;box-shadow:0 4px 12px #ffc1074d;color:#fff}.save-btn:disabled{background:#0000;border-color:#ffc107;color:#ffc107}.spinner-small{border:2px solid #ffc1074d;border-top-color:#ffc107;height:14px;width:14px}.page-break{break-before:page;page-break-before:always}.page-break-inside-avoid{break-inside:avoid;page-break-inside:avoid}@media print{.action-section,.add-row-btn,.download-btn,.export-btn,.form-actions,.form-group,.form-row,.print-btn,.remove-row-btn,.save-btn,.share-btn{display:none!important}.scheme-container{background:#fff;margin:0;padding:0}.scheme-header{background:#f8f9fa!important;border-left:none;border:2px solid #000!important;box-shadow:none;color:#000!important;margin-bottom:20px!important;padding:20px 0}.scheme-header h1{color:#000!important;font-size:24px!important;margin:0 0 10px!important}.scheme-header p{color:#000!important;font-size:14px!important;margin:0!important}.action-section,.header-section{display:none}.table-container{border:2px solid #000!important;border-radius:0;box-shadow:none}.scheme-table{border-collapse:collapse!important;font-size:10px!important;page-break-inside:avoid!important;table-layout:fixed!important;width:100%!important}.scheme-table th{background:#f8f9fa!important;border:2px solid #000!important;color:#000!important;height:100px!important;max-width:30px!important;min-width:30px!important;text-orientation:mixed!important;transform:rotate(180deg)!important;writing-mode:vertical-rl!important}.scheme-table th.horizontal-header{height:30px!important;max-width:none!important;min-width:60px!important;text-orientation:mixed!important;transform:none!important;writing-mode:horizontal-tb!important}.scheme-table td{border:2px solid #000!important;height:auto!important;min-height:80px!important;overflow:hidden!important;overflow-wrap:break-word!important;vertical-align:top!important}.editable-cell,.scheme-table td{word-wrap:break-word!important;word-break:break-word!important}.editable-cell{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;border:none!important;box-shadow:none!important;line-height:1.2!important;max-width:100%!important;min-height:60px!important;outline:none!important;overflow-wrap:break-word!important;overflow-x:hidden!important;overflow-y:visible!important;padding:4px!important;resize:none!important;white-space:pre-wrap!important}.editable-cell:before{content:attr(data-content);display:block;white-space:pre-wrap}.editable-cell{background:#0000!important;border:1px solid #ddd!important;color:#000!important;display:block!important;font-family:inherit!important;font-size:10px!important;height:auto!important;line-height:1.3!important;margin:0!important;min-height:50px!important;padding:8px!important}}@media (max-width:1200px){.scheme-container{padding:20px 15px}.scheme-title{font-size:2rem}.header-group{flex-direction:column}.header-item{min-width:100%}}@media (max-width:768px){.action-section{flex-direction:column;text-align:center}.action-group{justify-content:center}.scheme-title{font-size:1.8rem}}@media (max-width:480px){.scheme-container{padding:15px 10px}.scheme-title{font-size:1.5rem}.action-btn{font-size:13px;padding:10px 15px}.action-group{flex-direction:column;width:100%}.action-group .action-btn{justify-content:center;width:100%}}@media print{.scheme-container{background:#fff;max-width:none;padding:0;width:100%}.scheme-table{min-width:100%;width:100%}.scheme-table td,.scheme-table th{border:1px dotted #000!important}.action-section{display:none}.table-container{border-radius:0;box-shadow:none}.page-break{break-before:page;page-break-before:always}.scheme-header{margin-bottom:15px;padding:15px;page-break-inside:avoid}.scheme-title{font-size:1.8rem;margin-bottom:5px}.scheme-subtitle{font-size:1rem;margin-bottom:15px}.header-section{margin-bottom:15px;padding:15px;page-break-inside:avoid}.header-grid{gap:10px}.header-group{gap:15px}.header-item{min-width:150px}.header-label{font-size:.8rem;margin-bottom:4px}.header-input{font-size:13px;padding:8px 10px}.scheme-table th{font-size:.75rem;height:80px;padding:8px 6px}.editable-cell,.scheme-table td{min-height:80px}.editable-cell{word-wrap:break-word!important;font-size:10px;max-width:100%!important;overflow-wrap:break-word!important;overflow-x:hidden!important;padding:6px;white-space:pre-wrap!important;word-break:break-word!important}.scheme-table tr:nth-child(4){break-before:page;page-break-before:always}.scheme-table thead{display:table-header-group}.scheme-table tbody{display:table-row-group}@page{size:A4 landscape;margin:.5in}.page-number{bottom:.5in;color:#666;font-size:12px;position:fixed;right:.5in}}.scheme-table{border:1px dotted #666}.scheme-table tr{border-bottom:1px dotted #666}.scheme-table tr:last-child{border-bottom:none}.format-toggle-container{display:flex;flex-direction:column;gap:8px}.format-toggle{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;overflow:hidden;padding:4px}.format-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.format-option:hover{background:#e9ecef;color:#495057;transform:translateY(-1px)}.format-option.active{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 12px #007bff4d;color:#fff;transform:translateY(-1px)}.format-option.active:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.format-description{color:#6c757d;font-size:12px;font-style:italic;margin-top:4px;padding:0 8px;text-align:center}@media (max-width:768px){.format-toggle{flex-direction:column;gap:2px}.format-option{font-size:13px;padding:10px 12px}.format-description{font-size:11px}}@media print{.format-toggle-container{display:none!important}.header-item:has(.format-toggle-container){display:none!important}thead{display:table-header-group;page-break-after:avoid}tbody tr,thead{page-break-inside:avoid}table{page-break-inside:auto}td,th{page-break-inside:avoid}.scheme-table{border-collapse:collapse;width:100%}.scheme-table td,.scheme-table th{border:1px solid #000;padding:8px;vertical-align:top}.scheme-table thead th{background-color:#f0f0f0;font-weight:700}}.history-panel{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex}.panel-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s ease}.panel-tabs button:hover{background:#e9ecef;color:#495057}.panel-tabs button.active{background:#fff;border-bottom-color:#007bff;color:#007bff}.panel-content{flex:1 1;overflow-y:auto;padding:20px}.history-list h3,.statistics h3{align-items:center;color:#2c3e50;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin-bottom:20px}.history-list h3:before{content:"📚";font-size:1.1rem}.statistics h3:before{content:"📊";font-size:1.1rem}.no-history{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.lesson-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:10px}.lesson-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:20px;transition:all .3s ease}.lesson-card:hover{border-color:#007bff;box-shadow:0 8px 25px #007bff26;transform:translateY(-3px)}.lesson-card.selected{background:#e3f2fd;border-color:#007bff;box-shadow:0 8px 25px #007bff33}.lesson-header{margin-bottom:15px}.lesson-title{font-size:1.1rem;line-height:1.3}.lesson-syllabus{background:#007bff;border-radius:6px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.lesson-details{gap:8px;margin-bottom:15px}.lesson-details span{border-radius:6px;color:#6c757d;font-weight:500;padding:4px 8px}.lesson-details .subject{background:#e8f5e8;color:#2d5a2d}.lesson-details .grade{background:#fff3cd;color:#856404}.lesson-details .date{background:#d1ecf1;color:#0c5460}.lesson-actions{display:flex;gap:10px;justify-content:flex-end}.delete-btn,.download-btn,.view-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.view-btn{background:#6c757d;color:#fff}.view-btn:hover{background:#5a6268;transform:translateY(-1px)}.download-btn{background:#28a745}.download-btn:hover{background:#218838}.delete-btn:hover{transform:translateY(-1px)}.history-list ul{list-style:none;margin:0;padding:0}.history-list li{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .3s ease}.history-list li:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.history-list li.selected{background:#e3f2fd;border-color:#007bff;box-shadow:0 4px 12px #007bff33}.lesson-title{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:5px}.lesson-details{color:#6c757d;display:flex;flex-wrap:wrap;font-size:.9rem;gap:10px}.lesson-details span{background:#f8f9fa;border-radius:4px;font-size:.8rem;padding:2px 8px}.stat-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;padding:20px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-value{font-size:2rem;margin-bottom:5px}.stat-label{opacity:.9}.chart-container{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.subject-chart{display:flex;flex-direction:column;gap:12px}.chart-item{gap:15px}.chart-label{font-weight:600;min-width:100px}@media (max-width:768px){.panel-content{padding:15px}.stat-cards{gap:10px;grid-template-columns:1fr}.stat-card{padding:15px}.stat-value{font-size:1.5rem}.chart-item{align-items:flex-start;flex-direction:column;gap:8px}.chart-label{min-width:auto}.chart-bar{width:100%}.lesson-details{flex-direction:column;gap:5px}}@media (max-width:480px){.panel-tabs button{font-size:14px;padding:12px 15px}.history-list li{padding:12px}.lesson-title{font-size:.9rem}.lesson-details{font-size:.8rem}.stat-card{padding:12px}.stat-value{font-size:1.3rem}.stat-label{font-size:.8rem}}.lesson-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.lesson-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{background:#f8f9fa;padding:20px 25px}.modal-header h3{font-size:1.3rem}.close-btn{padding:5px}.close-btn:hover{background:#e9ecef;color:#495057}.modal-content{max-height:50vh;padding:25px}.lesson-info{grid-gap:15px;background:#f8f9fa;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px;padding:20px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item strong{color:#495057;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#2c3e50;font-weight:500}.lesson-preview{margin-top:20px}.lesson-preview h4{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:15px}.lesson-preview h4:before{content:"📋";font-size:1rem}.content-preview{background:#f8f9fa;border-left:4px solid #007bff}.content-preview p{color:#495057;line-height:1.6;margin:0 0 10px}.content-preview p:last-child{margin-bottom:0}.modal-actions{background:#f8f9fa;border-top:1px solid #e9ecef;gap:15px;padding:20px 25px}.modal-actions .download-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.modal-actions .download-btn:hover{background:#218838;transform:translateY(-1px)}.close-modal-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.close-modal-btn:hover{background:#5a6268;transform:translateY(-1px)}@media (max-width:768px){.lesson-modal{margin:10px;max-height:90vh}.modal-actions,.modal-content,.modal-header{padding:15px}.lesson-info{gap:10px;grid-template-columns:1fr}.modal-actions{flex-direction:column}.close-modal-btn,.modal-actions .download-btn{justify-content:center;width:100%}}.storage-info{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:8px;margin:20px 0;padding:20px}.storage-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:15px}.storage-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:10px}.storage-label{color:#495057;font-weight:500}.storage-value{color:#007bff;font-family:Courier New,monospace;font-weight:600}.recent-activity{background:#f8f9fa;border-left:4px solid #28a745;margin:20px 0;padding:20px}.activity-list{margin-top:15px}.activity-item{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:8px;transition:all .3s ease}.activity-item:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.activity-icon{font-size:1.5rem;margin-right:12px;text-align:center}.activity-details{flex:1 1}.activity-title{color:#2c3e50;font-weight:600;margin-bottom:4px}.activity-meta{color:#6c757d;font-size:.85rem}.activity-date{color:#6c757d;font-weight:500}.monthly-trend{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;margin:20px 0;padding:20px}.trend-chart{align-items:end;display:flex;gap:10px;height:120px;margin-top:15px;padding:10px 0}.trend-item{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.trend-month{color:#6c757d;font-size:.75rem;margin-bottom:8px;text-orientation:mixed;writing-mode:vertical-rl}.trend-bar{background:#e9ecef;flex:1 1;min-height:20px;position:relative;width:100%}.trend-bar,.trend-fill{border-radius:4px 4px 0 0}.trend-fill{background:linear-gradient(135deg,#007bff,#0056b3);bottom:0;left:0;position:absolute;right:0;transition:all .3s ease}.trend-value{color:#007bff;font-size:.75rem;font-weight:600;margin-top:5px}.chart-container h4{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:15px}.chart-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;margin-bottom:12px;padding:8px}.chart-label{color:#495057;font-size:.9rem;font-weight:500;min-width:120px}.chart-bar{background:#e9ecef;flex:1 1;height:20px;margin:0 15px;overflow:hidden}.chart-bar,.chart-fill{border-radius:10px;position:relative}.chart-fill{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;transition:width .8s ease}.chart-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.chart-value{color:#007bff;font-size:.9rem;font-weight:600;min-width:30px;text-align:center}@media (max-width:768px){.storage-details{grid-template-columns:1fr}.activity-item{align-items:flex-start;flex-direction:column;gap:8px}.activity-icon{margin-bottom:8px;margin-right:0}.trend-chart{gap:5px;height:100px}.trend-month{font-size:.7rem;text-orientation:mixed;writing-mode:horizontal-tb}.chart-item{align-items:flex-start;flex-direction:column;gap:8px}.chart-label{min-width:auto;width:100%}.chart-bar{margin:0;width:100%}}.dictation-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem auto;max-width:900px;padding:2rem}.dictation-header{border-bottom:2px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.dictation-header h2{color:indigo;font-size:2rem;font-weight:700;margin:0 0 1rem}.dictation-subtitle{color:#666;font-size:1.1rem;line-height:1.6;margin:0}.dictation-subtitle strong{color:indigo;font-weight:600}.dictation-content{display:flex;flex-direction:column;gap:1.5rem}.dictation-textarea-section{display:flex;flex-direction:column;gap:.75rem}.dictation-label{color:#333;font-size:1rem;font-weight:600}.dictation-textarea{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;min-height:150px;padding:1rem;resize:vertical;transition:border-color .2s;width:100%}.dictation-textarea:focus{border-color:indigo;box-shadow:0 0 0 3px #4b00821a;outline:none}.dictation-textarea::placeholder{color:#999}.word-count-display{align-items:center;display:flex;justify-content:flex-end}.word-count-ok{color:#10b981;font-size:.95rem;font-weight:600}.word-count-error{color:#ef4444;font-size:.95rem;font-weight:600}.language-selector-section{display:flex;flex-direction:column;gap:.75rem}.language-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.language-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.language-btn:hover:not(:disabled){background:#f9fafb;border-color:indigo;transform:translateY(-1px)}.language-btn.active{background:indigo;border-color:indigo;color:#fff}.language-btn:disabled{cursor:not-allowed;opacity:.6}.language-flag{font-size:1.2rem}.language-name{flex:1 1;text-align:left}.generate-btn{background:indigo;font-size:1.1rem;padding:1rem 2rem;transition:all .2s}.generate-btn:hover:not(:disabled){background:#5a0099;box-shadow:0 4px 12px #4b00824d;transform:translateY(-2px)}.generate-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.dictation-error{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-size:.95rem;padding:1rem}.audio-preview-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.audio-preview-section h3{color:indigo;font-size:1.3rem;margin:0 0 1rem}.audio-player{width:100%}.audio-info,.audio-player{border-radius:6px;margin:1rem 0}.audio-info{background:#fff;padding:1rem}.audio-info p{color:#333;font-size:.95rem;margin:.5rem 0}.audio-info strong{color:indigo}.audio-actions{display:flex;gap:1rem;margin-top:1rem}.download-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .2s}.download-btn{background:#10b981}.download-btn:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.save-btn{background:indigo}.save-btn:hover{background:#5a0099;box-shadow:0 4px 8px #4b00824d;transform:translateY(-1px)}.dictation-restricted{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem auto;max-width:600px;padding:2rem;text-align:center}.dictation-restricted h3{color:indigo;font-size:1.5rem;margin:0 0 1rem}.dictation-restricted p{color:#666;line-height:1.6;margin:.5rem 0}@media (max-width:768px){.dictation-container{padding:1.5rem}.dictation-header h2{font-size:1.5rem}.dictation-subtitle{font-size:1rem}.language-buttons{grid-template-columns:1fr}.audio-actions{flex-direction:column}.download-btn,.save-btn{width:100%}}.admin-messages{display:inline-block;position:fixed;right:20px;top:80px;z-index:1000}@media (max-width:768px){.admin-messages{top:100px}}.messages-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 10px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-width:120px;padding:10px 15px;transition:all .3s ease}.messages-toggle:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.unread-badge{animation:pulse 2s infinite;background:#ff4757;border-radius:50%;font-size:12px;font-weight:700;height:20px;width:20px}.messages-panel{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;margin-top:10px;max-height:500px;max-width:min(400px,calc(100vw - 20px));overflow:hidden;position:absolute;right:0;top:100%;transform:translateX(0);width:400px;z-index:1001}.messages-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px 20px}.messages-header h3{color:#2c3e50;font-size:1.1rem;margin:0}.close-messages{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:20px;padding:5px;transition:background-color .2s}.close-messages:hover{background-color:#e9ecef}.messages-list{max-height:400px;overflow-y:auto;padding:10px}.no-messages{color:#6c757d;padding:40px 20px}.message-item{margin-bottom:10px;transition:all .2s ease}.message-item.unread{background:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 8px #2196f31a}.message-item:hover{box-shadow:0 2px 8px #0000001a}.message-meta{display:flex;flex-direction:column;gap:2px}.message-from{color:#2c3e50;font-size:.9rem;font-weight:600}.message-date{font-size:.8rem}.message-actions{gap:5px}.delete-btn,.mark-read-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:5px;transition:background-color .2s}.mark-read-btn:hover{background-color:#28a745;color:#fff}.delete-btn:hover{background-color:#dc3545;color:#fff}.message-subject{font-size:1rem;margin-bottom:8px}.message-content{font-size:.9rem}@media (min-width:1200px){.admin-messages{right:30px}.messages-panel{right:0;width:450px}}@media (max-width:1199px) and (min-width:769px){.admin-messages{right:20px}.messages-panel{right:0;width:400px}}@media (max-width:768px){.admin-messages{right:15px}.messages-panel{left:50%;position:fixed;right:50%;top:50%;transform:translateX(-50%);transform:translate(-50%,-50%);width:calc(100vw - 20px)}.message-header{align-items:flex-start;flex-direction:column;gap:10px}.message-actions{align-self:flex-end}}@media (max-width:480px){.admin-messages{right:10px}.messages-panel{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 16px)}}.payment-settings-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:900px;padding:20px}.payment-settings-header{margin-bottom:30px;text-align:center}.payment-settings-header h2{color:#2c3e50;font-size:2rem;margin-bottom:10px}.payment-settings-header p{color:#6c757d;font-size:1.1rem}.payment-flow-info{background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;margin-top:15px;padding:15px;text-align:left}.payment-flow-info p{color:#1976d2;font-weight:600;margin:0 0 10px}.payment-flow-info ol{color:#424242;margin:0;padding-left:20px}.payment-flow-info li{line-height:1.4;margin-bottom:5px}.payment-tabs{border-bottom:2px solid #e9ecef;display:flex;margin-bottom:30px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:15px 20px;transition:all .3s ease}.tab-button:hover{background:#f8f9fa;color:#495057}.tab-button.active{background:#f8f9fa;border-bottom-color:#007bff;color:#007bff}.payment-tab-content{min-height:400px}.section-description{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;color:#6c757d;font-size:1rem;margin-bottom:25px;padding:15px}.verified-badge{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;padding:12px 20px}.message,.verified-badge{font-weight:600;margin-bottom:20px}.message{border-radius:8px;padding:15px 20px;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.payment-methods{gap:20px;margin-bottom:30px}.payment-method-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:25px;transition:all .3s ease}.payment-method-card:hover{box-shadow:0 6px 20px #00000026}.method-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.method-info h3{color:#2c3e50;font-size:1.3rem;margin:0 0 5px}.method-info p{color:#6c757d;font-size:.95rem;margin:0}.toggle-switch{display:inline-block;height:30px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;width:22px}input:checked+.slider{background-color:#28a745}input:checked+.slider:before{transform:translateX(30px)}.method-details{border-top:1px solid #e9ecef;padding-top:20px}.form-group label{font-size:1rem}.form-group input,.form-group select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group input.invalid{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.error-text{color:#dc3545}.error-text,.success-text{display:block;font-size:.85rem;margin-top:5px}.success-text{color:#155724;font-weight:600}.payment-settings-footer{border-top:2px solid #e9ecef;padding-top:20px;text-align:center}.save-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;font-size:1.1rem;margin-bottom:20px;padding:15px 40px;transition:all .3s ease}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #28a74566}.save-btn:disabled{opacity:.6}.save-btn:disabled:not(.redirecting){background:#6c757d}.save-btn.redirecting{animation:pulse-success 1.5s infinite;background:linear-gradient(135deg,#28a745,#20c997)}@keyframes pulse-success{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.privacy-note{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.payment-settings{padding:15px}.method-header{align-items:flex-start;flex-direction:column;gap:15px}.toggle-switch{align-self:flex-end}.payment-method-card{padding:20px}.save-btn{padding:15px 20px;width:100%}}.profile-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal{animation:slideInUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.profile-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.profile-modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.profile-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.profile-modal-close:hover{background:#fff3}.profile-modal-content{padding:24px}.profile-message{border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px 16px}.profile-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.profile-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.profile-section{margin-bottom:32px}.profile-section h3{border-bottom:2px solid #f8f9fa;color:#333;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.profile-picture-section{align-items:center;display:flex;gap:20px}.profile-picture-preview{align-items:center;background:#f8f9fa;border:3px solid #e9ecef;border-radius:50%;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.profile-picture-placeholder{color:#6c757d;font-size:48px}.profile-picture-actions{display:flex;flex-direction:column;gap:12px}.profile-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-group textarea{min-height:100px}.subjects-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.subject-checkbox{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s}.subject-checkbox:hover{background:#e9ecef;border-color:#dee2e6}.subject-checkbox input[type=checkbox]{margin:0;width:auto}.subject-checkbox input[type=checkbox]:checked+span{color:#667eea;font-weight:600}.subject-checkbox:has(input[type=checkbox]:checked){background:#e3f2fd;border-color:#667eea}.profile-modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-danger{background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333}@media (max-width:768px){.profile-modal{margin:10px;max-height:95vh}.profile-modal-header{padding:16px 20px}.profile-modal-content{padding:20px}.profile-form-grid{grid-template-columns:1fr}.profile-picture-section{flex-direction:column;text-align:center}.subjects-grid{grid-template-columns:1fr}.profile-modal-footer{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.profile-modal-overlay{padding:10px}.profile-modal{margin:0}}.profile-settings{margin:0 auto;max-width:1000px;padding:20px}.profile-header{margin-bottom:40px;text-align:center}.profile-header h2{color:#333;font-size:2rem;font-weight:700;margin:0 0 8px}.profile-header p{color:#666;font-size:1.1rem;margin:0}.profile-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.profile-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:20px;padding:30px}.profile-avatar{border:4px solid #ffffff4d;border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{align-items:center;background:#fff3;display:flex;font-size:32px;height:100%;justify-content:center;width:100%}.profile-info{flex:1 1}.profile-info h3{font-size:1.5rem;font-weight:600;margin:0 0 8px}.profile-email{font-size:1rem;margin:0 0 4px;opacity:.9}.profile-location{font-size:.9rem;margin:0;opacity:.8}.btn-primary{background:#fff3;border:1px solid #ffffff4d}.btn-primary:hover{background:#ffffff4d}.profile-details{padding:30px}.profile-section{margin-bottom:30px}.profile-section:last-child{margin-bottom:0}.profile-section h4{border-bottom:2px solid #f8f9fa;color:#333;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.profile-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.profile-detail-item{display:flex;flex-direction:column;gap:6px}.profile-detail-item label{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.profile-detail-item span{color:#333;font-size:1rem}.subjects-list{display:flex;flex-wrap:wrap;gap:8px}.subject-tag{background:#e3f2fd;border-radius:16px;color:#1976d2;font-size:.8rem;font-weight:500;padding:4px 12px}.no-data{color:#999;font-style:italic}.profile-bio{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#555;line-height:1.6;margin:0;padding:16px}.profile-stats{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;height:-webkit-fit-content;height:fit-content;padding:30px}.profile-stats h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 20px;text-align:center}.stats-grid{display:flex;flex-direction:column;gap:20px}.stat-item{background:#f8f9fa;border:2px solid #0000;border-radius:8px;padding:20px;text-align:center;transition:all .2s}.stat-item:hover{background:#f0f4ff;border-color:#667eea}.stat-number{color:#667eea;margin-bottom:8px}.stat-label{color:#666;font-size:.9rem}.loading-spinner{color:#666;font-size:1.1rem;padding:40px}@media (max-width:768px){.profile-settings{padding:15px}.profile-content{gap:20px;grid-template-columns:1fr}.profile-card-header{flex-direction:column;gap:15px;text-align:center}.profile-detail-grid{grid-template-columns:1fr}.profile-header h2{font-size:1.5rem}.profile-header p{font-size:1rem}}@media (max-width:480px){.profile-settings{padding:10px}.profile-card-header,.profile-details,.profile-stats{padding:20px}.profile-avatar{height:60px;width:60px}.profile-avatar-placeholder{font-size:24px}}.animated-banner{align-items:center;background:#1a1a1a;background:var(--banner-bg,#1a1a1a);border-bottom:3px solid #ff6b35;border-bottom:3px solid var(--banner-accent,#ff6b35);box-shadow:0 4px 20px #0000004d;color:#fff;color:var(--banner-text,#fff);display:flex!important;height:auto;min-height:60px;opacity:1!important;overflow:hidden;position:relative;visibility:visible!important;width:100%;z-index:100}.scroll-animation .banner-text-container{align-items:center;animation:scrollRightToLeft 30s linear infinite;animation:scrollRightToLeft var(--banner-speed,30s) linear infinite;display:flex;white-space:nowrap}.scroll-animation .banner-text{align-items:center;display:inline-flex;font-weight:900;gap:40px;letter-spacing:2px;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.bounce-animation .banner-text-container{animation:bounceText 2s ease-in-out infinite;text-align:center;width:100%}@keyframes bounceText{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glow-animation .banner-text{animation:glowText 3s ease-in-out infinite alternate;text-align:center;width:100%}@keyframes glowText{0%{text-shadow:0 0 5px var(--banner-accent),0 0 10px var(--banner-accent),0 0 15px var(--banner-accent)}to{text-shadow:0 0 10px var(--banner-accent),0 0 20px var(--banner-accent),0 0 30px var(--banner-accent)}}.pulse-animation .banner-text{animation:pulseText 2s ease-in-out infinite;text-align:center;width:100%}@keyframes pulseText{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.banner-text-small{font-size:16px}.banner-text-medium{font-size:20px}.banner-text-large{font-size:24px}.banner-text-xlarge{font-size:28px}.banner-content{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 20px;position:relative;width:100%;z-index:2}.banner-text-container{flex:1 1;min-width:100%;overflow:visible;position:relative}.banner-title{letter-spacing:3px;margin-bottom:4px}.banner-button{font-size:14px;padding:12px 24px}.banner-decoration{font-size:20px}.banner-decoration.top-left{left:20px;top:10px}.banner-decoration.top-right{right:20px;top:10px}.banner-decoration.bottom-left{bottom:10px;left:20px}.banner-decoration.bottom-right{bottom:10px;right:20px}.banner-decoration.center-left{animation-delay:2s;left:10px;top:50%;transform:translateY(-50%)}.banner-decoration.center-right{animation-delay:2.5s;right:10px;top:50%;transform:translateY(-50%)}.banner-pattern{bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0;z-index:1}.pattern-line{animation:patternMove 4s linear infinite;background:var(--banner-accent);height:2px;position:absolute}.pattern-line:first-child{animation-delay:0s;left:0;top:20%;width:30%}.pattern-line:nth-child(2){animation-delay:1s;right:0;top:40%;width:40%}.pattern-line:nth-child(3){animation-delay:2s;left:0;top:60%;width:50%}.pattern-line:nth-child(4){animation-delay:3s;right:0;top:80%;width:35%}@keyframes patternMove{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.banner-border{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.border-bottom,.border-left,.border-right,.border-top{background:var(--banner-accent);position:absolute}.border-top{animation:borderGlow 2s ease-in-out infinite;height:3px;left:0;right:0;top:0}.border-right{animation:borderGlow 2s ease-in-out .5s infinite;bottom:0;right:0;top:0;width:3px}.border-bottom{animation:borderGlow 2s ease-in-out 1s infinite;bottom:0;height:3px;left:0;right:0}.border-left{animation:borderGlow 2s ease-in-out 1.5s infinite;bottom:0;left:0;top:0;width:3px}@keyframes borderGlow{0%,to{box-shadow:0 0 5px var(--banner-accent);opacity:1}50%{box-shadow:0 0 15px var(--banner-accent);opacity:.7}}.banner-close{font-size:18px;height:30px;right:10px;top:10px;width:30px}@media (max-width:768px){.animated-banner{height:auto;min-height:50px;padding:8px 0}.banner-content{padding:0 10px}.banner-content,.banner-text-container{overflow:visible}.scroll-animation .banner-text-container{animation-duration:24s;animation-duration:calc(var(--banner-speed, 30s)*.8)}.banner-text{gap:20px;overflow:visible;white-space:nowrap}.banner-text-large{font-size:14px}.banner-text-xlarge{font-size:16px}.banner-text-medium{font-size:14px}.banner-title{display:inline;font-size:.9em;letter-spacing:.5px;margin-right:10px}.banner-description{display:inline;font-size:.65em;margin:0 10px}.banner-button{flex-shrink:0;font-size:10px;padding:6px 14px}.banner-button-container{flex-shrink:0;margin-left:10px;margin-right:30px}.banner-decoration{font-size:14px}}@media (max-width:480px){.animated-banner{height:auto;min-height:45px;padding:6px 0}.banner-content{padding:0 8px}.banner-text{gap:15px}.banner-text-large{font-size:12px}.banner-text-xlarge{font-size:14px}.banner-text-medium{font-size:12px}.banner-text-small{font-size:11px}.banner-title{font-size:.85em;letter-spacing:.3px;margin-right:8px}.banner-description{font-size:.6em;margin:0 8px}.banner-button{font-size:9px;padding:5px 10px}.banner-button-container{margin-left:8px;margin-right:25px}.banner-decoration{display:none}.banner-close{font-size:12px;height:22px;right:4px;top:4px;width:22px}}@media (prefers-contrast:high){.animated-banner{border:2px solid var(--banner-text)}.banner-text{text-shadow:2px 2px 0 #000}}@media (prefers-reduced-motion:reduce){.banner-decoration,.border-bottom,.border-left,.border-right,.border-top,.bounce-animation .banner-text-container,.glow-animation .banner-text,.pattern-line,.pulse-animation .banner-text,.scroll-animation .banner-text-container{animation:none}.banner-button:hover{transform:none}}.promo-banner-display{align-items:center;background:#1a1a1a;background:var(--banner-bg,#1a1a1a);border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--banner-accent,#ff6b35);box-shadow:0 2px 10px #0003;color:#fff;color:var(--banner-text,#fff);height:auto;min-height:60px;overflow:hidden;position:relative;width:100%;z-index:100}.scroll-right-to-left .banner-text-container{align-items:center;animation:scrollRightToLeft 30s linear infinite;animation:scrollRightToLeft var(--banner-speed,30s) linear infinite;display:flex;flex:1 1;min-width:100%;overflow:visible;white-space:nowrap}.scroll-right-to-left .banner-text{align-items:center;display:inline-flex;flex-shrink:0;font-weight:700;gap:40px;letter-spacing:2px;overflow:visible;padding:0 20px;text-shadow:2px 2px 4px #00000080;text-transform:uppercase;white-space:nowrap}@keyframes scrollRightToLeft{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.banner-text-small{font-size:14px}.banner-text-medium{font-size:18px}.banner-text-large{font-size:22px}.banner-text-xlarge{font-size:26px}.banner-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--banner-text),var(--banner-accent));background-clip:text;-webkit-background-clip:text;display:block;font-weight:900;letter-spacing:2px;margin-right:20px;text-shadow:2px 2px 4px #000000b3;text-transform:uppercase}.banner-description{color:var(--banner-accent);display:block;font-size:.7em;font-weight:600;letter-spacing:1px;opacity:.9;text-shadow:1px 1px 2px #00000080;text-transform:uppercase}.banner-button-container{align-items:center;display:flex;flex-shrink:0;margin-left:20px;margin-right:50px;z-index:2}.banner-button{align-items:center;background:linear-gradient(45deg,var(--banner-accent),#ff8c42);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b3566;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:1px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .3s ease}.banner-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.banner-button:hover:before{left:100%}.banner-button:hover{background:linear-gradient(45deg,#ff8c42,var(--banner-accent));box-shadow:0 6px 20px #ff6b3599;transform:translateY(-2px)}.button-arrow,.button-text{position:relative;z-index:1}.button-arrow{transition:transform .3s ease}.banner-button:hover .button-arrow{transform:translateX(4px)}.banner-decoration{animation:float 3s ease-in-out infinite;font-size:18px;pointer-events:none;position:absolute;z-index:1}.banner-decoration.top-left{animation-delay:0s;left:15px;top:8px}.banner-decoration.top-right{animation-delay:.5s;right:15px;top:8px}.banner-decoration.bottom-left{animation-delay:1s;bottom:8px;left:15px}.banner-decoration.bottom-right{animation-delay:1.5s;bottom:8px;right:15px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.banner-close{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:28px;z-index:10}.banner-close:hover{background:#ff0000b3;transform:scale(1.1)}@media (max-width:768px){.promo-banner-display{height:auto;min-height:50px;padding:8px 0}.scroll-right-to-left .banner-text-container{animation-duration:24s;animation-duration:calc(var(--banner-speed, 30s)*.8)}.scroll-right-to-left .banner-text{gap:20px;overflow:visible;padding:0 15px;white-space:nowrap}.banner-text-large{font-size:14px}.banner-text-xlarge{font-size:16px}.banner-title{font-size:.9em;letter-spacing:.5px;margin-right:10px}.banner-description{display:inline;font-size:.65em;margin:0 10px}.banner-button{flex-shrink:0;font-size:10px;margin-left:10px;margin-right:30px;padding:6px 14px}.banner-decoration{font-size:12px}.banner-close{font-size:14px;height:24px;right:4px;top:4px;width:24px}}@media (max-width:480px){.promo-banner-display{height:auto;min-height:45px;padding:6px 0}.scroll-right-to-left .banner-text{gap:15px;padding:0 10px}.banner-text-large{font-size:12px}.banner-text-xlarge{font-size:14px}.banner-text-medium{font-size:12px}.banner-title{font-size:.85em;letter-spacing:.3px;margin-right:8px}.banner-description{font-size:.6em;margin:0 8px}.banner-button{font-size:9px;margin-left:8px;margin-right:25px;padding:5px 10px}.banner-decoration{display:none}.banner-close{font-size:12px;height:22px;width:22px}}.promo-banner-display{display:flex!important;opacity:1!important;visibility:visible!important}@media (prefers-reduced-motion:reduce){.banner-decoration,.scroll-right-to-left .banner-text-container{animation:none}.banner-button:hover{transform:none}}.teacher-refer-earn{max-width:100%;overflow-x:auto;padding:2rem}.teacher-refer-earn-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.teacher-refer-earn-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.refresh-sync-indicator{align-items:center;background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#6b7280;display:flex;font-size:.875rem;gap:8px;max-width:300px;padding:12px 16px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:10000}.refresh-sync-indicator.has-changes{background:#fef3c7;border-color:#fbbf24;color:#92400e}.sync-status{align-items:center;display:flex;gap:8px}.sync-spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.sync-changes{align-items:center;display:flex;gap:8px;width:100%}.sync-icon{animation:pulse 2s ease-in-out infinite;font-size:1rem}.apply-changes-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;margin-left:auto;padding:4px 12px;transition:background .2s}.apply-changes-btn:hover{background:#2563eb}.dismiss-changes-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:20px;justify-content:center;padding:0;transition:background .2s;width:20px}.dismiss-changes-btn:hover{background:#0000001a}@media (max-width:768px){.refresh-sync-indicator{left:10px;max-width:none;right:10px;top:10px}.sync-changes{flex-wrap:wrap}.apply-changes-btn{margin-left:0}}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.13.24"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.myhub-container{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100vw}.myhub-header{background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 2px 8px #0000001a;color:#fff;margin:0;padding:20px 30px;text-align:center;width:100%}.myhub-header h1{font-size:2rem;font-weight:700;margin:0 0 5px}.myhub-header p{font-size:1.1rem;margin:0;opacity:.9}.myhub-sidebar{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a;margin:0;overflow-x:auto;overflow-y:hidden;width:100%}.myhub-sidebar::-webkit-scrollbar{height:6px}.myhub-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.myhub-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.myhub-sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sidebar-nav{display:flex;list-style:none;margin:0;min-width:-webkit-max-content;min-width:max-content;padding:0}.sidebar-nav button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;gap:5px;min-width:140px;padding:15px 25px;text-align:center;transition:all .3s ease;white-space:nowrap}.sidebar-nav button:hover{background:#f8f9fa;border-bottom-color:#007bff}.sidebar-nav button.active{background:#e3f2fd;border-bottom-color:#007bff;color:#007bff;font-weight:600}.payment-required-indicator{animation:pulse 2s infinite;font-size:.9rem;margin-left:8px}.myhub-main{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:0;width:100%}.section-content{margin:0;max-width:none;min-height:calc(100vh - 140px);padding:30px;width:100%}.subscription-status-bar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:15px 25px}.subscription-info{align-items:center;flex-wrap:wrap;font-weight:600;gap:20px}.current-plan{font-size:1.1rem;letter-spacing:.5px;text-transform:uppercase}.usage-stats{border-radius:20px;font-size:1rem;padding:8px 16px}.subscription-btn,.usage-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.subscription-btn{border:2px solid #ffffff4d;border-radius:25px;font-size:.9rem;padding:10px 20px}.subscription-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 6px 20px #0003}.scheme-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.feature-restricted,.history-section,.notes-section,.payment-settings-container,.scheme-form,.templates-section{max-width:none;width:100%}.header-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #3498db1a}.upload-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:none;padding:30px;width:100%}.monetize-header{color:#2c3e50;margin-bottom:30px;text-align:center}.money-icon{font-size:2rem;margin-right:10px}.upload-form .form-group{margin-bottom:25px}.upload-form .form-group label{color:#2c3e50;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.upload-form .form-group input,.upload-form .form-group select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.upload-form .form-group input:focus,.upload-form .form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.upload-form input[type=file]{background:#f8f9fa;border:2px dashed #3498db;border-radius:8px;cursor:pointer;padding:10px;transition:all .3s ease}.upload-form input[type=file]:hover{background:#e3f2fd;border-color:#2980b9}.file-info{background:#e8f5e8;border-left:4px solid #28a745;color:#155724}.pricing-options{margin-top:15px}.price-toggle{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:15px}.toggle-slider{background:#ccc;border-radius:24px;height:24px;position:relative;transition:background .3s ease;width:50px}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.price-toggle input[type=checkbox]{display:none}.price-toggle input[type=checkbox]:checked+.toggle-slider{background:#28a745}.price-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-label{color:#2c3e50;font-weight:600}.price-input-group{margin-top:15px}.currency{color:#2c3e50;font-size:1.1rem}.price-input{border:2px solid #e9ecef;border-radius:8px;max-width:200px;padding:12px 15px;text-align:center}.price-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.price-suggestions{gap:8px}.price-suggestions button{border:1px solid #3498db;border-radius:6px;color:#3498db;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.price-suggestions button:hover{background:#3498db}.payment-status{border-radius:6px;font-size:.9rem;margin-top:10px;padding:10px}.payment-status-ok{background:#d4edda;border-radius:6px;color:#155724;display:inline-block;font-weight:600;padding:8px 12px}.payment-status-warning{align-items:center;background:#fff3cd;border-radius:6px;color:#856404;display:inline-flex;font-weight:500;gap:8px;padding:8px 12px}.setup-payment-btn{background:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 8px;transition:all .3s ease}.setup-payment-btn:hover{background:#e0a800;transform:translateY(-1px)}.upload-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:15px 30px;transition:all .3s ease;width:100%}.upload-btn:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.upload-btn:active{transform:translateY(0)}.generate-link-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:15px 30px;transition:all .3s ease;width:100%}.generate-link-btn:hover{box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.generate-link-btn:active{transform:translateY(0)}.share-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;margin-top:30px;padding:25px}.share-section h3{color:#2c3e50;font-size:1.3rem;margin-bottom:20px;text-align:center}.share-link{display:flex;gap:10px;margin-bottom:20px}.share-link input{background:#fff;border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-size:.9rem;padding:12px 15px}.share-link button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background .3s ease}.share-link button:hover{background:#5a6268}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);font-size:1.1rem;padding:15px 30px}.whatsapp-btn:active{transform:translateY(0)}.notes-editor{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:30px}.notes-textarea{min-height:300px;resize:vertical;width:100%}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.template-card{border-radius:10px;cursor:pointer}.template-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.template-card.selected{background:#e3f2fd;border-color:#3498db}.files-list{grid-gap:15px;display:grid;gap:15px}.file-item{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:20px}.file-actions{display:flex;gap:10px;margin-top:15px}.file-actions button{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:8px 15px}@media (min-width:769px){.myhub-container{margin:0;min-height:100vh;padding:0;width:100vw}.myhub-main{margin:0;padding:0;width:100%}.section-content{margin:0;max-width:none;padding:40px 50px;width:100%}.sidebar-nav button{min-width:140px;padding:15px 25px}.feature-restricted,.history-section,.notes-section,.payment-settings-container,.scheme-form,.templates-section,.upload-form{margin-left:0;margin-right:0;max-width:none;width:100%}}@media (min-width:769px) and (max-width:1024px){.sidebar-nav button{font-size:.9rem;min-width:120px;padding:12px 20px}.section-content{padding:30px 40px}}@media (max-width:768px){.myhub-container{min-height:100vh;width:100%}.myhub-header{padding:15px 20px}.myhub-header h1{font-size:1.5rem}.myhub-header p{font-size:1rem}.sidebar-nav{padding:0 10px}.sidebar-nav button{flex-direction:row;font-size:.85rem;gap:8px;min-width:100px;padding:10px 15px}.section-content{min-height:calc(100vh - 120px);padding:20px 15px;width:100%}.subscription-status-bar{align-items:stretch;flex-direction:column;padding:15px 20px;text-align:center}.subscription-info{justify-content:center;margin-bottom:10px}.subscription-btn{align-self:center;width:-webkit-fit-content;width:fit-content}.header-grid,.templates-grid{grid-template-columns:1fr}}@media (max-width:480px){.sidebar-nav button{font-size:.8rem;min-width:80px;padding:8px 12px}.sidebar-nav button span{display:none}.section-content{padding:15px 10px}.file-actions{flex-direction:column}.upload-form{padding:20px}.price-input-group{align-items:stretch;flex-direction:column}.price-suggestions{justify-content:center}.share-link{flex-direction:column}.share-link button{margin-top:10px}}.subscription-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:block!important;font-size:14px;font-weight:600;margin-top:10px;opacity:1!important;padding:12px 16px;transition:all .3s ease;visibility:visible!important;width:100%}.subscription-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.subscription-btn:active{transform:translateY(0)}.subscription-status{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:15px}.current-plan{color:#2c3e50;font-size:1rem;margin-bottom:8px;text-align:center}.usage-stats{color:#6c757d;font-size:.9rem}.lesson-usage{color:#007bff;font-weight:600;text-align:center}.feature-restricted{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:60px 20px;text-align:center}.feature-restricted h2{color:#6c757d;font-size:1.5rem;margin-bottom:15px}.feature-restricted p{color:#6c757d;font-size:1.1rem;line-height:1.5;margin-bottom:25px}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.upgrade-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.upgrade-btn:active{transform:translateY(0)}.template-details{display:flex;flex-direction:column;gap:5px;margin:10px 0}.template-details small{color:#6c757d;font-size:.8rem}.use-template-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px 16px;transition:background-color .2s}.use-template-btn:hover{background:#218838}.no-templates{color:#6c757d;font-style:italic;padding:40px 20px}.scheme-templates-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.scheme-templates-section h3{color:#2c3e50;font-size:1.1rem;margin-bottom:15px}.scheme-templates-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:15px}.scheme-template-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.scheme-template-item h4{color:#2c3e50;font-size:1rem;margin:0 0 10px}.scheme-template-item p{color:#6c757d;font-size:.9rem;margin:5px 0}.use-scheme-template-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px 16px;transition:background-color .2s}.use-scheme-template-btn:hover{background:#0056b3}.template-status{background:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#1976d2;font-size:.8rem;margin:5px 0;padding:4px 8px;text-align:center}.template-status:contains("Active"){background:#e8f5e8;border-color:#c8e6c9;color:#2e7d32}.template-status:contains("Inactive"){background:#fff3e0;border-color:#ffcc02;color:#f57c00}.link-modal{max-width:500px}.file-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.file-info h4{color:#2c3e50;font-size:1.2rem;margin:0 0 10px}.file-info p{color:#6c757d;font-size:.9rem;margin:5px 0}.price-section{margin-bottom:20px}.price-section label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.price-input-group{align-items:center;display:flex;gap:10px;margin-bottom:10px}.currency{background:#e9ecef;border:1px solid #ced4da;border-radius:5px 0 0 5px;padding:10px 12px}.price-input{border:1px solid #ced4da;border-radius:0 5px 5px 0;flex:1 1;font-size:1rem;padding:10px}.price-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.price-suggestions{display:flex;flex-wrap:wrap;gap:5px}.price-suggestions button{background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:.8rem;padding:5px 10px;transition:all .2s}.price-suggestions button:hover{background:#007bff;border-color:#007bff;color:#fff}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.generate-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.link-section{margin-top:20px}.link-section h4{color:#28a745;text-align:center}.link-container,.link-section h4{margin-bottom:15px}.link-input{background:#f8f9fa;border:1px solid #ced4da;border-radius:5px;flex:1 1;font-size:.9rem;padding:10px}.copy-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.copy-btn:hover{background:#218838}.whatsapp-btn{border:none;border-radius:8px;box-shadow:0 4px 15px #25d3664d;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.whatsapp-btn:hover{box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.files-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.no-files{color:#6c757d;font-size:1.1rem;grid-column:1/-1;padding:40px 20px;text-align:center}:root{--primary:#6366f1;--primary-light:#818cf8;--secondary:#ec4899;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#1e293b;--light:#f8fafc;--card-bg:#fff;--card-shadow:0 4px 20px #00000014;--card-shadow-hover:0 12px 40px #00000026;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}.file-card{background:#fff;background:var(--card-bg);border:1px solid #0000000d;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;min-height:160px;overflow:hidden;padding:18px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}.file-card:before{background:linear-gradient(90deg,#6366f1,#ec4899);background:linear-gradient(90deg,var(--primary),var(--secondary));content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.file-card:hover:before{transform:scaleX(1)}.file-card:hover{border-color:#6366f11a;box-shadow:0 12px 40px #00000026;box-shadow:var(--card-shadow-hover);transform:translateY(-5px)}.file-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.file-icon-container{align-items:center;display:flex;gap:10px}.file-icon{align-items:center;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:1.3rem;height:44px;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--transition);width:44px}.file-card:hover .file-icon{transform:scale(1.1)}.file-icon.doc{background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--primary),var(--primary-light))}.file-icon.pdf{background:linear-gradient(135deg,#ef4444,#f97316)}.file-icon.img{background:linear-gradient(135deg,#ec4899,#d946ef);background:linear-gradient(135deg,var(--secondary),#d946ef)}.file-icon.code{background:linear-gradient(135deg,#f59e0b,#eab308);background:linear-gradient(135deg,var(--warning),#eab308)}.file-icon.vid{background:linear-gradient(135deg,#10b981,#22c55e);background:linear-gradient(135deg,var(--success),#22c55e)}.file-icon.zip{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.file-icon.xls{background:linear-gradient(135deg,#10b981,#34d399)}.file-info{min-width:0}.file-type-badge{background:#6366f114;border:1px solid #6366f133;border-radius:16px;color:#6366f1;color:var(--primary);font-size:.7rem;font-weight:600;padding:4px 10px;white-space:nowrap}.file-card-body{flex:1 1;margin-bottom:16px}.file-title{color:#1e293b;color:var(--dark);font-size:.95rem;font-weight:700;line-height:1.3;margin:0 0 6px}.file-subject,.file-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.file-subject{color:#64748b;font-size:.8rem;line-height:1.4;margin:0 0 4px}.file-meta{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-top:12px}.file-date,.file-size{color:#94a3b8}.file-date,.file-size,.template-status{align-items:center;display:flex;gap:4px}.template-status{font-size:.75rem;font-weight:600;margin-top:8px}.template-note-info{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;margin-top:10px;padding:8px}.template-note-info p{color:#4b5563;font-size:.8rem;margin:3px 0}.template-source{color:#1f2937;font-weight:600}.template-type{color:#6b7280}.template-images{color:#059669;font-weight:500}.status-approved{color:#10b981;color:var(--success)}.status-pending{color:#f59e0b;color:var(--warning)}.status-review{color:#6366f1;color:var(--primary)}.status-revision{color:#ef4444;color:var(--danger)}.file-card-actions{border-top:1px solid #0000000f;justify-content:space-between;padding-top:12px}.action-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:5px;height:30px;justify-content:center;min-width:70px;padding:6px 12px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}.action-btn.primary{background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.action-btn.secondary{background:#6366f114;border:1px solid #6366f133;color:#6366f1;color:var(--primary)}.action-btn.danger{background:#ef444414;border:1px solid #ef444433;color:#ef4444;color:var(--danger)}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-btn.primary:hover{background:linear-gradient(135deg,#818cf8,#6366f1);background:linear-gradient(135deg,var(--primary-light),var(--primary))}.action-btn.secondary:hover{background:#6366f126}.action-btn.danger:hover{background:#ef444426}.file-card.deleting{opacity:.7;pointer-events:none;position:relative}.deleting-overlay{align-items:center;background:#ffffffe6;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.deleting-spinner{color:#dc3545;text-align:center}.spinner{border-top-color:#dc3545;margin:0 auto 10px}.deleting-spinner p{font-size:.9rem;font-weight:600;margin:0}.files-grid{grid-gap:16px;background:#fff;display:grid;gap:16px;grid-template-columns:repeat(8,1fr);padding:20px 0}@media (max-width:1920px){.files-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:1440px){.files-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.files-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.files-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.file-card{min-height:150px;padding:14px}.file-card-actions{gap:6px}.action-btn{font-size:.65rem;height:28px;min-width:60px;padding:5px 10px}.file-icon{font-size:1.1rem;height:40px;width:40px}}@media (max-width:480px){.files-grid{grid-template-columns:1fr}}.file-card{animation:fadeInUp .4s ease forwards;opacity:0}.file-card:first-child{animation-delay:.05s}.file-card:nth-child(2){animation-delay:.1s}.file-card:nth-child(3){animation-delay:.15s}.file-card:nth-child(4){animation-delay:.2s}.file-card:nth-child(5){animation-delay:.25s}.file-card:nth-child(6){animation-delay:.3s}.file-card:nth-child(7){animation-delay:.35s}.file-card:nth-child(8){animation-delay:.4s}.rich-text-editor{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.toolbar{background:#f8f9fa;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:8px;padding:12px 16px}.toolbar,.toolbar-group{align-items:center;display:flex}.toolbar-group{border-right:1px solid #d1d5db;gap:4px;padding:0 8px}.toolbar-group:last-child{border-right:none}.toolbar-btn{align-items:center;background:#fff;border:1px solid #0000;border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.toolbar-btn:hover{background:#e5e7eb;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.toolbar-btn:active{background:#d1d5db;transform:translateY(0)}.font-family-select,.font-size-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:13px;min-width:80px;padding:6px 8px}.font-family-select:hover,.font-size-select:hover{border-color:#9ca3af}.color-picker{background:#fff;border:1px solid #d1d5db;border-radius:4px;height:32px;padding:0;width:32px}.color-picker:hover{border-color:#9ca3af}.highlight-btn{background:#fef3c7;color:#92400e}.highlight-btn:hover{background:#fde68a;color:#78350f}.editor-content{background:#fff;border:1px solid #d1d5db;box-sizing:border-box;color:#374151;display:block!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.6;max-height:500px;min-height:300px;opacity:1!important;outline:none;overflow-y:auto;padding:16px;visibility:visible!important;width:100%}.editor-content:empty:before{color:#9ca3af;content:attr(placeholder);font-style:italic;pointer-events:none}.editor-content:focus{outline:none}.editor-content h1,.editor-content h2,.editor-content h3,.editor-content h4,.editor-content h5,.editor-content h6{color:#1f2937;font-weight:700;margin:16px 0 8px}.editor-content h1{font-size:24px}.editor-content h2{font-size:20px}.editor-content h3{font-size:18px}.editor-content h4{font-size:16px}.editor-content h5{font-size:14px}.editor-content h6{font-size:12px}.editor-content p{margin:8px 0}.editor-content ol,.editor-content ul{margin:8px 0;padding-left:24px}.editor-content li{margin:4px 0}.editor-content blockquote{background:#f8fafc;border-left:4px solid #3b82f6;color:#475569;font-style:italic;margin:16px 0;padding:12px 16px}.editor-content code{background:#f1f5f9;border-radius:3px;color:#e11d48;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.editor-content pre{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:12px 0;overflow-x:auto;padding:12px}.editor-content pre code{background:none;color:#374151;padding:0}@media (max-width:768px){.toolbar{gap:6px;padding:8px 12px}.toolbar-group{gap:2px;padding:0 4px}.toolbar-btn{font-size:12px;height:28px;width:28px}.font-family-select,.font-size-select{font-size:12px;min-width:60px;padding:4px 6px}.color-picker{height:28px;width:28px}.editor-content{min-height:250px;padding:12px}}@media (max-width:480px){.toolbar{align-items:stretch;flex-direction:column;gap:8px}.toolbar-group{border-bottom:1px solid #e5e7eb;border-right:none;justify-content:center;padding:8px 0}.toolbar-group:last-child{border-bottom:none}}.notes-actions{flex-wrap:wrap;gap:12px;margin-top:20px;padding:20px 0}.notes-actions,.save-note-btn{display:flex;justify-content:center}.save-note-btn{align-items:center;background:#10b981;border:2px solid #10b981;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;min-width:140px;padding:12px 24px;transition:all .3s ease}.save-note-btn:hover{background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.save-note-btn:active{transform:translateY(0)}@media (max-width:768px){.notes-actions{align-items:center;flex-direction:column;gap:10px}.save-note-btn{max-width:200px;width:100%}}@media (max-width:480px){.notes-actions{padding:15px 0}.save-note-btn{font-size:13px;min-width:auto;padding:10px 20px}}.pdf-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-height:95vh;max-width:95vw;overflow:hidden;width:1200px}.pdf-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px}.pdf-modal .modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.pdf-modal .modal-body{overflow:hidden;padding:0}.pdf-modal .modal-body,.pdf-viewer{display:flex;flex:1 1;flex-direction:column}.pdf-viewer{background:#f8f9fa;border-radius:8px;margin:20px;position:relative}.pdf-viewer iframe{background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:1 1}.pdf-actions{align-items:center;background:#f8f9fa;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:center;padding:15px 20px}.pdf-actions .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.pdf-actions .download-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pdf-actions .download-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.pdf-actions .action-btn:not(.download-btn){background:#6b7280;color:#fff}.pdf-actions .action-btn:not(.download-btn):hover{background:#4b5563;transform:translateY(-1px)}@media (max-width:768px){.pdf-modal{height:95vh;margin:10px;max-height:98vh;max-width:98vw;width:95vw}.pdf-modal .modal-header{padding:15px}.pdf-modal .modal-header h3{font-size:16px}.pdf-viewer{margin:10px}.pdf-actions{flex-direction:column;padding:10px 15px}.pdf-actions .action-btn{justify-content:center;width:100%}}.scheme-modal{max-height:95vh;max-width:95vw;width:1200px}.scheme-viewer{max-height:80vh;overflow-y:auto;padding:0}.scheme-preview-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.scheme-header{border-bottom:2px solid #333;margin-bottom:30px;padding-bottom:20px;text-align:center}.scheme-title{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:10px}.scheme-subtitle{color:#7f8c8d;font-size:16px;font-style:italic}.header-section{margin-bottom:30px}.header-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.header-item{display:flex;flex-direction:column}.header-item label{color:#2c3e50;font-size:14px;font-weight:700;margin-bottom:5px}.header-value{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:14px;min-height:20px;padding:8px 12px}.scheme-table-container{margin-bottom:20px;overflow-x:auto}.scheme-table{background:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0000001a;font-size:12px;margin:10px 0;width:100%}.scheme-table th{background-color:#34495e;border:1px solid #2c3e50;font-size:11px;font-weight:700;vertical-align:top;white-space:nowrap}.scheme-table td{border:1px solid #dee2e6;font-size:11px;line-height:1.4;min-width:80px;text-align:left;vertical-align:top}.scheme-table tbody tr:nth-child(2n){background-color:#f8f9fa}.scheme-table tbody tr:hover{background-color:#e9ecef}.scheme-actions{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:center;margin-top:20px;padding:20px}.scheme-actions .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.scheme-actions .download-btn{background:#28a745;color:#fff}.scheme-actions .download-btn:hover{background:#218838;transform:translateY(-1px)}.scheme-actions .action-btn:not(.download-btn){background:#6c757d;color:#fff}.scheme-actions .action-btn:not(.download-btn):hover{background:#5a6268;transform:translateY(-1px)}.swahili-text{color:#2c3e50;display:block;font-size:.9em;font-style:italic;font-weight:400;margin-top:3px;opacity:.8}.format-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-top:10px;padding:8px 16px}@media (max-width:768px){.scheme-modal{max-width:98vw;width:98vw}.scheme-viewer{max-height:70vh}.header-grid{grid-template-columns:1fr}.scheme-table{font-size:10px}.scheme-table td,.scheme-table th{padding:6px 4px}.scheme-actions{flex-direction:column}.scheme-actions .action-btn{justify-content:center;width:100%}.swahili-text{font-size:.8em}.format-indicator{font-size:12px;padding:6px 12px}}.sharing-modal{max-width:500px;width:90%}.sharing-methods{padding:20px}.sharing-methods p{color:#666;margin-bottom:20px;text-align:center}.sharing-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.sharing-method-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:600;padding:20px;transition:all .3s ease}.sharing-method-btn:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.method-icon{font-size:2em;margin-bottom:8px}.method-name{font-size:1em}.sharing-info{background:#f8f9fa;border-radius:8px;padding:15px;text-align:center}.sharing-info p{color:#666;font-size:.9em;margin:5px 0}.share-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.share-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}@media (max-width:768px){.sharing-grid{gap:10px;grid-template-columns:1fr}.sharing-method-btn{padding:15px}.method-icon{font-size:1.5em}}.file-upload-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#6c757d;font-size:.85rem;margin-top:8px;padding:10px}.file-upload-info small{line-height:1.4}.file-info{border-radius:6px;font-size:.9rem;font-weight:500;margin-top:10px;padding:10px}.file-info.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.file-info.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.file-info.warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.myhub-container{position:relative}.system-alert{box-shadow:0 4px 12px #00000026;max-width:400px;position:fixed;right:20px;top:20px;z-index:9999}@media (max-width:768px){.system-alert{left:10px;max-width:none;right:10px;top:10px}}.subject-selection{display:flex;gap:20px;margin:10px 0}.radio-option{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:8px}.radio-option input[type=radio]{cursor:pointer;margin:0}.radio-option:hover{color:#007bff}.subject-selection textarea{border:2px solid #e1e5e9;border-radius:6px;font-family:inherit;font-size:14px;min-height:60px;padding:10px 12px;resize:vertical;transition:border-color .3s ease;width:100%}.subject-selection textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.subject-selection textarea::placeholder{color:#6c757d}@media (max-width:768px){.subject-selection{flex-direction:column;gap:10px}}.file-search-filter{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.search-input-container{margin-bottom:15px}.search-input{background:#f8f9fa;font-size:16px;padding:12px 16px;transition:all .3s ease}.search-input:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filter-container{margin-bottom:15px}.filter-select{border:2px solid #e1e5e9;padding:10px 12px}.filter-select:focus{border-color:#007bff}.results-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.results-count{color:#6c757d;font-size:14px;font-weight:500}.clear-filters-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:background .3s ease}.clear-filters-btn:hover{background:#5a6268}.bulk-selection-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0;padding:1rem}.bulk-mode-toggle{margin-bottom:1rem}.bulk-mode-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.bulk-mode-btn:hover{background:#0056b3;transform:translateY(-1px)}.bulk-mode-btn.active{background:#dc3545}.bulk-mode-btn.active:hover{background:#c82333}.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.bulk-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.bulk-action-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-action-btn.select-all{background:#28a745;color:#fff}.bulk-action-btn.select-all:hover:not(:disabled){background:#218838}.bulk-action-btn.clear-selection{background:#ffc107;color:#212529}.bulk-action-btn.clear-selection:hover:not(:disabled){background:#e0a800}.bulk-action-btn.delete-selected{background:#dc3545;color:#fff}.bulk-action-btn.delete-selected:hover:not(:disabled){background:#c82333}.file-checkbox{left:.5rem;position:absolute;top:.5rem;z-index:10}.bulk-checkbox{accent-color:#007bff;cursor:pointer;height:18px;width:18px}.file-card,.file-card-header{position:relative}@media (max-width:768px){.bulk-actions{align-items:stretch;flex-direction:column}.bulk-action-btn{justify-content:center;width:100%}.bulk-selection-controls{padding:.75rem}}.modal-overlay:not(.sharing-modal-overlay){z-index:10000}.modal-overlay.sharing-modal-overlay{z-index:10002!important}.modal-content.sharing-modal,.sharing-modal{position:relative;z-index:10003!important}.sharing-modal-overlay .sharing-modal{position:relative;z-index:10004!important}.delete-confirm-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;padding:0;width:90%}.modal-header{padding:20px 24px 0}.modal-header h3{color:#dc3545;font-size:18px}.modal-body{padding:20px 24px}.modal-body p{color:#495057;line-height:1.5;margin:0 0 10px}.warning-text{color:#dc3545!important;font-size:14px;font-weight:500}.modal-actions{gap:12px;padding:0 24px 24px}.cancel-btn{background:#6c757d;border-radius:6px;font-size:14px;padding:10px 20px;transition:background .3s ease}.cancel-btn:hover{background:#5a6268}.delete-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s ease}.delete-btn:hover{background:#c82333}@media (max-width:768px){.file-search-filter{padding:15px}.results-info{align-items:flex-start}.modal-actions,.results-info{flex-direction:column}.cancel-btn,.delete-btn{width:100%}}.three-step-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.step-indicator{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding:20px 0}.step{margin:0 20px}.step:not(:last-child):after{left:100%;transition:all .3s ease;width:40px}.step-number{font-size:1.1rem;font-weight:600}.step-label{font-size:.9rem;transition:all .3s ease}.step-content{padding:20px 0}.step-content h4{color:#2c3e50;font-size:1.3rem;margin-bottom:10px}.step-content p{color:#6c757d;line-height:1.5;margin-bottom:20px}.price-input-group{margin-bottom:25px}.price-input-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.price-input-wrapper{align-items:center;display:flex;margin-bottom:15px}.currency{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px 0 0 8px;border-right:none;color:#495057;font-weight:600;padding:12px 15px}.price-input-wrapper input{border:2px solid #e9ecef;border-left:none;border-radius:0 8px 8px 0;flex:1 1;font-size:1rem;padding:12px 15px;transition:all .3s ease}.price-input-wrapper input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.price-options{display:flex;flex-wrap:wrap;gap:10px}.price-option{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.price-option:hover{background:#f8f9fa;border-color:#007bff}.price-option.selected{background:#007bff;border-color:#007bff;color:#fff}.preview-container{border:2px solid #e9ecef;margin-bottom:20px}.content-preview{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.preview-placeholder{color:#6c757d;font-style:italic;padding:40px}.generating-state{padding:40px;text-align:center}.loading-spinner{border:4px solid #e9ecef;border-top-color:#007bff;margin:0 auto 20px}.link-generated{padding:20px;text-align:center}.link-generated h5{color:#28a745;font-size:1.2rem;margin-bottom:20px}.link-container{display:flex;gap:10px;margin-bottom:20px}.generated-link-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-family:monospace;padding:12px 15px}.btn-copy{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.btn-copy:hover{background:#5a6268;transform:translateY(-1px)}.share-actions{margin-top:15px}.btn-share{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-share:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.error-state{color:#dc3545;padding:40px;text-align:center}.step-actions{border-top:2px solid #e9ecef}.btn-primary{border:none;border-radius:8px;box-shadow:0 4px 15px #007bff4d;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #007bff66}.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:12px 30px;transition:all .3s ease}@media (max-width:768px){.three-step-modal{max-height:95vh;width:95%}.step-indicator{flex-direction:column;gap:15px}.step:not(:last-child):after{display:none}.step{margin:0}.step-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.link-container{flex-direction:column}.price-options{justify-content:center}}.file-preview-content{border-top:1px solid #e9ecef;margin-top:10px;padding-top:10px}.file-preview-content .preview-content{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:12px;line-height:1.4;margin-top:10px;max-height:300px;overflow:auto;padding:15px}.file-preview-content .preview-placeholder{background-color:#f8f9fa;border:1px dashed #ddd;border-radius:8px;color:#666;font-style:italic;margin-top:10px;padding:20px;text-align:center}.action-btn.download-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.action-btn.download-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.action-btn.expand-btn{align-items:center;background:linear-gradient(135deg,#6f42c1,#e83e8c);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.action-btn.expand-btn:hover{background:linear-gradient(135deg,#5a32a3,#d63384);box-shadow:0 4px 8px #6f42c14d;transform:translateY(-1px)}.file-card-actions{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:15px}.file-card-actions .action-btn{flex:1 1;min-width:120px;text-align:center;white-space:nowrap}@media (max-width:768px){.file-card-actions{flex-direction:column}.file-card-actions .action-btn{flex:none;min-width:auto;width:100%}.file-preview-content .preview-content{font-size:11px;max-height:200px}}@media (max-width:480px){.file-card-actions{gap:6px}.action-btn{font-size:11px;padding:6px 10px}}.step-progress{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem}.step{flex:1 1}.step:not(:last-child):after{background:#dee2e6;left:60%;top:20px;width:80%}.step-number{background:#dee2e6;position:relative;z-index:2}.step.active .step-number{box-shadow:0 4px 12px #007bff4d;transform:scale(1.1)}.step-content{border:1px solid #e9ecef;box-shadow:0 4px 16px #0000001a;padding:2rem}.step-form h3{color:#2c3e50;font-size:1.5rem;font-weight:600;text-align:center}.step-form .form-group,.step-form h3{margin-bottom:1.5rem}.step-form label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:.5rem}.step-form input,.step-form select,.step-form textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.step-form input:focus,.step-form select:focus,.step-form textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.step-form textarea{min-height:80px;resize:vertical}.file-upload-area{margin-bottom:2rem}.file-upload-label{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;cursor:pointer;display:block;padding:2rem;text-align:center;transition:all .3s ease}.file-upload-label:hover{background:#f0f8ff;border-color:#007bff}.file-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon{color:#6c757d;font-size:3rem}.upload-text{color:#495057;font-size:1.2rem;font-weight:500}.upload-hint{color:#6c757d;font-size:.9rem}.file-selected{align-items:center;background:#fff;border:2px solid #28a745;border-radius:8px;display:flex;gap:1rem;padding:1rem}.file-icon{font-size:2rem}.file-info{flex:1 1}.file-name{color:#2c3e50;font-weight:500;margin-bottom:.25rem}.file-size{color:#6c757d;font-size:.9rem}.remove-file{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:30px;transition:background .3s ease;width:30px}.remove-file:hover{background:#c82333}.conversion-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.preview-header{margin-bottom:1rem}.preview-header h4{color:#2c3e50;font-size:1.3rem;margin-bottom:.5rem}.preview-meta{display:flex;gap:1rem}.preview-meta span{background:#007bff;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.preview-content{display:flex;flex-direction:column;gap:1rem}.file-preview{align-items:center;display:flex;gap:.5rem}.description,.file-preview{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.75rem}.description{line-height:1.4}.conversion-actions{margin-bottom:2rem;text-align:center}.conversion-success{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem}.success-icon{font-size:1.2rem}.success-text{font-weight:500}.final-review{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.review-item{border-bottom:1px solid #e9ecef;display:flex;margin-bottom:.75rem;padding:.5rem 0}.review-item:last-child{border-bottom:none;margin-bottom:0}.review-item strong{color:#495057;font-weight:500;min-width:80px}.step-actions{align-items:center;gap:1rem;justify-content:space-between;margin-top:2rem}.step-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .3s ease}.back-btn{background:#6c757d;color:#fff}.back-btn:hover{background:#5a6268;transform:translateY(-1px)}.next-btn{background:#007bff;color:#fff}.next-btn:hover{background:#0056b3;transform:translateY(-1px)}.next-btn:disabled{background:#dee2e6;color:#6c757d;cursor:not-allowed;transform:none}.convert-btn{background:#28a745;color:#fff;font-size:16px;font-weight:600;padding:14px 28px}.convert-btn:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.convert-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.save-btn{background:#28a745;padding:14px 28px}.save-btn:hover:not(:disabled){background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.save-btn:disabled{background:#6c757d;box-shadow:none;color:#fff;cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.step-progress{flex-direction:column;gap:1rem}.step:not(:last-child):after{display:none}.step-content{padding:1.5rem}.step-actions{flex-direction:column}.step-btn{width:100%}.preview-meta{flex-direction:column;gap:.5rem}}.confirmation-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%}.confirmation-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:1.5rem 1.5rem 1rem}.confirmation-icon{align-items:center;border-radius:50%;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.confirmation-icon.warning{background:#fef3c7;color:#d97706}.confirmation-icon.danger{background:#fee2e2;color:#dc2626}.confirmation-icon.info{background:#dbeafe;color:#1e40af}.confirmation-icon.success{background:#dcfce7;color:#166534}.confirmation-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.confirmation-body{padding:1rem 1.5rem}.confirmation-message{color:#6b7280;line-height:1.5;margin:0}.confirmation-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.confirmation-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:.75rem 1.5rem;transition:all .2s}.confirm-btn.warning{background:#f59e0b}.confirm-btn.warning:hover{background:#d97706}.confirm-btn.danger{background:#ef4444}.confirm-btn.danger:hover{background:#dc2626}.confirm-btn.info{background:#3b82f6}.confirm-btn.info:hover{background:#2563eb}.confirm-btn.success{background:#10b981}.confirm-btn.success:hover{background:#059669}@media (max-width:480px){.confirmation-modal{margin:1rem}.confirmation-actions{flex-direction:column}.confirmation-btn{width:100%}}.custom-alert-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;pointer-events:auto;position:fixed;right:0;top:0;z-index:10001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-alert{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;overflow:hidden;width:100%}.custom-alert-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;padding:20px 24px 16px}.custom-alert-header.success{background:linear-gradient(135deg,#10b981,#34d399);border-bottom:none;color:#fff}.custom-alert-header.error{background:linear-gradient(135deg,#ef4444,#f87171);border-bottom:none;color:#fff}.custom-alert-header.warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-bottom:none;color:#fff}.custom-alert-header.info{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-bottom:none;color:#fff}.alert-icon{font-size:1.5rem;margin-right:12px}.alert-title{flex:1 1;font-size:1.1rem;font-weight:600}.alert-close{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:background-color .2s ease;width:32px}.alert-close:hover{background:#fff3}.custom-alert-body{padding:20px 24px}.alert-message{color:#374151;font-size:.95rem;line-height:1.6;margin:0;white-space:pre-line}.custom-alert-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.alert-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:80px;padding:10px 20px;pointer-events:auto;position:relative;transition:all .2s ease;z-index:10002}.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.confirm-btn{box-shadow:0 2px 4px #0000001a;color:#fff}.confirm-btn.success{background:linear-gradient(135deg,#10b981,#34d399)}.confirm-btn.error{background:linear-gradient(135deg,#ef4444,#f87171)}.confirm-btn.warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.confirm-btn.info{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.confirm-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}@media (max-width:480px){.custom-alert{max-width:90vw}.custom-alert-body,.custom-alert-footer,.custom-alert-header{padding-left:16px;padding-right:16px}.custom-alert-footer{flex-direction:column}.alert-btn{width:100%}}.login-logs-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.login-logs-popup{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-logs-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.login-logs-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.login-logs-content{flex:1 1;overflow-y:auto;padding:0}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 24px}.spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;height:32px;margin-bottom:12px;width:32px}.empty-state{align-items:center;color:#6b7280;display:flex;font-style:italic;justify-content:center;padding:40px 24px}.login-logs-list{padding:0}.login-log-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:16px 24px;transition:background-color .2s}.login-log-item:hover{background-color:#f9fafb}.login-log-item:last-child{border-bottom:none}.log-status-indicator{flex-shrink:0;margin-top:4px}.status-dot{border-radius:50%;height:8px;transition:all .2s;width:8px}.log-details{flex:1 1;min-width:0}.log-time{color:#111827;font-size:14px;font-weight:600;margin-bottom:8px}.log-info{grid-gap:8px 16px;display:grid;font-size:12px;gap:8px 16px;grid-template-columns:1fr 1fr}.info-label{color:#6b7280;font-weight:500}.info-value{color:#374151;font-weight:400}.login-logs-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-secondary:hover{background:#e5e7eb}@media (max-width:640px){.login-logs-popup{margin:10px;max-height:90vh}.login-logs-header{padding:16px 20px}.login-log-item{padding:12px 20px}.log-info{gap:4px;grid-template-columns:1fr}.login-logs-footer{flex-direction:column;padding:12px 20px}.btn{width:100%}}.password-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.password-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.password-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.password-modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.password-modal-body{flex:1 1;overflow-y:auto;padding:24px}.user-info{background:#f8f9fa;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px}.user-info h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.user-info p{color:#6b7280;margin:0}.password-form{display:flex;flex-direction:column;gap:20px}.password-input-group{align-items:center;display:flex;position:relative}.password-input{background:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 40px 12px 12px;transition:all .2s;width:100%}.password-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.password-input.readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed}.toggle-password{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;transition:background-color .2s}.toggle-password:hover{background:#f3f4f6}.password-visibility-indicator{color:#10b981;cursor:default;font-size:16px;padding:4px;position:absolute;right:12px}.password-actions{display:flex;justify-content:flex-end;margin-top:8px}.generate-password-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.generate-password-btn:hover{background:#e5e7eb;border-color:#9ca3af}.help-text{color:#6b7280;font-size:12px;font-style:italic}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alert-icon{font-size:16px}.alert-message{flex:1 1}.password-strength{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.strength-label{color:#374151;font-size:12px;font-weight:600;margin-bottom:8px}.strength-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.strength-fill{border-radius:3px;height:100%;transition:all .3s ease}.strength-fill.weak{background:#ef4444}.strength-fill.fair{background:#f59e0b}.strength-fill.good{background:#3b82f6}.strength-fill.strong{background:#10b981}.strength-text{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.strength-text:has(.strength-fill.weak){color:#ef4444}.strength-text:has(.strength-fill.fair){color:#f59e0b}.strength-text:has(.strength-fill.good){color:#3b82f6}.strength-text:has(.strength-fill.strong){color:#10b981}.password-modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn{letter-spacing:.5px;text-transform:uppercase}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}@media (max-width:640px){.password-modal{margin:10px;max-height:95vh}.password-modal-header{padding:16px 20px}.password-modal-body{padding:20px}.password-modal-footer{flex-direction:column;padding:12px 20px}.btn{width:100%}}.subscription-plan-editor{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;padding:24px}.editor-header{border-bottom:2px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.editor-header h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.editor-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group textarea{border:2px solid #e1e8ed;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#3498db}.array-input-group{align-items:center;display:flex;gap:8px;margin-bottom:8px}.array-input-group input{flex:1 1}.remove-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:background-color .3s ease;width:32px}.remove-btn:hover{background:#c0392b}.add-btn{align-self:flex-start;background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s ease}.add-btn:hover{background:#229954}.checkbox-group{flex-direction:row}.form-actions{gap:16px;justify-content:flex-end}.save-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .3s ease}.save-btn:hover{background:#2980b9}.cancel-btn{background:#95a5a6;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .3s ease}.cancel-btn:hover{background:#7f8c8d}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.subscription-plan-editor{padding:16px}}.offers-manager{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1200px;padding:24px}.offers-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.offers-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.header-actions{display:flex;gap:12px}.btn{padding:10px 20px}.empty-state{color:#7f8c8d;padding:60px 20px;text-align:center}.empty-state p{font-size:18px;margin:0}.offers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.offer-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.offer-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26}.offer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.offer-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.status-badge{padding:4px 12px}.offer-details{margin-bottom:20px}.offer-details p{color:#495057;font-size:14px;margin:8px 0}.offer-details strong{color:#2c3e50;font-weight:600}.offer-actions{display:flex;flex-wrap:wrap;gap:8px}.form-group label{color:#34495e}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db}.checkbox-group{align-items:center;display:flex;gap:12px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:0}.checkbox-group input[type=checkbox]{accent-color:#3498db;height:18px;width:18px}.users-selection{margin-top:24px}.selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.selection-header h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.users-list{border:2px solid #e9ecef;border-radius:8px;max-height:300px;overflow-y:auto;padding:12px}.user-item{margin-bottom:12px}.user-item:last-child{margin-bottom:0}.user-item label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:8px;transition:background-color .3s ease}.user-item label:hover{background:#f8f9fa}.user-item input[type=checkbox]{accent-color:#3498db;height:18px;width:18px}.user-info{gap:4px}.user-name{color:#2c3e50;font-size:14px;font-weight:600}.user-email,.user-plan{font-size:12px}.user-plan{color:#27ae60;font-weight:500}.form-help{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;margin-top:8px;padding:12px}.form-help p{font-size:13px;font-weight:500;margin:0}@media (max-width:768px){.offers-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:center}.form-row,.offers-grid{grid-template-columns:1fr}.modal-content{margin:10px}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:16px}}.analytics-dashboard{background:#f8f9fa;min-height:100vh;padding:24px}.analytics-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.analytics-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.analytics-controls{align-items:center;display:flex;gap:16px}.time-range-selector{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px}.time-range-selector:focus{border-color:#3498db;outline:none}.analytics-loading{color:#7f8c8d}.analytics-error,.analytics-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.analytics-error{text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.analytics-error h3{color:#e74c3c;margin:0 0 8px}.analytics-error p{color:#7f8c8d;margin:0 0 24px}.overview-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.overview-card{align-items:center;background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.overview-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.card-icon{align-items:center;background:#f8f9fa;border-radius:50%;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.card-content h3{color:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.card-value{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:4px}.card-subtitle{color:#7f8c8d;font-size:12px}.analytics-sections{display:flex;flex-direction:column;gap:32px}.section-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.engagement-metrics,.performance-section,.recent-activity,.resource-analytics,.subscription-analytics{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.engagement-metrics h3,.performance-section h3,.recent-activity h3,.resource-analytics h3,.subscription-analytics h3{border-bottom:2px solid #f8f9fa;color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.teacher-performance-list{display:flex;flex-direction:column;gap:16px}.teacher-performance-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:16px;padding:16px;transition:background-color .3s ease}.teacher-performance-item:hover{background:#e9ecef}.rank{color:#3498db;font-size:18px;font-weight:700;min-width:40px}.avatar-placeholder{background:#3498db;font-size:18px;font-weight:600;height:100%;width:100%}.teacher-info{flex:1 1;min-width:0}.teacher-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.teacher-email{color:#7f8c8d;font-size:12px;margin:0 0 8px}.subscription-badge{font-size:10px}.subscription-badge.free{background:#e9ecef;color:#6c757d}.subscription-badge.basic{background:#d4edda;color:#155724}.subscription-badge.premium{background:#cce5ff;color:#004085}.teacher-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);min-width:200px}.metric{flex-direction:column;gap:4px}.metric-label{color:#7f8c8d;font-size:11px}.metric-value{font-size:14px}.star-rating{align-items:center;gap:4px}.rating-number{color:#7f8c8d;font-size:12px}.teacher-actions{display:flex;gap:8px}.resource-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resource-stat-card{background:#f8f9fa;border-radius:8px;padding:16px}.resource-stat-card h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px}.stat-list{display:flex;flex-direction:column;gap:8px}.stat-item{align-items:center;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#495057;font-size:14px}.stat-value{color:#2c3e50;font-size:14px;font-weight:600}.top-resources-list{display:flex;flex-direction:column;gap:12px}.top-resource-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.resource-info h5{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px}.resource-info p{color:#7f8c8d;font-size:12px;margin:0}.resource-stats{color:#7f8c8d;font-size:12px;gap:4px;text-align:right}.subscription-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.revenue-breakdown h4,.subscription-plans h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px}.plan-stat{align-items:center;display:flex;gap:12px;margin-bottom:12px}.plan-name{color:#2c3e50;font-size:12px;font-weight:600;min-width:60px}.plan-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.plan-fill{background:#3498db;height:100%;transition:width .3s ease}.plan-count{color:#2c3e50;font-size:12px;font-weight:600;min-width:40px;text-align:right}.revenue-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.revenue-item:last-child{border-bottom:none}.revenue-plan{color:#2c3e50;font-size:12px;font-weight:600}.revenue-amount{color:#27ae60;font-size:14px;font-weight:600}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#f8f9fa;border-radius:8px;padding:20px}.metric-card h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 12px}.metric-value{color:#3498db;font-size:24px;margin-bottom:4px}.metric-subtitle{color:#7f8c8d;font-size:12px}.activity-list{gap:12px}.activity-item{border-radius:8px;gap:12px;padding:12px}.activity-icon{align-items:center;background:#fff;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-description{color:#2c3e50;font-size:14px;margin-bottom:4px}.activity-time{color:#7f8c8d;font-size:12px}@media (max-width:1200px){.section-row{grid-template-columns:1fr}}@media (max-width:768px){.analytics-dashboard{padding:16px}.analytics-header{align-items:stretch;flex-direction:column;gap:16px}.analytics-controls{justify-content:center}.overview-cards{grid-template-columns:1fr}.teacher-performance-item{align-items:flex-start;flex-direction:column;gap:12px}.teacher-metrics{width:100%}.subscription-stats,.teacher-metrics{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.teacher-performance-item{padding:12px}.overview-card{padding:16px}}.admin-refer-earn{max-width:100%;overflow-x:auto;padding:2rem}.admin-refer-earn-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.admin-refer-earn-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.refer-earn-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:2rem;padding:2rem}.refer-earn-header h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.refer-earn-header p{font-size:1rem;margin:0 0 1.5rem;opacity:.9}.refer-earn-header .btn{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.refer-earn-header .btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.refer-earn-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.metric-label{color:#666;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metric-value{color:#333;font-size:2rem;font-weight:700}.metric-value.commission{color:#27ae60}.metric-value.active{color:#3498db}.metric-value.inactive{color:#e74c3c}.teachers-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.teachers-table-wrapper{overflow-x:auto;width:100%}.table-header-actions{border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:1rem}.referral-table{border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-width:1200px;width:100%}.referral-table th,.referral-table thead{background:#f5f5f5;border-bottom:2px solid #d0d0d0}.referral-table th{color:#666;font-size:.75rem;font-weight:500;letter-spacing:.3px;padding:.6rem .8rem;text-align:left;text-transform:none;white-space:nowrap}.referral-table td{word-wrap:break-word;border-bottom:1px solid #e8e8e8;color:#444;font-size:.8rem;max-width:200px;padding:.6rem .8rem}.referral-table td.status-column{max-width:120px;min-width:100px}.referral-table tbody tr:hover{background:#f0f0f0}.referral-table tbody tr{transition:background-color .15s ease}.referral-table tbody tr.active-row{border-left:4px solid #27ae60}.referral-table tbody tr.inactive-row{border-left:4px solid #e74c3c;opacity:.7}.referral-table .no-data{color:#999;font-style:italic;padding:3rem;text-align:center}.subscription-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem;transition:border-color .3s ease}.subscription-select:hover{border-color:#667eea}.subscription-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.status-badge{display:inline-block;font-size:.75rem;min-width:70px;padding:.4rem .8rem;text-align:center;white-space:nowrap}.commission-cell{color:#27ae60;font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.btn{gap:.5rem;justify-content:center}.btn-sm{font-size:.85rem;padding:.4rem .8rem}.btn-primary:hover{box-shadow:0 4px 8px #667eea4d}.btn:disabled{transform:none}.modal-overlay{padding:2rem}.modal-content{box-shadow:0 10px 40px #0000004d}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h3{color:#333;font-size:1.5rem}.close-btn{color:#999;font-size:2rem;line-height:1}.close-btn:hover{background:#f0f0f0;color:#333}.form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:.25rem}.modal-footer{border-top:1px solid #e0e0e0;gap:1rem;padding:1.5rem}@media (max-width:768px){.admin-refer-earn{padding:1rem}.refer-earn-header{padding:1.5rem}.refer-earn-header h2{font-size:1.5rem}.refer-earn-metrics{grid-template-columns:1fr}.referral-table{font-size:.85rem}.referral-table td,.referral-table th{padding:.75rem .5rem}.action-buttons{flex-direction:column}.modal-content{margin:1rem;max-width:calc(100% - 2rem)}}.advanced-reports{background:#f8f9fa;min-height:100vh;padding:24px}.reports-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.reports-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.reports-controls{gap:16px}.date-range,.reports-controls{align-items:center;display:flex}.date-range{background:#fff;border:2px solid #e9ecef;border-radius:8px;gap:8px;padding:8px 16px}.date-range label{color:#2c3e50;font-size:14px;font-weight:600}.date-range input{border:none;color:#495057;font-size:14px;outline:none}.date-range span{color:#7f8c8d;font-size:14px}.reports-content{display:flex;flex-direction:column;gap:32px}.report-types h3,.saved-reports h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px}.report-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.report-type-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:24px;position:relative;transition:all .3s ease}.report-type-card:hover{border-color:#3498db;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.report-icon{font-size:32px;margin-bottom:16px}.report-info h4{font-size:18px;margin:0 0 8px}.report-info p{font-size:14px;line-height:1.5;margin:0 0 12px}.report-category{background:#e9ecef;border-radius:12px;color:#495057;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.loading-overlay{align-items:center;background:#ffffffe6;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-spinner{border:3px solid #f3f3f3;height:32px;width:32px}.report-results{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.report-header{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.report-header h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.report-actions{display:flex;gap:12px}.report-summary{margin-bottom:32px}.report-summary h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 16px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:16px}.summary-label{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#2c3e50;font-size:18px;font-weight:700}.report-sections{margin-bottom:32px}.report-section{margin-bottom:24px}.report-section h4{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.section-content{background:#f8f9fa;border-radius:8px;padding:16px}.data-table{overflow-x:auto}.data-table table{border-collapse:collapse;font-size:14px;width:100%}.data-table th{background:#e9ecef;border-bottom:2px solid #dee2e6;color:#2c3e50;font-weight:600;padding:12px;text-align:left}.data-table td{border-bottom:1px solid #dee2e6;color:#495057;padding:12px}.data-table tr:hover{background:#f8f9fa}.data-object{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.data-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.data-label{color:#7f8c8d;font-size:14px;font-weight:500}.data-value{color:#2c3e50;font-size:14px;font-weight:600}.report-insights{background:#e8f5e8;border-left:4px solid #27ae60;border-radius:8px;padding:20px}.report-insights h4{color:#155724;font-size:16px;font-weight:600;margin:0 0 16px}.report-insights ul{margin:0;padding-left:20px}.report-insights li{color:#155724;font-size:14px;line-height:1.6;margin-bottom:8px}.saved-reports{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.saved-reports-list{display:flex;flex-direction:column;gap:16px}.saved-report-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.report-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.report-info p{color:#7f8c8d;font-size:12px;margin:0 0 2px}.report-info p:last-child{margin:0}@media (max-width:1200px){.report-types-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.advanced-reports{padding:16px}.reports-header{align-items:stretch;flex-direction:column;gap:16px}.reports-controls{justify-content:center}.date-range{flex-direction:column;gap:8px;text-align:center}.report-header{align-items:stretch;flex-direction:column;gap:16px}.data-object,.summary-grid{grid-template-columns:1fr}.saved-report-item{align-items:stretch;flex-direction:column;gap:12px}.report-actions{justify-content:center}}@media (max-width:480px){.report-types-grid{grid-template-columns:1fr}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px}}.content-management{background:#f8f9fa;min-height:100vh;padding:24px}.content-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.content-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.content-stats{color:#7f8c8d;display:flex;font-size:14px;gap:16px}.content-stats span{background:#e9ecef;border-radius:4px;font-weight:600;padding:4px 8px}.content-management-loading{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#3498db;margin-bottom:16px}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:20px}.filters-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto}.search-box{align-items:center;display:flex;position:relative}.search-input{border:2px solid #e9ecef;transition:border-color .3s ease}.search-input:focus{border-color:#3498db}.search-icon{color:#7f8c8d}.filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;transition:border-color .3s ease}.filter-select:focus{border-color:#3498db;outline:none}.btn-success:hover{background:#229954}.bulk-actions-section{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:16px}.bulk-actions-info{align-items:center;display:flex;justify-content:space-between}.bulk-actions-info span{color:#2c3e50;font-weight:600}.bulk-actions-menu{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.table-container{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.content-table{border-collapse:collapse;font-size:14px;width:100%}.content-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;font-weight:600;padding:16px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.content-table td{border-bottom:1px solid #e9ecef;padding:16px 12px;vertical-align:top}.content-table tr:hover{background:#f8f9fa}.blocked-row{background:#fff5f5!important;opacity:.7}.blocked-row:hover{background:#ffe6e6!important}.resource-info{min-width:200px}.resource-title{align-items:center;display:flex;gap:8px;margin-bottom:4px}.resource-title strong{color:#2c3e50;font-size:14px}.featured-badge{background:gold;border-radius:4px;color:#b8860b;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.resource-meta{color:#7f8c8d;font-size:12px;margin-bottom:4px}.file-info{display:block;margin-top:2px}.resource-description{color:#495057;font-size:12px;margin-top:4px}.author-info{min-width:120px}.author-info strong{color:#2c3e50;display:block;font-size:14px;margin-bottom:2px}.author-info small{color:#7f8c8d;font-size:11px}.type-badge{font-size:11px;letter-spacing:.5px;padding:4px 8px}.type-badge.worksheet{background:#d4edda;color:#155724}.type-badge.presentation{background:#cce5ff;color:#004085}.type-badge.assessment{background:#fff3cd;color:#856404}.type-badge.notes{background:#f8d7da;color:#721c24}.type-badge.other{background:#e2e3e5;color:#383d41}.price-info{text-align:right}.price-info strong{color:#2c3e50;font-size:14px}.resale-badge{background:#e8f5e8;color:#27ae60;display:block;font-size:10px;margin-top:2px;text-transform:uppercase}.download-info{text-align:center}.download-count{color:#2c3e50;display:block;font-size:16px}.download-info small{color:#7f8c8d;font-size:11px}.status-info{text-align:center}.status-badge{display:block;font-size:11px;margin-bottom:4px;padding:4px 8px}.status-badge.blocked{background:#f8d7da;color:#721c24}.blocked-status{text-align:center}.block-reason{color:#dc3545;display:block;font-size:10px;font-style:italic;margin-top:2px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocked-info{margin-top:4px}.blocked-badge{background:#dc3545;border-radius:4px;color:#fff;display:block;font-size:10px;font-weight:600;margin-bottom:2px;padding:2px 6px;text-transform:uppercase}.blocked-info small{color:#dc3545;font-size:10px;font-style:italic}.date-info{text-align:center}.date-info span{color:#2c3e50;display:block;font-size:12px;font-weight:500}.date-info small{color:#7f8c8d;font-size:10px}.action-buttons .btn{font-size:12px;height:32px;min-width:32px;padding:6px 8px}.action-buttons .btn,.pagination{align-items:center;display:flex;justify-content:center}.pagination{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:16px;padding:20px}.pagination-info{color:#7f8c8d;font-size:14px;font-weight:500}.preview-content h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 16px}.preview-content p{color:#495057;font-size:14px;margin:8px 0}.preview-content strong{color:#2c3e50;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{background:#e9ecef;border-radius:12px;color:#495057;font-size:11px;font-weight:500;padding:4px 8px}@media (max-width:1200px){.filters-row{gap:12px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto}}@media (max-width:768px){.content-management{padding:16px}.content-header{align-items:stretch;flex-direction:column;gap:16px}.content-stats{justify-content:center}.filters-row{gap:12px;grid-template-columns:1fr}.table-container{overflow-x:auto}.content-table{min-width:800px}.bulk-actions-info{align-items:stretch;flex-direction:column;gap:12px}.bulk-actions-menu{justify-content:center}.pagination{flex-direction:column;gap:12px}.modal-content{margin:10px}}@media (max-width:480px){.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.bulk-actions-menu{flex-direction:column}.bulk-actions-menu .btn{width:100%}}.user-header{align-items:center;display:flex;gap:16px}.user-info h3{color:#2c3e50;font-size:20px;margin:0}.user-info p{color:#7f8c8d;font-size:14px;margin:4px 0 0}.users-section{margin-top:24px}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.user-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:20px;transition:all .3s ease}.user-card:hover{border-color:#3498db;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin-bottom:16px;width:60px}.user-details h3{color:#2c3e50;font-size:18px;margin:0 0 8px}.user-email{color:#7f8c8d;font-size:14px;margin:0 0 12px}.user-stats{display:flex;gap:16px;margin-bottom:12px}.stat{color:#34495e;font-size:14px}.stat strong{color:#2c3e50;font-weight:600}.user-activity{margin-bottom:16px}.user-activity small{color:#95a5a6;font-size:12px}.user-actions{display:flex;justify-content:flex-end}.user-actions .btn{font-size:14px;padding:8px 16px}.promo-banner-manager{background:#f8f9fa;min-height:100vh;padding:24px}.manager-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.config-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.config-form h3{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.form-row{grid-gap:16px;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-range{margin:8px 0;width:100%}.range-value{color:#3498db;font-size:14px;font-weight:600}.config-form h4{color:#2c3e50;font-size:16px;font-weight:600;margin:24px 0 16px}.color-scheme{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.color-group{display:flex;flex-direction:column;gap:8px}.color-group label{color:#2c3e50;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.color-input-group{align-items:center;display:flex;gap:8px}.color-picker{border:none;border-radius:8px;cursor:pointer;height:40px;overflow:hidden;width:40px}.color-text{border:2px solid #e9ecef;border-radius:6px;flex:1 1;font-family:monospace;font-size:12px;padding:8px;text-transform:uppercase}.preset-themes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px}.preset-button{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .3s ease}.preset-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.form-actions{border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px}.btn{padding:12px 20px}.btn-primary:hover{background:#2980b9;transform:translateY(-1px)}.btn-secondary:hover{background:#229954;transform:translateY(-1px)}.btn-outline:hover{background:#ecf0f1;color:#2c3e50}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496;transform:translateY(-1px)}.btn-warning:hover{background:#e67e22;transform:translateY(-1px)}.btn-danger:hover{background:#c0392b;transform:translateY(-1px)}.preview-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.preview-section h3{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.preview-container{align-items:center;background:#f8f9fa;border:2px dashed #e9ecef;display:flex;justify-content:center;min-height:200px;overflow:hidden;position:relative}.preview-placeholder{color:#7f8c8d;text-align:center}.preview-placeholder p{font-size:16px;font-weight:500;margin:0}.templates-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;grid-column:1/-1;padding:24px}.templates-section h3{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:20px;margin:0 0 20px;padding-bottom:12px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.template-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:16px;transition:all .3s ease}.template-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26}.template-preview{margin-bottom:12px}.template-banner{align-items:center;border:2px solid;border-radius:4px;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative}.template-title{font-size:12px;font-weight:700;letter-spacing:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.template-info{margin-bottom:12px}.template-info h4{font-size:14px;font-weight:600;margin:0 0 4px}.template-info p{color:#7f8c8d;font-size:12px;margin:2px 0}@media (max-width:1200px){.manager-content{grid-template-columns:1fr}}@media (max-width:768px){.promo-banner-manager{padding:16px}.color-scheme,.form-row{grid-template-columns:1fr}.preset-themes{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.manager-header h2{font-size:24px}.preset-themes,.templates-grid{grid-template-columns:1fr}}.admin-profile-manager{background:#f8f9fa;min-height:100vh;padding:24px}.manager-header{margin-bottom:32px}.manager-header h2{color:#2c3e50;font-size:32px;margin:0 0 8px}.manager-header p{color:#7f8c8d;font-size:16px}.manager-actions{flex-wrap:wrap;gap:16px;margin-bottom:32px}.btn{font-size:14px;gap:8px;padding:12px 24px}.btn-primary{background:#3498db}.btn-primary:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.btn-secondary{background:#27ae60}.btn-secondary:hover:not(:disabled){background:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.btn-outline{border:2px solid #bdc3c7;color:#7f8c8d}.btn-outline:hover:not(:disabled){background:#ecf0f1;color:#2c3e50}.btn-warning{background:#f39c12}.btn-warning:hover:not(:disabled){background:#e67e22;transform:translateY(-2px)}.btn-success{background:#27ae60}.btn-success:hover:not(:disabled){background:#229954;transform:translateY(-2px)}.btn-danger{background:#e74c3c}.btn-danger:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.btn-sm{padding:8px 12px}.btn:disabled{transform:none!important}.admins-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.admins-section h3{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.admins-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.admin-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.admin-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26;transform:translateY(-2px)}.admin-card.inactive{border-color:#bdc3c7;opacity:.6}.admin-card.inactive:hover{border-color:#95a5a6;box-shadow:0 2px 8px #95a5a626}.admin-card:not(.inactive){opacity:1!important}.admin-card{position:relative}.admin-card:before{border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.admin-card:not(.inactive):before{background:linear-gradient(135deg,#3498db0d,#27ae600d)}.admin-header{gap:16px;margin-bottom:16px}.admin-avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;text-transform:uppercase;width:50px}.admin-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.admin-info p{color:#7f8c8d;font-size:14px;margin:0 0 8px}.role-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.role-super{background:#e74c3c;color:#fff}.role-admin{background:#3498db;color:#fff}.role-moderator{background:#f39c12;color:#fff}.role-default{background:#95a5a6;color:#fff}.admin-details{margin-bottom:16px}.detail-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.detail-item .label{color:#7f8c8d;font-weight:500}.detail-item .value{color:#2c3e50;font-weight:600}.status{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.admin-permissions{margin-bottom:16px}.admin-permissions h5{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 12px}.permissions-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.permission{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:4px 8px}.permission.granted{background:#d4edda;color:#155724}.permission.denied{background:#f8d7da;color:#721c24}.permission-icon{font-size:12px}.permission-text{font-weight:500}.admin-actions{flex-wrap:wrap;gap:8px}.modal-content{max-width:500px}.modal-header{border-bottom:2px solid #f0f0f0}.modal-header h3{font-size:20px}.close-btn{color:#7f8c8d;transition:all .3s ease}.close-btn:hover{background:#f8f9fa;color:#2c3e50}.modal-footer{border-top:2px solid #f0f0f0;padding:20px 24px}.form-group label{color:#2c3e50;font-size:14px;margin-bottom:8px}.form-input,.form-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.permissions-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.checkbox-label{color:#2c3e50;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#3498db;height:18px;width:18px}@media (max-width:768px){.admin-profile-manager{padding:16px}.manager-actions{align-items:center;flex-direction:column}.btn{justify-content:center;max-width:300px;width:100%}.admins-grid,.permissions-checkboxes,.permissions-list{grid-template-columns:1fr}.admin-actions{flex-direction:column}.admin-actions .btn{width:100%}.modal-content{margin:10px}}@media (max-width:480px){.manager-header h2{font-size:24px}.admin-header{text-align:center}.admin-actions,.admin-header{flex-direction:column}}.modal-content.large{max-width:800px}.task-assignment-intro{color:#7f8c8d;font-size:14px;line-height:1.6;margin-bottom:24px}.tasks-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:500px;overflow-y:auto;padding:8px}.task-item{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s ease}.task-item:hover{background:#f8f9fa;border-color:#3498db;box-shadow:0 4px 12px #3498db26;transform:translateY(-2px)}.task-item.selected{background:#f0fdf4;border-color:#27ae60}.task-checkbox{font-size:20px;min-width:30px;text-align:center}.task-info{flex:1 1}.task-label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:4px}.task-category{color:#7f8c8d;font-size:12px}.admin-tasks-preview{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.admin-tasks-preview h5{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 12px}.tasks-preview-list{display:flex;flex-direction:column;gap:8px}.task-preview-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:6px 10px}.task-preview-item.completed{background:#d4edda;color:#155724}.task-preview-item.pending{background:#fff5f5;color:#721c24}.task-preview-icon{font-size:14px}.task-preview-label{flex:1 1;font-weight:500}.no-tasks-preview{font-size:12px;padding:8px}.no-tasks-preview,.tasks-more{color:#7f8c8d;font-style:italic;text-align:center}.tasks-more{font-size:11px;padding:4px}.template-manager{margin:0 auto;max-width:1200px;padding:20px}.manager-header{margin-bottom:30px;text-align:center}.manager-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 10px}.manager-header p{color:#6b7280;font-size:1.1rem;margin:0}.manager-actions{display:flex;justify-content:center;margin-bottom:30px}.templates-section h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:20px}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:30px}.template-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;position:relative;transition:all .2s}.template-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.template-card.inactive{border-color:#fbbf24;opacity:.6}.template-subscription-info{margin:10px 0}.subscription-badge{display:inline-block;font-size:.75rem;padding:4px 12px}.subscription-badge.premium{background:#f3e8ff;color:#6b21a8}.default-badge{background:#f0f9ff;border-radius:12px;color:#0369a1;display:inline-block;font-size:.75rem;font-weight:600;margin-left:10px;padding:4px 12px}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.template-header h4{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0}.template-type{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.template-type.basic{background:#dbeafe;color:#1e40af}.template-type.scientific{background:#fef3c7;color:#d97706}.template-description{margin-bottom:15px}.template-description p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.template-preview-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:15px}.template-preview{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.template-preview h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.1rem;margin:0 0 10px;padding-bottom:8px}.template-preview .meta-info{color:#6b7280;display:flex;font-size:.8rem;gap:15px;margin-bottom:15px}.template-preview .content-preview{color:#374151;font-size:.9rem;line-height:1.5}.template-preview.scientific .scientific-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;min-height:200px}.template-preview.scientific .left-side{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:6px;padding:15px}.template-preview.scientific .left-side h4{color:#374151;font-size:1rem;margin:0 0 15px}.template-preview.scientific .image-slots{display:flex;flex-direction:column;gap:10px}.template-preview.scientific .image-slot{align-items:center;background:#fff;border:2px dashed #9ca3af;border-radius:4px;display:flex;height:60px;justify-content:center}.template-preview.scientific .image-preview{height:100%;position:relative;width:100%}.template-preview.scientific .image-preview img{border-radius:4px;height:100%;object-fit:cover;width:100%}.template-preview.scientific .remove-image{background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:20px;position:absolute;right:-5px;top:-5px;width:20px}.template-preview.scientific .image-placeholder{color:#9ca3af;font-size:.8rem}.template-preview.scientific .right-side{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:15px}.template-actions{gap:8px;justify-content:flex-end}.btn{border:none;border-radius:6px;font-size:.9rem;gap:6px;padding:8px 16px}.btn-outline{border:1px solid #d1d5db;color:#6b7280}.btn-outline:hover{background:#f3f4f6;color:#374151}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-success{background:#10b981}.btn-success:hover{background:#059669}.no-templates{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.no-templates p{color:#6b7280;font-size:1.1rem;margin:0}.modal-overlay{z-index:10000}.modal-content{animation:modalSlideIn .3s ease-out;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column}.modal-content.large{max-width:900px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:20px 24px}.modal-header h3{font-size:1.2rem}.close-btn{height:32px;padding:4px;transition:all .2s;width:32px}.close-btn:hover{color:#374151}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;gap:12px;padding:16px 24px}.form-group{margin-bottom:20px}.form-group label{font-size:.9rem;margin-bottom:6px}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:10px 12px;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-help{color:#6b7280;display:block;font-size:.8rem;margin-top:4px}.template-content-section{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px}.template-content-section h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 20px}.scientific-images-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:20px}.scientific-images-section h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 15px}.scientific-images-section p{color:#6b7280;font-size:.9rem;margin:0 0 20px}.image-upload-slots{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.image-upload-slot{display:flex;flex-direction:column;gap:8px}.image-upload-slot label{color:#374151;font-size:.8rem;font-weight:600}.image-upload-area{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;display:flex;height:120px;justify-content:center;position:relative;transition:all .2s}.image-upload-area:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a;transform:translateY(-1px)}.uploaded-image{height:100%;position:relative;width:100%}.uploaded-image img{border-radius:4px;height:100%;object-fit:cover;width:100%}.remove-image-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;padding:4px 8px;position:absolute;right:5px;top:5px}.upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:.8rem;gap:8px;padding:10px;text-align:center;transition:all .2s}.upload-placeholder:hover{color:#3b82f6}.upload-icon{font-size:2rem;margin-bottom:5px}.upload-placeholder small{color:#9ca3af;font-size:.7rem}.image-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.template-preview-section{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px}.template-preview-section h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 15px}.preview-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:400px;overflow-y:auto;padding:20px}@media (max-width:768px){.templates-grid{grid-template-columns:1fr}.template-preview.scientific .scientific-layout{gap:15px;grid-template-columns:1fr}.form-row,.image-upload-slots{grid-template-columns:1fr}.template-actions{flex-direction:column}.btn-sm{width:100%}.modal-content{margin:10px}.modal-body{padding:20px}}.admin-dashboard{background:#f8f9fa;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;color:#fff;justify-content:flex-end;max-width:100vw;padding:1rem 2rem;width:100%}.admin-actions,.admin-header{align-items:center;display:flex}.admin-actions{gap:1rem}.admin-info{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.admin-name{font-size:.9rem;font-weight:500}.admin-role{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.admin-role.role-super{background:#e74c3c33;border:1px solid #e74c3c4d;color:#e74c3c}.admin-role.role-admin{background:#3498db33;border:1px solid #3498db4d;color:#3498db}.admin-role.role-moderator{background:#f39c1233;border:1px solid #f39c124d;color:#f39c12}.admin-role.role-content{background:#27ae6033;border:1px solid #27ae604d;color:#27ae60}.admin-role.role-user{background:#9b59b633;border:1px solid #9b59b64d;color:#9b59b6}.admin-role.role-analyst{background:#34495e33;border:1px solid #34495e4d;color:#34495e}.admin-role.role-default{background:#95a5a633;border:1px solid #95a5a64d;color:#95a5a6}.no-permissions-message{color:#7f8c8d;padding:2rem;text-align:center}.no-permissions-message p{font-weight:600;margin:0 0 .5rem}.no-permissions-message small{font-size:.8rem}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.logout-btn:hover{background:#ffffff4d}.admin-layout{display:grid;grid-template-columns:250px 1fr;max-width:100vw;min-height:calc(100vh - 80px);width:100%}.admin-sidebar{background:#fff;border-right:1px solid #e9ecef;padding:1rem 0}.admin-sidebar button{background:none;border:none;border-left:3px solid #0000;color:#666;cursor:pointer;font-size:.9rem;padding:1rem 1.5rem;text-align:left;transition:background-color .2s;width:100%}.admin-sidebar button:hover{background-color:#f8f9fa}.admin-sidebar button.active{background-color:#e3f2fd;border-left-color:#1976d2;color:#1976d2}.admin-content{max-width:calc(100vw - 250px);overflow-y:auto;padding:2rem;width:100%}.dashboard-tab h2,.purchases-tab h2,.resources-tab h2,.users-tab h2{color:#333;margin-bottom:2rem}.analytics-tab,.communication-tab,.content-tab,.dashboard-tab,.promo-tab,.purchases-tab,.resources-tab,.stats-grid,.subscriptions-tab,.templates-tab,.users-tab{max-width:100%;width:100%}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.stat-card h3{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.stat-number{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-breakdown{color:#666;display:flex;flex-direction:column;font-size:.8rem;gap:.25rem}.recent-activity{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:100%;padding:1.5rem;width:100%}.recent-activity h3{color:#333;margin:0 0 1rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem}.activity-desc{color:#333;flex:1 1}.activity-date{color:#666;font-size:.8rem}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:100%;overflow:hidden;width:100%}.admin-table{border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;width:100%}.admin-table th{background:#f5f5f5;border-bottom:2px solid #d0d0d0;color:#666;font-size:.75rem;font-weight:500;letter-spacing:.3px;padding:.6rem .8rem;text-align:left;text-transform:none;white-space:nowrap}.admin-table td{border-bottom:1px solid #e8e8e8;color:#444;font-size:.8rem;padding:.6rem .8rem;vertical-align:middle}.admin-table tr:hover{background-color:#f0f0f0}.admin-table tbody tr{transition:background-color .15s ease}.role-badge,.status-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.role-badge.teacher{background-color:#e3f2fd;color:#1976d2}.role-badge.admin{background-color:#f3e5f5;color:#7b1fa2}.status-badge.active{background-color:#d4edda}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.suspended{background-color:#f8d7da;color:#721c24}.status-badge.completed{background-color:#d4edda;color:#155724}.status-badge.failed{background-color:#f8d7da;color:#721c24}.status-badge.approved{background-color:#d4edda;color:#155724}.status-badge.rejected{background-color:#f8d7da;color:#721c24}.promo-form{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.subscription-plans{grid-gap:20px;gap:20px;margin-bottom:30px}.plan-card{border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.plan-card h3{color:#2c3e50;font-size:1.2rem}.plan-card h3,.plan-details .form-group{margin-bottom:15px}.template-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.template-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.template-section h3{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.template-actions{margin-bottom:20px}.template-list{display:flex;flex-direction:column;gap:15px}.template-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.template-info h4{color:#2c3e50;font-size:1rem;margin:0 0 5px}.template-info p{color:#6c757d;font-size:.9rem;margin:0 0 5px}.template-actions{display:flex;gap:10px}.communication-actions{margin-bottom:20px}.messages-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.messages-list{display:flex;flex-direction:column;gap:15px;margin-top:15px}.message-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.message-header{margin-bottom:10px}.message-to{color:#2c3e50;font-weight:600}.message-date{color:#6c757d;font-size:.9rem}.message-subject{color:#007bff;margin-bottom:5px}.message-content{color:#495057}.analytics-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.analytics-card{border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.analytics-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.metric{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 0}.metric:last-child{border-bottom:none}.metric-label{color:#6c757d;font-size:.9rem}.metric-value{color:#2c3e50;font-size:1.1rem;font-weight:600}.tab-actions{display:flex;gap:10px;margin-bottom:20px}.subscription-badge{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.8rem;padding:4px 8px}.modal-content{border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:80vh;width:90%}.template-editor{max-width:800px}.modal-header{border-bottom:1px solid #e9ecef;padding:20px}.modal-header h3{color:#2c3e50}.close-btn{color:#6c757d}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:20px}.template-editor-content{margin-top:20px}@media (max-width:768px){.analytics-grid,.subscription-plans,.template-sections{grid-template-columns:1fr}.template-item{align-items:flex-start;flex-direction:column;gap:10px}.template-actions{justify-content:flex-end;width:100%}}.promo-form .form-group{margin-bottom:20px}.promo-form label{color:#333;display:block;font-weight:600;margin-bottom:8px}.promo-form .form-control{border:2px solid #e1e5e9;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.promo-form .form-control:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.checkbox-label input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.form-actions{gap:15px;margin-top:30px}.promo-preview{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:10px;padding:20px}.promo-preview h3{color:#495057;margin:0 0 15px}.promo-banner-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;padding:20px;text-align:center}.promo-banner-preview .promo-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 10px}.promo-banner-preview .promo-content p{color:#fff;font-size:1rem;margin:0 0 15px;opacity:.9}.promo-banner-preview .promo-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.promo-banner-preview .promo-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.action-buttons{gap:.5rem}.btn{align-items:center;display:inline-flex;font-size:.875rem;gap:.25rem}.btn-sm{font-size:.8rem;padding:.375rem .75rem}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background-color:#e0a800;border-color:#d39e00}.amount-cell{color:#28a745;font-weight:600}@media (min-width:1200px){.admin-content{padding:2rem 3rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.admin-table{font-size:.9rem}}@media (min-width:1600px){.admin-content{padding:2rem 4rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-top:1px solid #e9ecef;order:2}.admin-content{max-width:100vw;order:1;padding:1rem}.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.admin-table{min-width:600px}.action-buttons{flex-direction:column}}.user-avatar-small{object-fit:cover}.user-avatar-placeholder-small,.user-avatar-small{border:2px solid #e2e8f0;border-radius:50%;height:40px;width:40px}.user-avatar-placeholder-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center}.user-info{display:flex;flex-direction:column;gap:2px}.user-info strong{color:#1e293b;font-size:.9rem}.user-info small{color:#64748b;font-size:.7rem}.resource-stats{font-size:.8rem}.rating-stars{font-size:.9rem}.rating-info small,.subscription-badge{font-size:.7rem}.subscription-badge.free{background:#f1f5f9;color:#64748b}.subscription-badge.basic{background:#dbeafe;color:#1e40af}.subscription-badge.premium{background:#fef3c7;color:#d97706}.status-badge{border-radius:12px;font-size:.7rem;padding:2px 8px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.suspended{background:#fee2e2;color:#dc2626}.blocked-badge,.suspended-badge{font-size:.6rem;margin-left:4px}.type-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.type-badge.file{background:#dbeafe;color:#1e40af}.type-badge.scheme{background:#fef3c7;color:#d97706}.download-count{color:#1e293b;font-weight:600}.resale-badge{background:#dc2626;border-radius:4px;font-size:.6rem;margin-left:4px;padding:2px 6px}.resource-info{display:flex;flex-direction:column;gap:2px}.resource-info strong{color:#1e293b;font-size:.9rem}.resource-info small{color:#64748b;font-size:.7rem}.action-buttons{gap:4px}.btn-sm{border:none;cursor:pointer;font-size:.7rem;padding:4px 8px;transition:all .2s}.btn-info{background:#dbeafe;color:#1e40af}.btn-info:hover{background:#bfdbfe}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-warning{background:#fef3c7;color:#d97706}.btn-warning:hover{background:#fde68a}.btn-success{background:#dcfce7;color:#166534}.btn-success:hover{background:#bbf7d0}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fecaca}.analytics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.analytics-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.resource-stats,.teacher-list{display:flex;flex-direction:column;gap:1rem}.resource-item,.teacher-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem}.teacher-avatar{height:50px;overflow:hidden;width:50px}.teacher-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.teacher-info h4{color:#1e293b;margin:0 0 .5rem}.teacher-info p{color:#64748b;font-size:.9rem;margin:.25rem 0}.teacher-stats{color:#64748b;flex-direction:column;font-size:.8rem;gap:.25rem}.subscription-plans{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.plan-card{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.plan-card h3{color:#1e293b;font-size:1.25rem;margin:0 0 1rem}.plan-details{margin-bottom:1.5rem}.plan-details p{color:#64748b;margin:.5rem 0}.plan-details ul{margin:1rem 0;padding-left:1.5rem}.plan-details li{color:#64748b;margin:.5rem 0}@media (max-width:768px){.analytics-grid,.subscription-plans{grid-template-columns:1fr}}.promo-tab{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.promo-form{margin-bottom:2rem;max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto}.form-actions{display:flex;gap:1rem;margin-top:2rem}.banner-preview{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-top:2rem;padding:1.5rem}.banner-preview h3{color:#374151;margin:0 0 1rem}.preview-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:2rem;text-align:center}.preview-banner h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.preview-banner p{font-size:1rem;margin:0 0 1.5rem;opacity:.9}.preview-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.preview-button:hover{background:#ffffff4d;transform:translateY(-2px)}.communication-tab{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.communication-actions{display:flex;gap:1rem;margin-bottom:2rem}.message-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.message-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.close-btn{border-radius:4px;color:#6b7280;font-size:1.5rem;padding:.25rem}.close-btn:hover{background:#f3f4f6}.modal-body{padding:1.5rem}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.messages-list{margin-top:2rem}.messages-list h3{color:#374151;margin:0 0 1rem}.messages-grid{grid-gap:1rem;gap:1rem}.message-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.message-card:hover{box-shadow:0 2px 8px #0000001a}.message-header{align-items:center;margin-bottom:.5rem}.message-header strong{color:#111827}.message-date{font-size:.875rem}.message-subject{margin-bottom:.75rem}.message-subject strong{color:#111827}.message-content{white-space:pre-wrap}.no-messages{color:#6b7280;padding:3rem}.no-messages p{font-size:1.125rem;margin:0}.message-info{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.unread-badge{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:2px 6px;text-align:center}.last-message{color:#6b7280;font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{color:#9ca3af;font-size:10px}.user-status-container{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.status-badges{display:flex;flex-wrap:wrap;gap:4px}.blocked-badge,.suspended-badge{background:#dc2626;border-radius:4px;color:#fff;display:inline-block;font-size:8px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.suspended-badge{background:#f59e0b}.resource-stats{display:flex;flex-direction:column;font-size:11px;gap:2px}.resource-stats span{color:#64748b;font-weight:500}.rating-info{align-items:center;display:flex;flex-direction:column;gap:2px}.rating-stars{color:#fbbf24;font-size:12px;letter-spacing:1px}.rating-info small{color:#64748b;font-size:9px;font-weight:500}.subscription-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.subscription-badge{border-radius:12px;font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.subscription-price{color:#64748b;font-size:10px;font-weight:500}.phone-display{color:#374151;font-family:monospace;font-size:12px;font-weight:500}@media (max-width:768px){.communication-tab,.promo-tab{padding:1rem}.communication-actions,.form-actions{flex-direction:column}.message-modal{margin:1rem}.message-header,.modal-actions{flex-direction:column}.message-header{align-items:flex-start;gap:.5rem}.last-message,.message-info{max-width:80px}}.subscription-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.subscription-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.subscription-actions{display:flex;gap:12px}.subscription-plans{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.plan-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .3s ease}.plan-card:hover{border-color:#3498db;box-shadow:0 4px 16px #3498db26;transform:translateY(-2px)}.plan-header{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.plan-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.plan-status{align-items:center;display:flex}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.status-badge.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.plan-details{margin-bottom:24px}.plan-details p{color:#495057;font-size:14px;line-height:1.5;margin:8px 0}.plan-details strong{color:#2c3e50;font-weight:600}.features-section,.limitations-section{margin-top:16px}.features-section h4,.limitations-section h4{color:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.features-section ul,.limitations-section ul{list-style:none;margin:0;padding-left:20px}.features-section li,.limitations-section li{color:#495057;font-size:13px;line-height:1.4;margin:6px 0;position:relative}.features-section li:before{color:#27ae60;content:"✓";font-weight:700;left:-20px;position:absolute}.limitations-section li:before{color:#e74c3c;content:"✗";font-weight:700;left:-20px;position:absolute}.plan-actions{border-top:2px solid #f8f9fa;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.large{max-width:1000px}@media (max-width:768px){.subscription-header{align-items:stretch;flex-direction:column;gap:16px}.subscription-actions{justify-content:center}.subscription-plans{grid-template-columns:1fr}.plan-header{align-items:flex-start;flex-direction:column;gap:12px}.plan-actions{justify-content:center}.modal-content{margin:10px}}.message-controls{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.message-controls,.search-section{margin-bottom:20px}.search-input-group{max-width:400px;position:relative}.search-input{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 40px 12px 16px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-icon{color:#6b7280;font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-group label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-select,.sort-select,.user-filter-input{background:#fff;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s}.filter-select:focus,.sort-select:focus,.user-filter-input:focus{border-color:#667eea;outline:none}.user-filter-input{min-width:200px}.btn-outline{background:#0000;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-outline:hover{background:#667eea;color:#fff}.message-stats{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:30px;margin-bottom:20px;padding:16px 20px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#111827;font-size:18px;font-weight:700}.messages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.message-card{background:#fff;border-left:4px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .2s}.message-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.message-card.unread{background:#f8f9ff;border-left-color:#667eea}.message-card.read{border-left-color:#10b981}.message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.message-recipient{align-items:center;display:flex;gap:8px}.unread-indicator{color:#667eea;font-size:12px;font-weight:700}.message-date{color:#6b7280;font-size:12px;white-space:nowrap}.message-subject{color:#374151;font-weight:600;margin-bottom:12px}.message-content{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;line-height:1.5;margin-bottom:16px;max-height:100px;overflow:hidden;text-overflow:ellipsis}.message-actions{display:flex;gap:8px;justify-content:flex-end}.btn-sm{border-radius:4px}.btn-danger,.btn-sm{font-size:12px;padding:6px 12px}.btn-danger{background:#ef4444;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-danger:hover{background:#dc2626}.no-messages{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.no-messages p{color:#6b7280;font-size:16px;margin-bottom:20px}@media (max-width:768px){.message-controls{padding:16px}.filter-section{align-items:stretch;flex-direction:column;gap:16px}.filter-group,.user-filter-input{min-width:auto}.message-stats{flex-direction:column;gap:16px}.messages-grid{grid-template-columns:1fr}.message-actions{flex-direction:column}.btn-sm{width:100%}}.payment-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.payment-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.payment-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.payment-modal-header h3{color:#333;font-size:1.5rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-btn:hover{background-color:#f0f0f0}.payment-modal-content{padding:20px}.resource-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.resource-info h4{color:#333;font-size:1.2rem;margin:0 0 10px}.price{color:#007bff;font-size:1.1rem;margin:5px 0}.description{color:#666;font-size:.9rem;margin:5px 0 0}.payment-options{margin-bottom:20px}.payment-options h5{color:#333;font-size:1.1rem;margin:0 0 15px}.payment-methods{display:flex;flex-direction:column;gap:10px}.payment-method-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .3s ease}.payment-method-option:hover{background-color:#f8f9fa;border-color:#007bff}.payment-method-option input[type=radio]{accent-color:#007bff;height:18px;margin:0;width:18px}.method-info{align-items:center;display:flex;flex:1 1;gap:12px}.method-icon{font-size:1.5rem;text-align:center;width:30px}.method-name{color:#2c3e50;display:block;font-size:1rem;font-weight:600;margin-bottom:2px}.method-details{color:#6c757d;display:block;font-size:.9rem}.no-payment-methods{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;padding:20px;text-align:center}.no-payment-methods p{font-size:.95rem;margin:5px 0}.payment-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-btn,.pay-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.pay-btn{align-items:center;background-color:#007bff;color:#fff;display:flex;gap:8px;justify-content:center}.pay-btn:hover:not(:disabled){background-color:#0056b3}.pay-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@media (max-width:600px){.payment-modal{margin:20px;width:95%}.payment-actions{flex-direction:column}.cancel-btn,.pay-btn{width:100%}}.shared-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;box-sizing:border-box;color:#fff;padding:20px;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%;z-index:1000}.header-content{margin:0 auto;max-width:1200px}.app-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 5px;text-shadow:0 2px 4px #0000004d}.header-subtitle{font-size:.9rem;margin:0;opacity:.9}.shared-view-container{background:#f8f9fa;display:flex;flex-direction:column;overflow-x:hidden;padding:0;width:100vw}.shared-content{border-radius:16px;box-shadow:0 8px 32px #00000026;box-sizing:border-box;flex:1 1;margin:20px auto;padding:30px;text-align:center;width:90%}@media (min-width:768px){.shared-view-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.shared-content{margin:20px auto;max-width:1200px;width:90%}.resource-content,.resource-header{margin:0 auto;max-width:800px;text-align:center}.content-body,.content-section{text-align:center}.content-body{margin:0 auto}}.resource-price-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;margin-bottom:20px;padding:20px}.price-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.known-location-indicator{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;font-size:12px;font-weight:500;margin-left:8px;padding:4px 8px}.pay-now-btn:active{transform:translateY(0)}.paid-badge{background:#fffffff2;border-radius:8px;color:#10b981;font-size:16px;font-weight:600;padding:12px 30px;white-space:nowrap}.purchase-note,.resale-note{font-size:14px;margin-top:12px;opacity:.95;text-align:center}.resale-note{background:#ffffff26;border-radius:6px;margin-top:12px;padding:8px 12px}.payment-gate-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.payment-gate-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:500px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.payment-gate-card:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.payment-gate-content{position:relative;z-index:2}.payment-gate-title{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:15px}.payment-gate-description{color:#7f8c8d;font-size:1.1rem;line-height:1.5;margin-bottom:30px}.payment-gate-price{color:#e74c3c;font-size:3rem;font-weight:800;margin-bottom:30px}.payment-gate-features{margin-bottom:30px;text-align:left}.payment-gate-feature{align-items:center;color:#2c3e50;display:flex;font-size:1rem;margin-bottom:15px}.payment-gate-feature .check{align-items:center;background:#27ae60;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-right:15px;width:24px}.payment-gate-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:50px;box-shadow:0 8px 25px #e74c3c66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;max-width:300px;padding:18px 40px;transition:all .3s ease;width:100%}.payment-gate-btn:hover{box-shadow:0 12px 35px #e74c3c99;transform:translateY(-2px)}.blurred-content{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.content-unblurred{filter:none;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.expired-message{margin:0 auto;max-width:600px}.expired-resource-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px;text-align:left}.expired-resource-info h3{color:#2c3e50;font-size:1.3rem;margin-bottom:15px}.expired-resource-info p{color:#555;margin:8px 0}.download-again-btn,.purchase-again-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin:10px;padding:15px 30px;transition:all .3s ease}.download-again-btn:hover,.purchase-again-btn:hover{background:linear-gradient(135deg,#2980b9,#1f618d);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.expired-note{color:#888;font-size:.9rem;font-style:italic;margin-top:20px}.resale-download{background:#fff3cd;border:2px solid #ffc107;border-radius:10px;margin:20px 0;padding:20px;text-align:center}.resale-info h4{color:#856404;font-size:1.2rem;margin-bottom:10px}.resale-info p{color:#856404;font-size:1rem;margin:8px 0}.resale-price{color:#e74c3c;font-size:1.1rem;font-weight:700}.resale-download .purchase-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:15px;padding:15px 30px;transition:all .3s ease}.resale-download .purchase-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.shared-view-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;min-height:100vh;padding:15px;width:100%}.shared-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.resource-header{margin-bottom:25px;padding-bottom:15px}.breadcrumb{align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;justify-content:center;margin-bottom:15px}.breadcrumb-item{color:#3498db;cursor:pointer;text-decoration:none;transition:color .3s ease}.breadcrumb-item:hover{color:#2980b9;text-decoration:underline}.breadcrumb-separator{color:#bdc3c7;margin:0 8px}.resource-header h1{word-wrap:break-word;color:#2c3e50;font-size:1.8rem;margin-bottom:12px}.resource-subject,.resource-topic{color:#34495e;font-size:.95rem;margin:4px 0}.pricing-badge{margin-top:12px}.price{background:#e74c3c;border-radius:20px;font-size:1rem;font-weight:700;padding:6px 12px}.price,.purchased-badge{color:#fff;display:inline-block}.purchased-badge{background:#27ae60;border-radius:15px;font-size:.8rem;margin-left:8px;padding:4px 10px}.action-buttons{margin-bottom:20px}.rate-btn,.whatsapp-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-width:140px;padding:10px 16px;text-align:center;transition:all .3s ease}.whatsapp-btn{background:#25d366;color:#fff}.rate-btn{background:#f39c12;color:#fff}.whatsapp-btn:hover{background:#128c7e}.rate-btn:hover{background:#e67e22}.rating-form{background:#f8f9fa;border-left:4px solid #f39c12;border-radius:8px;margin-bottom:20px;padding:20px}.rating-form h3{color:#2c3e50;margin:0 0 15px}.rating-stars{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.stars{display:flex;gap:5px}.star{color:#ddd;font-size:1.8rem;transition:color .2s}.star.filled{color:#f39c12}.stars.interactive .star:hover{color:#f1c40f}.rating-text{color:#7f8c8d;font-weight:600}.rating-comment{border-radius:6px;box-sizing:border-box;margin-bottom:15px;min-height:80px;padding:12px}.rating-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-rating,.submit-rating{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px}.cancel-rating{background:#95a5a6;color:#fff}.submit-rating{background:#27ae60;color:#fff}.cancel-rating:hover{background:#7f8c8d}.submit-rating:hover{background:#219653}.resource-content{margin:25px 0}.full-content,.preview-content{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:20px;padding:20px}.preview-content{border-left-color:#f39c12;position:relative}.content-display,.text-content{line-height:1.6}.text-content{font-size:1rem;margin-bottom:15px;white-space:pre-wrap}.preview-text{opacity:.9;position:relative}.preview-overlay{align-items:flex-end;background:linear-gradient(#0000 60%,#ffffffe6);bottom:0;display:flex;justify-content:center;left:0;padding:15px;pointer-events:none;position:absolute;right:0;top:0}.preview-overlay p{background:#e74c3c;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.file-section{border-top:1px solid #ddd;margin-top:20px;padding-top:15px}.file-section h4{color:#2c3e50;margin:0 0 10px}.file-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.download-btn,.preview-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 12px}.preview-btn{background:#3498db;color:#fff}.preview-btn:hover{background:#2980b9}.purchase-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin:25px 0;padding:20px;text-align:center}.purchase-btn{background:#f1c40f;border-radius:30px;color:#2c3e50;font-size:1.1rem;margin-bottom:10px;padding:12px 24px}.purchase-btn:hover{background:#f39c12}.guarantee{font-size:.9rem;font-style:italic;margin:0;opacity:.9}.teacher-resources{background:#ecf0f1;border-radius:8px;margin:30px 0;padding:20px}.teacher-resources h3{color:#2c3e50;margin-bottom:15px;text-align:center}.resources-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:15px}.resource-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px;text-align:center}.resource-card h4{color:#2c3e50;font-size:1rem;margin-bottom:8px}.resource-card p{color:#7f8c8d;font-size:.9rem;margin-bottom:12px}.view-resource-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 12px}.view-resource-btn:hover{background:#2980b9}.teacher-info{background:#f8f9fa;border-radius:8px;margin-top:25px;padding:20px;text-align:left}.teacher-profile-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.teacher-avatar{object-fit:cover}.teacher-avatar,.teacher-avatar-placeholder{border:3px solid #e9ecef;border-radius:50%;flex-shrink:0;height:80px;width:80px}.teacher-avatar-placeholder{align-items:center;background:#f8f9fa;color:#6c757d;display:flex;font-size:32px;justify-content:center}.teacher-basic-info{flex:1 1}.teacher-basic-info h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 8px}.teacher-title{color:#666;font-size:1rem;line-height:1.4;margin:0 0 12px}.teacher-bio{background:#fff;border-left:4px solid #667eea;border-radius:6px;color:#555;font-size:.95rem;font-style:italic;line-height:1.5;margin:0;padding:12px}.teacher-stats{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:12px}.teacher-stats span{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;color:#34495e;font-size:.9rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.teacher-stats span:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}@media (max-width:768px){.teacher-profile-header{flex-direction:column;gap:15px;text-align:center}.teacher-avatar,.teacher-avatar-placeholder{height:60px;width:60px}.teacher-avatar-placeholder{font-size:24px}.teacher-stats{gap:10px;justify-content:center}.teacher-stats span{font-size:.8rem;padding:5px 10px}}.ratings-section{margin-top:20px;text-align:left}.ratings-section h4{color:#2c3e50;margin-bottom:15px;text-align:center}.reviews-list{display:flex;flex-direction:column;gap:15px}.review-item{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:15px}.review-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.reviewer{color:#2c3e50;font-weight:600}.review-date{color:#7f8c8d;font-size:.9rem}.review-comment{color:#34495e;font-style:italic;line-height:1.4;margin:0}.error-message,.loading-spinner{font-size:1.1rem;padding:40px 20px;text-align:center}.error-message{color:#e74c3c}@media (max-width:768px){.price-banner-content{flex-direction:column;text-align:center}.price-display{flex-direction:column;gap:8px}.price-amount{font-size:24px;width:100%}.pay-now-btn{font-size:15px;padding:14px 24px;width:100%}.shared-content{-webkit-overflow-scrolling:touch;overflow-x:auto}.resource-header{min-width:100%;width:-webkit-max-content;width:max-content}.shared-view-container{background:#f8f9fa;min-height:100vh;overflow-x:hidden}.shared-content,.shared-view-container{margin:0;max-width:100%;padding:0;width:100%}.shared-content{background:#fff;border-radius:0;box-shadow:none}.resource-header{background:#fff;border-bottom:1px solid #eee;margin-bottom:15px;padding:15px}.resource-header h1{color:#2c3e50;font-size:1.3rem;line-height:1.2;margin-bottom:8px;word-break:break-word}.resource-description{font-size:.95rem;line-height:1.4;margin-bottom:8px}.resource-subject,.resource-topic{font-size:.9rem;margin:3px 0}.pricing-badge{margin-top:10px}.price{font-size:.9rem;padding:5px 10px}.action-buttons{flex-direction:column;gap:8px;margin:15px;padding:0}.rate-btn,.whatsapp-btn{border-radius:8px;font-size:1rem;font-weight:600;min-height:50px;padding:15px 20px;width:100%}.file-info{align-items:flex-start}.file-info,.teacher-stats{flex-direction:column;gap:8px}.resources-grid{gap:12px;grid-template-columns:1fr}.review-header{align-items:flex-start;flex-direction:column;gap:5px}.rating-form{margin-bottom:15px;padding:15px}.rating-stars{justify-content:center;margin-bottom:12px}.star{font-size:1.6rem}.rating-comment{font-size:.9rem;min-height:70px}.rating-actions{gap:8px;justify-content:center}.cancel-rating,.submit-rating{font-size:.9rem;padding:10px 16px}.shared-header{padding:15px}.app-title{font-size:1.5rem}.header-subtitle{font-size:.8rem}}@media (max-width:480px){.shared-view-container{padding:0}.shared-content{border-radius:12px;margin:10px;padding:15px}.shared-header{padding:10px}.app-title{font-size:1.3rem}.header-subtitle{font-size:.75rem}.resource-header h1{font-size:1.2rem;line-height:1.2}.resource-description{font-size:.9rem}.resource-subject,.resource-topic{font-size:.85rem}.purchase-btn{font-size:.95rem;max-width:280px;padding:12px 20px;width:100%}.teacher-stats span{font-size:.75rem;padding:4px 8px}.star{font-size:1.4rem}.rating-form{padding:12px}.rating-comment{font-size:.85rem;min-height:60px}.rate-btn,.whatsapp-btn{font-size:.85rem;padding:14px 16px}.breadcrumb{font-size:.8rem;margin-bottom:10px}.expiration-warning,.resale-info-badge{font-size:.8rem;margin:10px 0;padding:8px}.download-count{font-size:.8rem;margin:8px 0}.full-content,.preview-content{background:#fff;border-radius:8px;margin:15px;padding:15px}.text-content{font-size:.9rem;line-height:1.5}.file-section{margin-top:15px;padding-top:12px}.file-section h4{font-size:1rem;margin-bottom:8px}.download-btn,.preview-btn{font-size:.85rem;margin:5px 0;padding:8px 12px;width:100%}.purchase-cta{margin:20px 0;padding:15px}.purchase-cta h3{font-size:1.1rem;margin-bottom:10px}.guarantee{font-size:.8rem}.teacher-resources{background:#fff;border-radius:8px;margin:15px;padding:15px}.teacher-resources h3{font-size:1.1rem;margin-bottom:12px}.resource-card{padding:12px}.resource-card h4{font-size:.95rem;margin-bottom:6px}.resource-card p{font-size:.85rem;margin-bottom:10px}.view-resource-btn{font-size:.85rem;padding:8px 12px;width:100%}.teacher-info{background:#fff;border-radius:8px;margin:15px;padding:15px}.teacher-bio{font-size:.9rem;padding:10px}.reviews-list{gap:12px}.review-item{padding:12px}.reviewer{font-size:.9rem}.review-date{font-size:.8rem}.review-comment{font-size:.85rem;line-height:1.4}.content-preview table{display:block;font-size:.7rem;overflow-x:auto;white-space:nowrap;width:100%}.content-preview table tbody,.content-preview table thead,.content-preview table tr{display:block}.content-preview table thead tr{left:-9999px;position:absolute;top:-9999px}.content-preview table tr{background:#f9f9f9;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:10px}.content-preview table td{border:none;display:block;padding:8px 0 8px 50%;position:relative;text-align:left;white-space:normal}.content-preview table td:before{color:#2c3e50;content:attr(data-label);font-weight:700;left:6px;padding-right:10px;position:absolute;white-space:nowrap;width:45%}.promo-banner{margin-bottom:15px;padding:15px}.promo-content h3{font-size:1.2rem;margin-bottom:8px}.promo-content p{font-size:.9rem;margin-bottom:12px}.promo-button{font-size:.9rem;padding:10px 20px}.analytics-toggle{margin:1.5rem 0;padding:.8rem}.analytics-btn{font-size:.9rem;padding:10px 20px}}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:60px 20px;text-align:center;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.loading-spinner p{color:#7f8c8d;font-size:1.1rem;margin-top:15px}.resources-note{color:#7f8c8d;font-style:italic;margin-bottom:20px;text-align:center}.rating-form{max-width:100%;text-align:left}.rating-actions,.rating-stars{justify-content:flex-start}.expired-message{background:#f8f9fa;margin:50px auto;max-width:500px;padding:60px 20px}.expired-message p{color:#7f8c8d}.back-button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px 24px;transition:background-color .3s}.back-button:hover{background:#2980b9}.home-button{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin:5px;padding:12px 24px;transition:background-color .3s}.home-button:hover{background:#7f8c8d}.error-actions,.expired-actions,.resale-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.resale-message{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #28a745;border-radius:15px;box-shadow:0 4px 15px #28a74533;padding:40px 20px;text-align:center}.resale-message h2{color:#28a745;font-size:1.8rem;margin-bottom:15px}.resale-message p{color:#495057;font-size:1.1rem;margin-bottom:10px}.resale-info{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:15px}.resale-info p{color:#6c757d;font-size:.95rem;margin:5px 0}.resale-info-badge{background:linear-gradient(135deg,#17a2b8,#138496);border-radius:8px;box-shadow:0 2px 8px #17a2b84d;color:#fff;font-size:.9rem;margin:10px 0;padding:10px 15px;text-align:center}.resale-actions .purchase-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin:5px;padding:15px 30px;transition:all .3s ease}.resale-actions .purchase-btn:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.resale-actions .purchase-btn:active{transform:translateY(0)}.resale-actions .back-btn{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:8px;box-shadow:0 4px 15px #6c757d4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:5px;padding:15px 30px;transition:all .3s ease}.resale-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#3d4043);box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.resale-actions .back-btn:active{transform:translateY(0)}.resale-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin:5px 0;padding:4px 8px}.resale-mini-tab{animation:slideInUp .3s ease;background:#fff;border:2px solid #e74c3c;border-radius:12px;box-shadow:0 4px 20px #e74c3c33;margin-top:20px;position:relative}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resale-mini-tab-close{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:25px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:25px}.resale-mini-tab-close:hover{background:#c0392b;transform:scale(1.1)}.resale-mini-tab-content{padding:20px 40px 20px 20px}.resale-mini-tab-content h4{color:#e74c3c;font-size:1.2rem;font-weight:600;margin:0 0 10px}.resale-mini-tab-content p{color:#6c757d;font-size:.9rem;margin:0 0 10px}.resale-mini-tab-info{background:#f8f9fa;border-radius:8px;margin:15px 0;padding:15px}.resale-mini-tab-info p{color:#495057;font-size:.85rem;margin:0 0 5px}.resale-mini-tab-info p:last-child{margin-bottom:0}.resale-mini-tab-actions{display:flex;justify-content:center;margin-top:15px}.resale-mini-tab-purchase-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.resale-mini-tab-purchase-btn:hover{box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.resale-mini-tab-purchase-btn:active{transform:translateY(0)}@media (max-width:768px){.resale-actions{align-items:center;flex-direction:column}.resale-actions .back-btn,.resale-actions .purchase-btn{margin:5px 0;max-width:300px;width:100%}.resale-modal{margin:20px;width:95%}.resale-modal-content{padding:20px}.resale-modal-content h3{font-size:1.3rem}}.download-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:8px;box-shadow:0 4px 15px #2ecc714d;font-size:1.1rem;max-width:300px;padding:15px 30px;width:100%}.download-btn:hover{box-shadow:0 6px 20px #2ecc7166}.purchased-text{color:#27ae60;font-size:.9rem;font-weight:600;margin-top:10px}.download-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:15px}.download-options .download-btn{flex:1 1;max-width:200px;min-width:140px}.pdf-btn{background:linear-gradient(135deg,#dc3545,#e74c3c)!important;box-shadow:0 4px 15px #dc35454d!important}.pdf-btn:hover{box-shadow:0 6px 20px #dc354566!important}.word-btn{background:linear-gradient(135deg,#007bff,#3498db)!important;box-shadow:0 4px 15px #007bff4d!important}.word-btn:hover{box-shadow:0 6px 20px #007bff66!important}.expiration-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.9rem;margin:15px 0;padding:12px;text-align:center}.expiration-warning strong{color:#d63031}.promo-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.promo-content h3{font-size:1.5rem;font-weight:600;margin:0 0 10px}.promo-content p{font-size:1rem;margin:0 0 15px;opacity:.9}.promo-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.promo-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.analytics-toggle{display:flex;justify-content:center;margin:2rem 0;padding:1rem}.analytics-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.analytics-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.analytics-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.analytics-btn.active:hover{box-shadow:0 6px 20px #10b98166}@media (max-width:768px){.analytics-btn{font-size:.9rem;padding:10px 20px}}.auto-login-indicator{background:#27ae60;border-radius:0 0 8px 8px;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:20px;padding:8px 16px;text-align:center}.blurred-background{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.blurred-background .payment-card-overlay{filter:none;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.purchase-section{background:#f8f9fa;border:2px solid #e74c3c;border-radius:10px;margin-top:20px;padding:20px;text-align:center}.price-display{gap:10px;justify-content:center;margin-bottom:15px}.price-label{color:#2c3e50;font-size:1.1rem;font-weight:600}.price-amount{background:#e74c3c;border-radius:25px;color:#fff;font-size:1.3rem;padding:10px 20px}.purchase-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:25px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 40px;transition:all .3s ease}.purchase-btn:hover{box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.payment-card-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.payment-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:500px;overflow:hidden;padding:0;position:relative;width:100%}.payment-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.payment-card-header h3{font-size:1.5rem;font-weight:700;margin:0}.close-payment-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;transition:background .3s;width:30px}.close-payment-btn:hover{background:#ffffff4d}.payment-card-content{padding:30px}.payment-amount-display{margin-bottom:25px;text-align:center}.amount-label{color:#7f8c8d;display:block;font-size:1rem;margin-bottom:8px}.amount-value{color:#e74c3c;font-size:2.5rem;font-weight:800}.payment-methods h4{color:#2c3e50;font-size:1.1rem;text-align:center}.payment-options{margin-bottom:25px}.payment-option{background:#f8f9fa;border:2px solid #e9ecef;color:#495057;cursor:pointer;padding:15px 25px;transition:all .3s}.payment-option:hover{background:#e3f2fd;border-color:#667eea}.payment-icon{font-size:1.5rem}.proceed-payment-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:25px;box-shadow:0 4px 15px #27ae604d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 40px;transition:all .3s ease;width:100%}.proceed-payment-btn:hover{box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.payment-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;margin-bottom:20px;padding:20px}.payment-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.price-display{align-items:center;display:flex;gap:12px}.price-label{font-size:16px;font-weight:500;opacity:.95}.price-amount{background:#fff3;border-radius:8px;font-size:28px;letter-spacing:.5px;padding:8px 20px}.pay-now-btn{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease;white-space:nowrap}.pay-now-btn:hover{background:#f8f9fa;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.payment-methods{margin-top:20px;text-align:center}.payment-methods h4{color:#ffffffe6;font-size:1rem;font-weight:500;margin:0 0 15px}.payment-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.payment-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;color:#fff;display:flex;font-weight:500;gap:8px;padding:10px 20px}.payment-icon{font-size:1.2rem}.resource-header{background:#fff;border-bottom:2px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto 25px;max-width:800px;padding:20px 20px 15px;text-align:center;width:90%}.resource-title{word-wrap:break-word;font-size:1.8rem;margin-bottom:12px}.resource-description{color:#7f8c8d;font-size:1rem;line-height:1.4;margin-bottom:8px}.resource-meta{gap:10px}.resource-meta span{border:1px solid #e9ecef;border-radius:15px;font-size:.85rem;padding:4px 12px}.resource-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:25px auto;max-width:800px;padding:20px;text-align:center;width:90%}.content-section h3{color:#2c3e50;font-size:1.3rem;margin-bottom:15px;text-align:center}.content-text{word-wrap:break-word;color:#333;text-align:center}.content-body{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin:0 auto 20px;max-width:100%;padding:20px;text-align:center}.content-text{color:#2c3e50;font-size:1rem;line-height:1.6}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px auto;max-width:800px;width:100%}.download-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.download-btn:hover{background:#219653;transform:translateY(-2px)}.expired-message{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px 0;padding:40px 20px;text-align:center}.expired-message h2{color:#e74c3c;font-size:2rem;margin-bottom:20px}.expired-message p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:15px}.expired-actions{margin-top:30px}.purchase-again-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease}.purchase-again-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}@media (max-width:768px){.payment-banner-content{flex-direction:column;text-align:center}.price-display{flex-direction:column;gap:8px}.price-amount{font-size:24px;width:100%}.pay-now-btn{font-size:15px;padding:14px 24px;width:100%}.resource-header{padding:15px}.resource-title{font-size:1.3rem;line-height:1.2}.resource-description{font-size:.95rem}.resource-meta{justify-content:center}.resource-content{padding:15px}.action-buttons{flex-direction:column;gap:8px}.download-btn{font-size:1rem;padding:15px 20px;width:100%}.purchase-section{padding:15px}.price-amount{font-size:1.1rem;padding:8px 16px}.purchase-btn{font-size:1rem;padding:12px 30px;width:100%}.payment-card{margin:10px;max-width:calc(100% - 20px)}.payment-card-content{padding:20px}.amount-value{font-size:2rem}.payment-options{align-items:center;flex-direction:column;gap:10px}.payment-option{justify-content:center;max-width:200px;width:100%}}@media (max-width:480px){.payment-banner{padding:15px}.resource-header{padding:10px}.resource-title{font-size:1.2rem}.resource-description{font-size:.9rem}.resource-content{padding:10px}.expired-message{padding:30px 15px}.expired-message h2{font-size:1.5rem}.expired-message p{font-size:1rem}}.scheme-preview{background:#f8f9fa;border-left:4px solid #e74c3c;border-radius:8px;padding:20px}.scheme-info{background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:20px;padding:15px}.scheme-info p{color:#2c3e50;margin:5px 0}.scheme-table{margin-top:15px;overflow-x:auto}.scheme-table table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.scheme-table th{background:#3498db;color:#fff;font-size:14px;font-weight:600;padding:12px 8px;text-align:left}.scheme-table td{border-bottom:1px solid #eee;font-size:13px;padding:10px 8px}.scheme-table tr:nth-child(2n){background:#f8f9fa}.scheme-table tr:hover{background:#e3f2fd}.pdf-preview{background:#f8f9fa;border-left:4px solid #9b59b6;border-radius:8px;padding:20px;text-align:center}.pdf-preview h4{color:#9b59b6;margin-bottom:15px}.pdf-preview p{color:#2c3e50;margin:8px 0}.word-preview{background:#f8f9fa;border-left:4px solid #e67e22;border-radius:8px;padding:20px;text-align:center}.word-preview h4{color:#e67e22;margin-bottom:15px}.word-preview p{color:#2c3e50;margin:8px 0}.text-preview{background:#f8f9fa;border-left:4px solid #27ae60;border-radius:8px;padding:20px}.text-preview h4{color:#27ae60;margin-bottom:15px}.text-preview .content-text{background:#fff;border:1px solid #ddd;border-radius:6px;padding:15px;text-align:left;white-space:normal!important}.lesson-plan-preview{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:20px}.lesson-plan-preview h4{color:#3498db;margin-bottom:15px}.lesson-plan-preview .content-text{background:#fff;border:1px solid #ddd;border-radius:6px;padding:15px;text-align:left;white-space:normal!important}.content-text table,.lesson-plan-preview .content-text table,.text-preview .content-text table{background:#fff;border-collapse:collapse;font-size:11pt;margin:15px 0;white-space:normal!important;width:100%}.content-text table td,.content-text table th,.lesson-plan-preview .content-text table td,.lesson-plan-preview .content-text table th,.text-preview .content-text table td,.text-preview .content-text table th{word-wrap:break-word;border:1px solid #ddd;padding:8px;text-align:left;white-space:normal!important}.content-text table th,.lesson-plan-preview .content-text table th,.text-preview .content-text table th{background-color:#f8f9fa;color:#2c3e50;font-weight:700}.content-text table tr:nth-child(2n),.lesson-plan-preview .content-text table tr:nth-child(2n),.text-preview .content-text table tr:nth-child(2n){background-color:#f9f9f9}.lesson-plan-preview pre{color:#2c3e50;font-family:Courier New,monospace;font-size:13px;line-height:1.4;margin:0}.pdf-viewer{background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:15px;overflow:hidden}.pdf-controls{align-items:center;background:#f8f9fa;border-top:1px solid #ddd;display:flex;gap:15px;justify-content:center;padding:10px}.pdf-controls button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.pdf-controls button:disabled{background:#bdc3c7;cursor:not-allowed}.pdf-controls button:hover:not(:disabled){background:#2980b9}.pdf-controls span{color:#2c3e50;font-weight:500}.step-flow-container{margin:0 auto;max-width:1200px;padding:20px}.step-indicator{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;justify-content:center;margin-bottom:40px;overflow-x:auto;padding:20px}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;min-width:120px;padding:15px 10px;position:relative;transition:all .3s ease}.step:not(:last-child):after{background:#e9ecef;content:"";height:2px;position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:120px;z-index:1}.step.completed:not(:last-child):after{background:#28a745}.step-number{align-items:center;background:#e9ecef;border:3px solid #e9ecef;border-radius:50%;color:#6c757d;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:40px}.step.active .step-number{background:#007bff;border-color:#007bff;box-shadow:0 0 0 4px #007bff33;color:#fff}.step.completed .step-number{background:#28a745;border-color:#28a745;color:#fff}.step-label{color:#6c757d;font-size:12px;font-weight:500;text-align:center;transition:color .3s ease}.step.active .step-label{color:#007bff;font-weight:600}.step.completed .step-label{color:#28a745}.step-content{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;min-height:400px;padding:30px}.step-1-content .resource-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px;text-align:center}.resource-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0 0 10px}.resource-description{color:#6c757d;font-size:1.1rem;margin:0 0 20px}.resource-meta{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.resource-meta span{background:#f8f9fa;border-radius:20px;color:#495057;font-weight:500;padding:8px 16px}.resource-info-card{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:25px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#fff;border-left:4px solid #007bff;border-radius:8px;padding:15px}.info-item strong{color:#2c3e50;display:block;margin-bottom:5px}.step-2-content .purchase-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:30px;padding:40px;text-align:center}.purchase-banner h2{font-size:2rem;margin:0 0 30px}.purchase-info{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:1fr 2fr;margin-bottom:30px}.price-display{text-align:center}.price-amount{color:gold;font-size:3rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.resource-summary{background:#ffffff1a;border-radius:8px;padding:20px;text-align:left}.resource-summary h3{font-size:1.5rem;margin:0 0 15px}.resource-summary p{font-size:1.1rem;margin:8px 0}.free-section,.payment-section{margin-top:20px}.btn-free,.btn-purchase{background:gold;border:none;border-radius:8px;box-shadow:0 4px 15px #ffd7004d;color:#2c3e50;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.btn-free:hover,.btn-purchase:hover{background:#ffed4e;box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.step-3-content .preview-section{margin-bottom:30px;text-align:center}.preview-section h2{color:#2c3e50;font-size:2rem;margin:0 0 15px}.preview-section p{color:#6c757d;font-size:1.1rem;margin:0 0 30px}.preview-generator{margin:30px 0}.btn-generate-preview{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0 auto;padding:15px 30px;transition:all .3s ease}.btn-generate-preview:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 6px 20px #28a7454d;transform:translateY(-2px)}.btn-generate-preview:disabled{cursor:not-allowed;opacity:.7}.preview-result{margin-top:30px;text-align:left}.preview-header{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.preview-header h3{color:#155724;margin:0 0 10px}.preview-header p{color:#6c757d;margin:0}.preview-content-container{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;max-height:500px;overflow-y:auto;padding:20px}.preview-content{font-family:Arial,sans-serif;line-height:1.6}.step-4-content .download-section{padding:40px;text-align:center}.download-section h2{color:#2c3e50;font-size:2rem;margin:0 0 15px}.download-section p{color:#6c757d;font-size:1.1rem;margin:0 0 30px}.download-options{margin:30px 0}.btn-download-pdf{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0 auto;padding:15px 30px;transition:all .3s ease}.btn-download-pdf:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 6px 20px #dc35454d;transform:translateY(-2px)}.step-5-content .completion-section{padding:40px;text-align:center}.success-icon{font-size:4rem;margin-bottom:20px}.completion-section h2{color:#28a745;font-size:2.5rem;margin:0 0 15px}.completion-section p{color:#6c757d;font-size:1.2rem;margin:0 0 30px}.completion-info{background:#f8f9fa;border-radius:8px;margin:30px auto;max-width:400px;padding:20px;text-align:left}.completion-info p{font-size:1rem;margin:10px 0}.next-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.step-6-content .rating-section{padding:40px;text-align:center}.rating-section h2{color:#2c3e50;font-size:2rem;margin:0 0 15px}.rating-section p{color:#6c757d;font-size:1.1rem;margin:0 0 30px}.rating-form{margin:0 auto;max-width:500px}.star-rating{display:flex;gap:10px;justify-content:center;margin:30px 0}.star{cursor:pointer;font-size:2rem;opacity:.3;transition:all .2s ease}.star.filled{opacity:1;transform:scale(1.1)}.star:hover{transform:scale(1.2)}.rating-comment{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;margin:20px 0;min-height:100px;padding:15px;resize:vertical;width:100%}.btn-submit-rating{background:linear-gradient(135deg,#6f42c1,#e83e8c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.btn-submit-rating:hover{background:linear-gradient(135deg,#5a32a3,#d63384);box-shadow:0 6px 20px #6f42c14d;transform:translateY(-2px)}.step-actions{border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3)}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 15px #007bff4d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;box-shadow:0 4px 15px #6c757d4d;transform:translateY(-2px)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:20px;width:20px}@media (max-width:768px){.step-indicator{flex-direction:column;gap:20px}.step:not(:last-child):after{display:none}.step{margin:0}.step-content{padding:20px}.resource-title{font-size:2rem}.purchase-info{grid-template-columns:1fr}.purchase-info,.resource-summary{text-align:center}.info-grid{grid-template-columns:1fr}.step-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.next-actions{flex-direction:column}}@media (max-width:480px){.step-flow-container{padding:10px}.step-content{padding:15px}.resource-title{font-size:1.5rem}.purchase-banner{padding:20px}.price-amount{font-size:2rem}}body.home-page-active,html.home-page-active{background-color:#fff!important}.App:has(.home-page),body.home-page-active .App{background-color:#fff!important;min-height:100vh}.main-content:has(.home-page),body.home-page-active .main-content{background-color:#fff!important;min-height:100vh}.home-page{background:#fff;justify-content:center;margin:0;min-height:100vh;padding:40px 20px;position:relative;text-align:center;width:100%}.home-header,.home-page{align-items:center;display:flex;flex-direction:column}.home-header{gap:20px;margin-bottom:40px}.home-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.home-logo{height:auto;max-width:300px;object-fit:contain;width:100%}.home-header h1{color:#333;font-size:3rem;font-weight:700;margin-bottom:10px}.home-subtitle{color:indigo;font-size:1.8rem;font-weight:700;margin:0}.home-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:40px 0;max-width:1200px;width:100%}.feature-card{background:#5c9dff;border-radius:10px;box-shadow:0 4px 6px #0003;padding:20px;transition:transform .3s ease}.feature-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.feature-card h3{color:#fff;font-size:1.3rem;margin-bottom:10px}.feature-card p{color:#ffffffe6;line-height:1.6}.home-actions{display:flex;gap:15px;justify-content:center;margin:40px 0}.btn{border-radius:8px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-primary{background:#667eea}.btn-primary:hover{background:#5568d3;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.home-footer{border-top:1px solid #0000001a;margin-top:40px;padding-top:20px}.footer-links{margin-bottom:10px}.footer-links a{color:#667eea;font-weight:500;margin:0 10px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-links span{color:#0000004d}.home-footer p{color:#666;font-size:.9rem}@media (max-width:768px){.home-logo{max-width:200px}.home-header h1{font-size:2rem}.home-features{grid-template-columns:1fr}.home-actions{flex-direction:column}}.legal-page{background:#f5f5f5;min-height:100vh;padding:40px 20px}.legal-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:900px;padding:40px}.legal-header{border-bottom:2px solid #eee;margin-bottom:40px;padding-bottom:20px;text-align:center}.legal-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.legal-date{color:#666;font-size:.9rem}.legal-content{color:#333;line-height:1.8}.legal-content section{margin-bottom:30px}.legal-content h2{color:#667eea;font-size:1.5rem;margin-bottom:15px;margin-top:30px}.legal-content h3{color:#555;font-size:1.2rem;margin-bottom:10px;margin-top:20px}.legal-content p{color:#555;margin-bottom:15px}.legal-content ul{margin-bottom:15px;margin-left:20px}.legal-content li{color:#555;margin-bottom:8px}.legal-footer{border-top:1px solid #eee;margin-top:40px;padding-top:20px;text-align:center}.back-link{color:#667eea;font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}@media (max-width:768px){.legal-container{padding:20px}.legal-header h1{font-size:2rem}}.google-auth-callback{background:#fff;min-height:100vh;padding:20px}.callback-container,.google-auth-callback{align-items:center;display:flex;justify-content:center}.callback-container{background:#0000;border-radius:10px;flex-direction:column;max-width:500px;padding:40px;text-align:center;width:100%}.callback-logo{height:auto;margin-bottom:30px;object-fit:contain;width:150px}.error-icon,.success-icon{font-size:4rem;margin-bottom:20px}.callback-container h2{color:#333;font-size:1.8rem;margin-bottom:15px}.callback-message{color:#666;font-size:1rem;line-height:1.6;margin:10px 0}.error-text{color:#d32f2f;font-weight:500}@media (max-width:768px){.callback-container{padding:30px 20px}.error-icon,.success-icon{font-size:3rem}.callback-container h2{font-size:1.5rem}}.success-alert-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10000}.success-alert-overlay.visible{opacity:1}.success-alert-overlay.closing{opacity:0}.success-alert-container{max-width:500px;transform:scale(.8) translateY(-20px);transition:transform .3s ease;width:90%}.success-alert-overlay.visible .success-alert-container{transform:scale(1) translateY(0)}.success-alert-overlay.closing .success-alert-container{transform:scale(.8) translateY(-20px)}.success-alert-content{animation:slideIn .4s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #10b981;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:30px;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.success-alert-icon{animation:bounceIn .6s ease-out;margin-bottom:20px;text-align:center}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-alert-title{animation:fadeInUp .5s ease-out .2s both;color:#10b981;font-size:1.8rem;font-weight:700;margin:0 0 15px;text-align:center}.success-alert-message{animation:fadeInUp .5s ease-out .3s both;color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 20px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-alert-plan{animation:fadeInUp .5s ease-out .4s both;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:12px;margin:20px 0;padding:20px}.plan-badge{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:15px}.plan-icon{animation:pulse 2s infinite;font-size:2rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.plan-name{color:#059669;font-size:1.3rem;font-weight:700;text-transform:capitalize}.plan-features{margin-top:15px}.features-title{color:#047857;font-size:.9rem;font-weight:600;margin:0 0 10px;text-align:center}.features-list{list-style:none;margin:0;padding:0}.feature-item{align-items:center;animation:slideInLeft .4s ease-out both;color:#065f46;display:flex;font-size:.95rem;gap:10px;padding:8px 0}.feature-item:first-child{animation-delay:.5s}.feature-item:nth-child(2){animation-delay:.6s}.feature-item:nth-child(3){animation-delay:.7s}.feature-item:nth-child(4){animation-delay:.8s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.feature-check{color:#10b981;flex-shrink:0;font-size:1.2rem;font-weight:700}.success-alert-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:30px}.success-alert-close:hover{background:#f3f4f6;color:#374151;transform:rotate(90deg)}@media (max-width:768px){.success-alert-content{padding:20px}.success-alert-title{font-size:1.5rem}.plan-name{font-size:1.1rem}}.payment-success-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.payment-success-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:48px;text-align:center;width:100%}.success-icon{animation:scaleIn .5s ease-out;display:flex;justify-content:center;margin-bottom:24px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.payment-success-content h1{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:16px}.success-message{color:#6b7280;font-size:18px;line-height:1.6;margin-bottom:32px}.payment-details{background:#f9fafb;border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}.detail-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#4b5563;font-weight:600}.detail-value{color:#1f2937;font-size:16px;font-weight:700}.success-actions{margin-bottom:24px}.continue-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;max-width:300px;padding:16px 48px;position:relative;transition:transform .2s,box-shadow .2s;width:100%}.continue-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea66;transform:translateY(-2px)}.continue-button:active:not(:disabled){transform:translateY(0)}.continue-button.loading{cursor:not-allowed;opacity:.8}.continue-button .button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.success-info{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.success-info p{color:#6b7280;font-size:14px;margin:8px 0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.payment-success-content{padding:32px 24px}.payment-success-content h1{font-size:24px}.success-message{font-size:16px}}.payment-cancel-container{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;justify-content:center;min-height:100vh;padding:20px}.payment-cancel-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:48px;text-align:center;width:100%}.cancel-icon{animation:shake .5s ease-out;display:flex;justify-content:center;margin-bottom:24px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.payment-cancel-content h1{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:16px}.cancel-message{color:#6b7280;font-size:18px;line-height:1.6;margin-bottom:32px}.cancel-info{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:32px;padding:24px}.cancel-info p{color:#991b1b;font-size:14px;line-height:1.6;margin:8px 0}.cancel-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.home-button,.retry-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:140px;padding:16px 32px;transition:transform .2s,box-shadow .2s}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.retry-button:hover{box-shadow:0 10px 20px #667eea66;transform:translateY(-2px)}.home-button{background:#fff;border:2px solid #667eea;color:#667eea}.home-button:hover{box-shadow:0 10px 20px #667eea33;transform:translateY(-2px)}.home-button:active,.retry-button:active{transform:translateY(0)}.cancel-help{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.cancel-help p{color:#6b7280;font-size:14px}@media (max-width:640px){.payment-cancel-content{padding:32px 24px}.payment-cancel-content h1{font-size:24px}.cancel-message{font-size:16px}.cancel-actions{flex-direction:column}.home-button,.retry-button{width:100%}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;padding:0;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{line-height:1.6;margin-bottom:1rem}a{color:#667eea;text-decoration:none;transition:color .2s}a:hover{color:#5a6fd8;text-decoration:underline}button{-webkit-appearance:button;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem}.card-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;padding-bottom:1rem}.card-title{font-size:1.25rem;font-weight:600;margin:0}.card-body{padding:0}.btn{border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#667eea;border-color:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5a6fd8;border-color:#5a6fd8}.btn-secondary{background-color:initial;border-color:#6c757d;color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#218838;border-color:#1e7e34}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}.btn-sm{font-size:.875rem;padding:.25rem .5rem}.btn-lg{font-size:1.125rem;padding:.75rem 1.5rem}.form-group{margin-bottom:1rem}.form-label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid #ced4da;border-radius:4px;display:block;font-size:1rem;line-height:1.5;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control,.form-control:focus{background-color:#fff;color:#495057}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40;outline:0}.form-control:disabled{background-color:#e9ecef;opacity:1}.alert{border:1px solid #0000;border-radius:4px;margin-bottom:1rem;padding:.75rem 1.25rem}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}@media (max-width:768px){.container{padding:0 .5rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.card{padding:1rem}.btn{font-size:.9rem;padding:.5rem .75rem}}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.card{padding:.75rem}}@media print{thead{display:table-header-group;page-break-after:avoid}tbody tr,thead{page-break-inside:avoid}table{page-break-inside:auto}td,th{page-break-inside:avoid}table{border-collapse:collapse;width:100%}table td,table th{border:1px solid #000;padding:8px;vertical-align:top}table thead th{background-color:#f0f0f0;font-weight:700}}
/*# sourceMappingURL=main.d7c7e0c8.css.map*/