@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--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 rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@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--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.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{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{background-color:var(--color-card);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-card);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:1rem 2rem;gap:2rem}.logo-container{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:600;font-size:var(--font-size-h3)}.logo{font-size:var(--font-size-h2);font-weight:700;color:var(--color-primary);margin:0;letter-spacing:-.02em}.lang-dropdown{position:relative;display:inline-block}.lang-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-body);color:var(--color-text-secondary)}.lang-trigger:hover{background:var(--color-card-hover);border-color:var(--color-primary)}.current-flag{width:20px;height:15px;border-radius:var(--radius-sm)}.chevron{width:16px;height:16px;transition:transform .2s ease;opacity:.7}.lang-dropdown.open .chevron{transform:rotate(180deg)}.lang-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;min-width:140px;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.lang-dropdown.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-menu-header{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.lang-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;font-size:var(--font-size-body);color:var(--color-text-primary)}.lang-option:hover{background-color:var(--color-card-hover)}.lang-option.active{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);font-weight:600}.lang-flag{width:20px;height:15px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a}.check-icon{width:14px;height:14px;margin-left:auto;color:var(--color-primary)}.lang-name{font-size:var(--font-size-body);color:var(--color-text-primary)}@media(max-width:768px){.header-content{padding:.875rem 1.5rem;gap:1rem}.logo{font-size:var(--font-size-h3)}.logo-icon{width:28px;height:28px;font-size:var(--font-size-body)}.lang-trigger{padding:.375rem .625rem;font-size:var(--font-size-secondary-text)}.lang-name{display:none}}@media(max-width:480px){.header-content{padding:.75rem 1rem}.logo{font-size:var(--font-size-h3)}.logo-text{display:none}}:root{--login-primary: #1e3a8a;--login-accent: #f97316;--login-text: #1e293b;--login-text-muted: #64748b;--login-bg-start: #0f172a;--login-bg-end: #1e293b;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .2)}.login-page-wrapper{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--login-bg-start) 0%,var(--login-bg-end) 100%);font-family:Inter,sans-serif;padding:2rem}.login-page-wrapper .header{position:absolute;top:0;left:0;width:100%;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.login-page-wrapper .header-content{max-width:100%;padding:1.5rem 3rem}.login-page-wrapper .logo,.login-page-wrapper .lang-trigger .lang-name{color:#fff}.login-page-wrapper .lang-trigger{background:#ffffff1a;border-color:#fff3;color:#fff}.login-page-wrapper .lang-trigger:hover{background:#fff3}.login-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s infinite alternate}.shape-1{width:500px;height:500px;background:var(--login-primary);top:-100px;left:-100px}.shape-2{width:400px;height:400px;background:var(--login-accent);bottom:-50px;right:-50px;animation-delay:-5s}.shape-3{width:300px;height:300px;background:#3b82f6;top:40%;right:15%;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}.login-container-new{position:relative;z-index:10;width:100%;max-width:460px;animation:loginAppear .8s cubic-bezier(.16,1,.3,1)}@keyframes loginAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:3rem 2.5rem;display:flex;flex-direction:column;gap:2rem}.login-header-new{text-align:center}.login-welcome{font-size:1.5rem;font-weight:700;color:var(--login-text);margin-bottom:.5rem}.login-subtitle{font-size:.9375rem;color:var(--login-text-muted)}.login-form-new{display:flex;flex-direction:column;gap:1.5rem}.form-group-new{display:flex;flex-direction:column;gap:.75rem}.form-label-new{font-size:.875rem;font-weight:600;color:var(--login-text);display:flex;align-items:center;gap:.5rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1.25rem;color:var(--login-text-muted);pointer-events:none;transition:color .3s ease}.form-input-new{width:100%;padding:1rem 1.25rem 1rem 3.5rem;background:#ffffff80;border:2px solid transparent;border-radius:16px;font-size:1rem;color:var(--login-text);transition:all .3s ease}.form-input-new:focus{outline:none;background:#fff;border-color:var(--login-primary);box-shadow:0 0 0 4px #1e3a8a1a}.form-input-new:focus+.input-icon{color:var(--login-primary)}.password-toggle-new{position:absolute;right:1rem;background:none;border:none;color:var(--login-text-muted);cursor:pointer;padding:.5rem;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.password-toggle-new:hover{background:#0a2e5d0d;color:var(--login-primary)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.remember-me-new{display:flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--login-text);font-weight:500}.custom-checkbox{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.remember-me-new:hover .custom-checkbox{border-color:var(--login-primary)}.remember-me-new.checked .custom-checkbox{background:var(--login-primary);border-color:var(--login-primary)}.checkbox-icon{color:#fff;opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.12,.4,.29,1.46)}.remember-me-new.checked .checkbox-icon{opacity:1;transform:scale(1)}.forgot-btn{background:none;border:none;color:var(--login-primary);font-weight:600;cursor:pointer;transition:color .2s}.forgot-btn:hover{color:var(--login-accent);text-decoration:underline}.login-error-msg{background:#fef2f2;border:1px solid #fee2e2;color:#ef4444;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;display:flex;align-items:center;gap:.5rem;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.login-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--login-primary) 0%,#1a4d8c 100%);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 12px #0a2e5d33}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{animation:spin 1s linear infinite}.login-footer-info{text-align:center;font-size:.8125rem;color:var(--login-text-muted)}@media(max-width:480px){.login-page-wrapper{padding:1rem}.login-card{padding:2.5rem 1.5rem}.login-logo{font-size:2rem}}:root{--dashboard-bg: #f8fafc;--card-bg: #ffffff;--header-bg: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: rgba(10, 46, 93, .05);--shadow-sm: 0 1px 2px 0 rgba(10, 46, 93, .05);--shadow-md: 0 4px 12px rgba(10, 46, 93, .08);--shadow-lg: 0 4px 20px rgba(10, 46, 93, .05);--shadow-xl: 0 8px 30px rgba(10, 46, 93, .12);--accent-blue: #3b82f6;--accent-green: #10b981;--accent-orange: #f59e0b;--accent-red: #ef4444;--accent-cyan: #06b6d4;--accent-teal: #14b8a6;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}.db-container{min-height:100vh;padding:20px;background:#f8fafc;background-image:radial-gradient(circle at 100% 100%,rgba(10,46,93,.03) 0,transparent 25%),radial-gradient(circle at 0% 0%,rgba(224,89,30,.03) 0,transparent 25%);color:var(--text-primary)}.db-header{background:#fff;border-radius:20px;margin-bottom:2rem;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.db-header-content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.db-header-left h1{margin:0;font-size:28px;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.db-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b;margin-bottom:4px;font-weight:500}.db-breadcrumb-item{transition:color .2s ease}.db-breadcrumb-item:hover{color:var(--color-primary)}.db-breadcrumb-item.active{color:var(--accent-blue);font-weight:700}.db-breadcrumb-separator{color:#cbd5e1}.db-header-subtitle{margin:4px 0 0;font-size:.85rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.db-header-filters{display:flex;align-items:center;gap:1rem;flex:1;justify-content:flex-end;margin:0 2rem}.db-header-actions{display:flex;gap:.75rem;flex-shrink:0}.db-action-btn{display:flex;align-items:center;gap:.5rem;padding:12px 24px;border-radius:12px;border:1px solid rgba(10,46,93,.1);background:#fff;color:var(--text-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.db-action-btn:hover{background:#f8fafc;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0a2e5d26}.db-refresh-btn:hover{color:var(--accent-blue)}.db-export-btn:hover{color:var(--accent-green)}.db-export-btn,.db-refresh-btn{border:1px solid rgba(10,46,93,.1);padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;background:#fff;color:var(--color-primary)}.db-export-btn:hover,.db-refresh-btn:hover{background-color:#f1f5f9;transform:translateY(-2px);border-color:#0a2e5d33}.db-filters-section{background:#fff;border-radius:20px;padding:1.25rem 2rem;display:flex;gap:1.25rem;align-items:center;box-shadow:0 4px 15px #0a2e5d08;margin-bottom:2rem;border:1px solid rgba(10,46,93,.05)}.db-filters-row{display:flex;flex-direction:column;gap:1rem}.db-filter-group{display:flex;gap:1rem;align-items:center}.db-filter-label{display:flex;align-items:center;gap:.5rem;color:#64748b;font-weight:600;font-size:.9rem;margin-right:.5rem;color:var(--text-secondary)}.db-dropdown{position:relative;min-width:180px}.db-dropdown-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em}.db-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:180px;padding:12px 18px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;color:var(--color-primary)}.db-dropdown-trigger:hover{border-color:#0a2e5d1a;background:#fff}.db-dropdown-text{font-weight:600;color:var(--color-primary)}.db-dropdown-caret{transition:transform .2s ease;display:flex;align-items:center;color:var(--text-muted)}.db-dropdown-caret.open{transform:rotate(180deg)}.db-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid rgba(10,46,93,.08);border-radius:20px;box-shadow:0 15px 40px #0a2e5d26;max-height:320px;overflow:hidden;z-index:50;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.db-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background:var(--dashboard-bg);font-size:.8125rem;font-weight:600;color:var(--text-primary)}.db-clear-btn{background:none;border:none;color:var(--accent-blue);cursor:pointer;font-size:.8125rem;font-weight:500;padding:0;transition:var(--transition)}.db-clear-btn:hover{text-decoration:underline}.db-dropdown-options{max-height:240px;overflow-y:auto;padding:.5rem}.db-dropdown-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;cursor:pointer;border-radius:.375rem;transition:var(--transition);font-size:.875rem}.db-dropdown-option:hover{background:var(--dashboard-bg)}.db-checkbox-wrapper{position:relative;display:flex;align-items:center}.db-checkbox-input{opacity:0;position:absolute;cursor:pointer}.db-checkbox-custom{width:18px;height:18px;border:2px solid var(--border-color);border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.db-checkbox-input:checked~.db-checkbox-custom{background:var(--accent-blue);border-color:var(--accent-blue)}.db-checkbox-input:checked~.db-checkbox-custom:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.db-option-label{font-weight:500;color:var(--text-primary)}.db-content{margin:0;padding:0}.db-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.db-stat-card{background:#fff;padding:1.75rem;border-radius:24px;box-shadow:0 4px 15px #0a2e5d08;display:flex;align-items:center;gap:1.25rem;transition:all .4s cubic-bezier(.165,.84,.44,1);border:1px solid rgba(10,46,93,.03)}.db-stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0a2e5d1a;border-color:#0a2e5d1a}.db-stat-icon-wrapper{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--card-accent) 0%,var(--card-accent) 100%);color:#fff;box-shadow:0 8px 16px #00000026}.db-stat-icon{width:24px;height:24px}.db-stat-main{flex:1}.db-stat-value{font-size:28px;font-weight:800;margin:0;color:var(--color-primary);letter-spacing:-.01em;line-height:1}.db-stat-title{margin:2px 0 0;color:#94a3b8;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.db-stat-card-backdrop{display:none}.db-stat-card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:0;width:100%}.db-stat-card-main-row{display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem}.db-stat-icon-bg{display:none}.db-stat-trend{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-color)}.db-trend-indicator{display:flex;align-items:center;gap:.375rem}.db-trend-value{font-size:.875rem;font-weight:600}.db-trend-value.positive{color:var(--accent-green)}.db-trend-value.negative{color:var(--accent-red)}.db-trend-label{font-size:.75rem;color:var(--text-muted)}.db-chart-type-toggle{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border:1px solid rgba(10,46,93,.05);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 4px 15px #0a2e5d08}.db-toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.db-toggle-buttons{display:flex;gap:.5rem;background:var(--dashboard-bg);padding:.25rem;border-radius:.5rem}.db-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:var(--transition)}.db-toggle-btn:hover{color:var(--text-primary)}.db-toggle-btn.active{background:var(--card-bg);color:var(--accent-blue);box-shadow:var(--shadow-sm)}.db-graphs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem;margin-bottom:2rem}.db-graph-card{background:#fff;border:1px solid rgba(10,46,93,.05);border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px #0a2e5d0d}.db-graph-card:hover{box-shadow:0 8px 30px #0a2e5d1f;transform:translateY(-2px);border-color:#0a2e5d1a}.db-graph-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.db-graph-title-section h3{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.db-graph-stats{display:flex;align-items:center;gap:.75rem}.db-total-count{font-size:.8125rem;color:var(--text-muted);font-weight:500}.db-trend-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.db-trend-badge.up{background:#10b9811a;color:var(--accent-green)}.db-trend-badge.down{background:#ef44441a;color:var(--accent-red)}.db-current-value{text-align:right}.db-value-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.db-value-number{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.db-graph-container{height:260px;margin:1rem 0}.db-graph-placeholder{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:.75rem}.db-no-data-badge{padding:.25rem .75rem;background:#ef44441a;color:var(--accent-red);border-radius:.375rem;font-size:.75rem;font-weight:600}.db-graph-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.db-period-info{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted)}.db-view-link{display:flex;align-items:center;gap:.25rem;color:var(--accent-blue);text-decoration:none;font-size:.8125rem;font-weight:500;transition:var(--transition)}.db-view-link:hover{gap:.5rem}.db-side-by-side-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem;margin-bottom:2rem}.db-data-card{background:#fff;border:1px solid rgba(10,46,93,.05);border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px #0a2e5d0d}.db-data-card:hover{box-shadow:0 8px 30px #0a2e5d1f;transform:translateY(-2px)}.db-data-card.wide{grid-column:1 / -1}.db-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.db-card-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.db-header-content-inner{display:flex;align-items:center;gap:1rem}.db-attendance-rate-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#10b9811a;color:var(--accent-green);border-radius:.5rem;font-size:.875rem;font-weight:600}.db-total-badge{padding:.375rem .75rem;background:var(--dashboard-bg);color:var(--text-secondary);border-radius:.5rem;font-size:.8125rem;font-weight:600}.db-action-link{display:flex;align-items:center;gap:.25rem;color:var(--accent-blue);text-decoration:none;font-size:.875rem;font-weight:500;transition:var(--transition)}.db-action-link:hover{gap:.5rem}.db-no-data-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted);gap:.75rem}.db-attendance-pie-grid{display:grid;gap:2rem;align-items:center}.db-attendance-pie{height:220px}.db-attendance-legend{display:flex;gap:.875rem;margin:auto}.db-attendance-legend-row{display:flex;align-items:center;gap:.75rem}.db-legend-badge{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.db-legend-info{flex:1}.db-legend-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.db-legend-meta{font-size:.8125rem;color:var(--text-muted)}.db-homework-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.db-stat-item{padding:1rem;background:var(--dashboard-bg);border-radius:.75rem;transition:var(--transition)}.db-stat-item:hover{background:#3b82f60d;transform:translateY(-2px)}.db-stat-item .db-stat-icon{width:32px;height:32px;margin-bottom:.75rem}.db-stat-details{margin-bottom:.75rem}.db-stat-item .db-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.db-stat-item .db-stat-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.db-stat-progress{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.db-progress-track{height:100%;border-radius:2px;transition:width .6s ease}.db-performer-tabs{display:inline-flex;gap:8px;background:linear-gradient(135deg,#eef2ff,#e0f2fe);padding:6px;border-radius:999px;border:1px solid #cbd5e1;box-shadow:0 8px 20px #4f46e51f}.db-performer-tab{border:none;background:transparent;padding:6px 12px;border-radius:999px;font-weight:600;color:#475569;cursor:pointer;transition:var(--transition);min-width:80px}.db-performer-tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 8px 18px #6366f140}.db-performers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem}.db-performers-section{background:linear-gradient(135deg,#6366f10f,#0ea5e90a);padding:1.25rem;border-radius:.9rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.db-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;padding-bottom:20px}.db-performers-list{display:flex;flex-direction:column;gap:.65rem}.db-performer-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem .9rem;background:#fff;border-radius:.65rem;border:1px solid var(--border-color);transition:var(--transition)}.db-performer-item:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.db-performer-rank{width:30px;height:30px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#3b82f6);color:#fff;border-radius:.75rem;font-weight:800;font-size:.85rem}.db-performer-info{flex:1}.db-performer-name{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.db-performer-email{font-size:.8125rem;color:var(--text-muted)}.db-performer-score{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#3b82f61a;color:#1d4ed8;border-radius:.375rem;font-weight:600;font-size:.875rem}.db-performer-item.rank-1{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf241f,#fbbf240d)}.db-performer-item.rank-1 .db-performer-rank{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.db-performer-item.rank-2{border-color:#cbd5e1;background:linear-gradient(135deg,#94a3b81f,#94a3b80d)}.db-performer-item.rank-2 .db-performer-rank{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.db-performer-item.rank-3{border-color:#fb923c;background:linear-gradient(135deg,#f973161f,#f973160d)}.db-performer-item.rank-3 .db-performer-rank{background:linear-gradient(135deg,#f97316,#fb923c)}.db-performer-item.rank-other .db-performer-rank{background:linear-gradient(135deg,#0ea5e9,#3b82f6)}.db-modern-tooltip{background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.75rem;box-shadow:var(--shadow-xl)}.db-tooltip-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem;color:#fff;font-size:.875rem}.db-tooltip-content{display:flex;flex-direction:column;gap:.5rem}.db-tooltip-item{display:flex;align-items:center;gap:.5rem}.db-tooltip-color{width:12px;height:12px;border-radius:.25rem}.db-tooltip-info{display:flex;flex-direction:column;gap:.125rem}.db-tooltip-label{font-size:.8125rem;color:#ffffffb3}.db-tooltip-value{font-size:.875rem;font-weight:600;color:#fff}.db-tooltip-percent{color:#fff9;font-weight:500}.db-modern-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--dashboard-bg);gap:1.5rem}.db-loading-spinner{position:relative;width:80px;height:80px}.db-spinner-ring{position:absolute;inset:0;border:4px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.db-modern-loading p{font-size:1rem;color:var(--text-secondary);font-weight:500}.db-modern-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--dashboard-bg);gap:1rem;padding:2rem;text-align:center}.db-modern-error svg{color:var(--accent-red)}.db-modern-error h3{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.db-modern-error p{font-size:1rem;color:var(--text-secondary);margin:0}.db-modern-retry-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin-top:1rem;background:var(--accent-blue);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition)}.db-modern-retry-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:1200px){.db-graphs-grid{grid-template-columns:1fr}}@media(max-width:1200px){.db-header-content{padding:1.25rem 1.75rem}.db-header-filters{margin:0 1rem;gap:.75rem}.db-dropdown{min-width:150px}.db-header-left h1{font-size:1.5rem}}@media(max-width:968px){.db-header-content{flex-wrap:wrap;padding:1.25rem 1.5rem;gap:1.25rem}.db-header-left{flex:1;min-width:250px}.db-header-filters{order:3;margin:0;width:100%;justify-content:flex-start;flex-wrap:wrap}.db-header-actions{order:2}.db-header-left h1{font-size:1.5rem}.db-header-subtitle{font-size:.8125rem}.db-action-btn{padding:.5rem .875rem;font-size:.8125rem}.db-action-btn span{display:none}.db-dropdown{flex:1;min-width:180px}}@media(max-width:768px){.db-container{padding:10px}.db-header{border-radius:16px;margin-bottom:1rem}.db-header-content{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.25rem}.db-header-left{width:100%}.db-header-left h1{font-size:1.375rem}.db-header-subtitle{font-size:.75rem;margin-top:.25rem;white-space:normal}.db-header-filters{width:100%;flex-direction:column;gap:1rem;margin:0}.db-header-actions{width:100%;justify-content:stretch}.db-action-btn{flex:1;justify-content:center;padding:.75rem;border-radius:10px}.db-dropdown{width:100%}.dashboard-filter-dropdown{width:100%;min-width:100%}.dashboard-filter-trigger{padding:10px 15px}.db-content{padding:10px}.db-stats-grid,.db-graphs-grid{grid-template-columns:1fr;gap:.5rem}.db-side-by-side-cards{grid-template-columns:1fr;gap:1rem}.db-homework-stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.db-header-content{padding:.875rem}.db-header-left h1{font-size:1.25rem}.db-header-subtitle{display:none}.db-header-actions{gap:.375rem}.db-action-btn{padding:.5rem;min-width:40px;justify-content:center}.db-filters{padding:.75rem .875rem}.db-content{padding:.875rem}.db-stat-card,.db-graph-card,.db-data-card{padding:1rem}.db-stat-value{font-size:1.75rem}.db-value-number{font-size:1.25rem}}@media(max-width:768px){.db-attendance-pie-grid,.db-performers-grid,.db-summary-grid{grid-template-columns:1fr}.db-chart-type-toggle{flex-direction:column;gap:1rem}.db-toggle-buttons{width:100%;justify-content:space-between}}.dashboard-filter-trigger:active{transform:translateY(0)}.dashboard-filter-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 50px #0a2e5d26,0 0 0 1px #0a2e5d05;max-height:360px;overflow:hidden;z-index:1000;animation:dropdownSlideIn .25s cubic-bezier(.165,.84,.44,1)}.dashboard-filter-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-filter-checkbox-custom:hover{border-color:#94a3b8;box-shadow:0 2px 8px #0a2e5d1a}.dashboard-filter-dropdown{position:relative;min-width:200px}.dashboard-filter-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 20px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;color:#0a2e5d;box-shadow:0 2px 8px #0a2e5d0a}.dashboard-filter-trigger:hover{border-color:#cbd5e1;background:#fff;box-shadow:0 4px 16px #0a2e5d14;transform:translateY(-1px)}.dashboard-filter-text{font-weight:600;color:#0a2e5d;flex:1;text-align:left}.dashboard-filter-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);color:#64748b;flex-shrink:0}.dashboard-filter-icon.open{transform:rotate(180deg);color:#0a2e5d}.dashboard-filter-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 50px #0a2e5d26;max-height:360px;overflow:hidden;z-index:1000;animation:dropdownSlideIn .25s cubic-bezier(.165,.84,.44,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-filter-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9;background:linear-gradient(to bottom,#fafbfc,#fff)}.dashboard-filter-menu-title{font-size:13px;font-weight:700;color:#0a2e5d;text-transform:uppercase;letter-spacing:.05em}.dashboard-filter-clear{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px;border-radius:6px;transition:all .2s ease}.dashboard-filter-clear:hover{background:#eff6ff;color:#2563eb}.dashboard-filter-options{max-height:280px;overflow-y:auto;padding:8px}.dashboard-filter-options::-webkit-scrollbar{width:6px}.dashboard-filter-options::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}.dashboard-filter-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.dashboard-filter-option{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-radius:12px;transition:all .2s ease;margin-bottom:2px}.dashboard-filter-option:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.dashboard-filter-checkbox-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.dashboard-filter-checkbox-input{opacity:0;position:absolute;cursor:pointer;width:20px;height:20px}.dashboard-filter-checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 3px #0a2e5d0d}.dashboard-filter-checkbox-input:checked~.dashboard-filter-checkbox-custom{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.dashboard-filter-checkbox-input:checked~.dashboard-filter-checkbox-custom:after{content:"";width:5px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);margin-bottom:2px}.dashboard-filter-option-label{font-weight:500;color:#334155;font-size:14px;flex:1;-webkit-user-select:none;user-select:none}.dashboard-filter-option:hover .dashboard-filter-option-label{color:#0a2e5d}.db-chart-controls{display:flex;align-items:center;gap:1rem}.db-chart-type-label{display:flex;align-items:center;gap:.5rem;font-size:13px;font-weight:600;color:#64748b;padding-right:.75rem;border-right:2px solid #f1f5f9}.db-chart-type-label svg{color:#94a3b8}.db-chart-type-toggle{display:flex;align-items:center;gap:.5rem;background:#f8fafc;padding:4px;border-radius:12px;border:1px solid #e2e8f0}.db-toggle-btn{display:flex;align-items:center;gap:.375rem;padding:8px 16px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.db-toggle-btn:hover{color:#0a2e5d;background:#fff9}.db-toggle-btn.active{background:linear-gradient(135deg,#fff,#f8fafc);color:#0a2e5d;box-shadow:0 2px 8px #0a2e5d14,0 1px 3px #0a2e5d0a;border:1px solid rgba(10,46,93,.06)}.db-toggle-btn.active:before{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.db-toggle-btn svg{width:14px;height:14px}.db-toggle-btn:active{transform:scale(.97)}.db-chart-type-toggle{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fff,#fafbfc);border:2px solid #e2e8f0;border-radius:20px;padding:1.25rem 1.75rem;margin-bottom:2rem;box-shadow:0 4px 16px #0a2e5d0f,0 1px 3px #0a2e5d05;transition:all .3s cubic-bezier(.4,0,.2,1)}.db-chart-type-toggle:hover{box-shadow:0 6px 24px #0a2e5d14,0 2px 6px #0a2e5d0a;border-color:#cbd5e1}.db-toggle-label{display:flex;align-items:center;gap:.75rem;font-size:15px;font-weight:700;color:#0a2e5d;padding-right:1.5rem;border-right:2px solid #e2e8f0}.db-toggle-label svg{color:#3b82f6;stroke-width:2.5}.db-toggle-buttons{display:flex;align-items:center;gap:.625rem;background:#f1f5f9;padding:6px;border-radius:14px;border:1px solid #e2e8f0}.db-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:10px 20px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:600;border-radius:11px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.db-toggle-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#2563eb05);opacity:0;transition:opacity .3s ease}.db-toggle-btn:hover{color:#0a2e5d;background:#ffffff80;transform:translateY(-1px)}.db-toggle-btn:hover:before{opacity:1}.db-toggle-btn.active{background:linear-gradient(135deg,#fff,#f8fafc);color:#0a2e5d;box-shadow:0 4px 12px #3b82f626,0 2px 4px #0a2e5d14;border:1px solid rgba(59,130,246,.2)}.db-toggle-btn.active svg{color:#3b82f6}.db-toggle-btn svg{width:16px;height:16px;transition:all .3s ease}.db-toggle-btn:active{transform:scale(.96)}@media(max-width:768px){.db-chart-type-toggle{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.db-toggle-label{border-right:none;border-bottom:2px solid #e2e8f0;padding-right:0;padding-bottom:1rem;justify-content:center}.db-toggle-buttons{width:100%;justify-content:space-between}.db-toggle-btn{flex:1;justify-content:center}}.db-performers-section{margin-bottom:1.5rem}.db-section-title{display:flex;align-items:center;gap:.625rem;font-size:16px;font-weight:700;color:#0a2e5d;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.db-section-title svg{color:#3b82f6;stroke-width:2.5}.db-performers-list{display:flex;flex-direction:column;gap:.75rem}.db-performer-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fff,#fafbfc);border:2px solid #e2e8f0;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.db-performer-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#cbd5e1,#94a3b8);transition:all .3s ease}.db-performer-item:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0a2e5d14;transform:translate(4px)}.db-performer-item.rank-1{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fbbf24}.db-performer-item.rank-1:before{background:linear-gradient(180deg,#fbbf24,#f59e0b);box-shadow:0 0 12px #fbbf2466}.db-performer-item.rank-1:hover{box-shadow:0 6px 24px #fbbf2433}.db-performer-item.rank-1 .db-performer-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 12px #fbbf244d}.db-performer-item.rank-2{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#94a3b8}.db-performer-item.rank-2:before{background:linear-gradient(180deg,#94a3b8,#64748b);box-shadow:0 0 12px #94a3b866}.db-performer-item.rank-2:hover{box-shadow:0 6px 24px #94a3b833}.db-performer-item.rank-2 .db-performer-rank{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;box-shadow:0 4px 12px #94a3b84d}.db-performer-item.rank-3{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#f87171}.db-performer-item.rank-3:before{background:linear-gradient(180deg,#f87171,#ef4444);box-shadow:0 0 12px #f8717166}.db-performer-item.rank-3:hover{box-shadow:0 6px 24px #f8717133}.db-performer-item.rank-3 .db-performer-rank{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;box-shadow:0 4px 12px #f871714d}.db-performer-rank{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#0a2e5d;font-size:16px;font-weight:800;border-radius:10px;flex-shrink:0;transition:all .3s ease}.db-performer-info{flex:1;min-width:0}.db-performer-name{font-size:15px;font-weight:700;color:#0a2e5d;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-performer-email{font-size:13px;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-performer-score{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:10px;flex-shrink:0}.db-performer-score svg{color:#3b82f6;stroke-width:2.5}.db-performer-score span{font-size:15px;font-weight:700;color:#0a2e5d}.db-performer-item.empty{justify-content:center;color:#94a3b8;font-weight:500;font-style:italic;background:#f8fafc;border-style:dashed}@media(max-width:768px){.db-performer-item{padding:.875rem 1rem}.db-performer-rank{width:32px;height:32px;font-size:14px}.db-performer-name{font-size:14px}.db-performer-email{font-size:12px}.db-performer-score{padding:.375rem .75rem}.db-performer-score span{font-size:14px}}.db-performer-tabs{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;padding:5px;border-radius:12px;border:1px solid #e2e8f0}.db-performer-tab{padding:8px 18px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:600;border-radius:9px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.db-performer-tab:hover{color:#0a2e5d;background:#ffffff80}.db-performer-tab.active{background:linear-gradient(135deg,#0a2e5d,#1e40af);color:#fff;box-shadow:0 4px 12px #0a2e5d40,0 2px 4px #0a2e5d26}.db-performer-tab:active{transform:scale(.96)}.BubbleSelect_Container{display:flex;flex-direction:column;position:relative;width:100%}.BubbleSelect_Container.disabled{opacity:.6;pointer-events:none}.BubbleSelect_Label{display:block;font-size:.813rem;font-weight:700;color:var(--app-primary, #1e293b);margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.025em}.BubbleSelect_Required{color:var(--app-danger, #ef4444)}.BubbleSelect_Wrapper{position:relative}.BubbleSelect_Trigger{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#f8fafc;border:2px solid var(--app-border, #e2e8f0);border-radius:1.125rem;cursor:pointer;font-weight:700;color:var(--app-text, #1e293b);transition:all .2s;font-size:.938rem}.BubbleSelect_Trigger:hover:not(.disabled){border-color:var(--app-primary, #1e293b);background:#fff}.BubbleSelect_Trigger.open{border-color:var(--app-primary, #1e293b);background:#fff;box-shadow:0 0 0 4px #1e293b0d}.BubbleSelect_Trigger.disabled{opacity:.7;cursor:not-allowed;background:#f1f5f9}.BubbleSelect_Icon{color:var(--app-text-muted, #64748b)}.BubbleSelect_Display{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.BubbleSelect_Chevron{color:var(--app-text-muted, #64748b);transition:transform .3s}.BubbleSelect_Chevron.open{transform:rotate(180deg)}.BubbleSelect_Bubble{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border-radius:1.25rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--app-border, #e2e8f0);z-index:10000!important;overflow:hidden;animation:bubbleIn .2s ease-out}.BubbleSelect_Arrow{position:absolute;top:-6px;left:24px;width:12px;height:12px;background:#fff;border-top:1px solid var(--app-border, #e2e8f0);border-left:1px solid var(--app-border, #e2e8f0);transform:rotate(45deg)}.BubbleSelect_SearchWrapper{padding:.625rem .75rem;border-bottom:1px solid var(--app-border, #e2e8f0);display:flex;align-items:center;gap:.625rem;background:#fff;margin:.25rem .25rem 0;border-radius:.625rem}.BubbleSelect_SearchIcon{color:var(--app-text-muted, #64748b);flex-shrink:0}.BubbleSelect_SearchInput{flex:1;border:none;background:transparent;outline:none;font-size:.875rem;color:var(--app-text, #1e293b);font-weight:600;padding:0}.BubbleSelect_SearchInput::placeholder{color:var(--app-text-muted, #64748b);font-weight:500}.BubbleSelect_Options{padding:.5rem;max-height:250px;overflow-y:auto}.BubbleSelect_Option{padding:.75rem 1rem;border-radius:.75rem;cursor:pointer;transition:all .2s;font-weight:600;color:var(--app-text-muted, #64748b);font-size:.875rem}.BubbleSelect_Option:hover{background:#f1f5f9;color:var(--app-primary, #1e293b)}.BubbleSelect_Option.selected{background:#eff6ff;color:var(--app-accent, #3b82f6)}.BubbleSelect_NoResults{padding:1rem;text-align:center;color:var(--app-text-muted, #64748b);font-size:.875rem;font-weight:500}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.BubbleDatePicker_Container{display:flex;flex-direction:column;position:relative;width:100%}.BubbleDatePicker_Container.disabled{opacity:.6;pointer-events:none}.BubbleDatePicker_Label{display:block;font-size:.813rem;font-weight:700;color:var(--app-primary, #1e293b);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.025em}.BubbleDatePicker_Required{color:var(--app-danger, #ef4444)}.BubbleDatePicker_Wrapper{position:relative}.BubbleDatePicker_Wrapper.disabled{cursor:not-allowed!important}.bubble-datepicker-input{border:none!important;background:transparent!important;outline:none!important;font-size:.938rem!important;font-weight:700!important;color:#1e293b!important;width:100%!important;cursor:pointer!important;padding:0!important}.bubble-datepicker-input::placeholder{color:#64748b;font-weight:500}.bubble-datepicker-input:disabled{cursor:not-allowed!important;opacity:.6}.bubble-calendar .react-datepicker__header{background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;padding:0!important;border-radius:0!important}.bubble-calendar .react-datepicker__day-names{display:flex!important;justify-content:space-around!important;margin-top:.25rem!important}.bubble-calendar .react-datepicker__day-name{color:#64748b!important;font-weight:600!important;font-size:.75rem!important;text-transform:uppercase!important;width:2.8rem!important;line-height:2.8rem!important}.bubble-calendar .react-datepicker__day{width:2.8rem!important;height:2.8rem!important;line-height:2.8rem!important;border-radius:.75rem!important;color:#1e293b!important;font-weight:500!important;margin:.125rem!important;transition:all .2s!important}.bubble-datepicker-header-custom{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.75rem 1rem!important;background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important}.bubble-datepicker-selectors{display:flex!important;gap:.5rem!important;align-items:center!important}.bubble-month-select-unique,.bubble-year-select-unique{border:2px solid #e2e8f0!important;border-radius:.75rem!important;padding:.4rem 2rem .4rem .75rem!important;background:#fff!important;font-size:.875rem!important;font-weight:700!important;color:#1e293b!important;cursor:pointer!important;outline:none!important;transition:all .2s!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important}.bubble-month-select-unique{min-width:120px!important}.bubble-year-select-unique{min-width:90px!important}.bubble-month-select-unique:hover,.bubble-year-select-unique:hover{border-color:#1e293b!important;background-color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px #0000000d!important}.bubble-month-select-unique:focus,.bubble-year-select-unique:focus{border-color:#ed8936!important;box-shadow:0 0 0 3px #ed89361a!important}.bubble-datepicker-nav-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:1.75rem!important;height:1.75rem!important;border:2px solid #e2e8f0!important;border-radius:.5rem!important;background:#fff!important;color:#64748b!important;font-size:.875rem!important;font-weight:700!important;cursor:pointer!important;transition:all .2s!important}.bubble-datepicker-nav-btn:hover:not(:disabled){background:#f1f5f9!important;border-color:#1e293b!important;color:#1e293b!important}.bubble-datepicker-nav-btn:disabled{opacity:.3!important;cursor:not-allowed!important}.bubble-calendar .react-datepicker__header__dropdown,.bubble-calendar .react-datepicker__navigation,.bubble-calendar .react-datepicker__current-month{display:none!important}.bubble-calendar .react-datepicker__header{padding:0!important;border:none!important}.bubble-calendar .react-datepicker__day-names{padding:.5rem 1rem 0!important;margin-top:0!important}.bubble-month-select-unique option,.bubble-year-select-unique option{font-weight:500!important;padding:.5rem!important}:root{--course-primary: #1e293b;--course-accent: #f97316;--course-accent-light: rgba(249, 115, 22, .1);--course-bg: #f8fafc;--course-card: #ffffff;--course-text: #1e293b;--course-text-muted: #64748b;--course-border: #e2e8f0;--course-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--course-success: #10b981;--course-warning: #f59e0b;--course-danger: #ef4444}.courses-container{min-height:100vh;padding:1.5rem 2rem;background:var(--course-bg);background-image:radial-gradient(circle at 100% 100%,rgba(30,41,59,.03) 0,transparent 25%),radial-gradient(circle at 0% 0%,rgba(249,115,22,.03) 0,transparent 25%);font-family:Inter,sans-serif}.premium-card{background:#fff;padding:1.5rem 2rem;border-radius:1.25rem;box-shadow:var(--course-shadow);border:1px solid var(--course-border)}.courses-header{background:#fff;padding:1.5rem 2rem;border-radius:1.25rem;margin-bottom:2rem;box-shadow:var(--course-shadow);border:1px solid var(--course-border)}.courses-header-content{display:flex;justify-content:space-between;align-items:center}.courses-header-main{display:flex;flex-direction:column}.page-title{font-size:1.875rem;font-weight:800;color:var(--course-primary);margin:0;letter-spacing:-.025em}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;color:var(--course-text-muted);font-size:.875rem;font-weight:500}.breadcrumb-item.active{color:var(--course-accent);font-weight:700}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;border-radius:.875rem;font-weight:700;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.btn-primary{background:var(--course-primary);color:#fff;box-shadow:0 4px 12px #1e293b33}.btn-primary:hover{background:#334155;transform:translateY(-2px);box-shadow:0 8px 20px #1e293b40}.btn-secondary{background:#fff;color:var(--course-text);border:1px solid var(--course-border)}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--course-shadow);border:1px solid var(--course-border);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.stat-icon{width:3.75rem;height:3.75rem;border-radius:1.125rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-content h3{font-size:1.75rem;font-weight:800;margin:0;color:var(--course-text);letter-spacing:-.025em}.stat-content p{font-size:.813rem;color:var(--course-text-muted);margin:2px 0 0;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.courses-filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1.5rem}.courses-search-box{position:relative;flex:1;max-width:450px}.courses-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--course-text-muted);transition:color .3s ease}.courses-search-input{width:100%;padding:.875rem 1.25rem .875rem 3.25rem;border-radius:1rem;border:2px solid var(--course-border);font-size:.938rem;font-weight:500;transition:all .3s ease;background:#fff}.courses-search-input:focus{outline:none;border-color:var(--course-primary);box-shadow:0 0 0 4px #1e293b0d}.courses-search-input:focus~.courses-search-icon{color:var(--course-primary)}.filter-bubbles-container{display:flex;gap:.875rem}.filter-trigger,.date-range-trigger{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:#fff;border:2px solid var(--course-border);border-radius:1rem;font-size:.875rem;font-weight:600;cursor:pointer;color:var(--course-text);transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-trigger:hover,.date-range-trigger:hover{border-color:#cbd5e1;background:#f8fafc}.filter-trigger .filter-display{flex:1;min-width:80px}.filter-bubble,.date-picker-bubble{position:absolute;top:calc(100% + 12px);right:0;background:#fff;border-radius:1.25rem;box-shadow:0 20px 50px #0000001f;border:1px solid var(--course-border);z-index:1000;min-width:220px;padding:.75rem;animation:dropdownIn .3s cubic-bezier(.165,.84,.44,1)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bubble-arrow{position:absolute;top:-6px;right:24px;width:12px;height:12px;background:#fff;border-left:1px solid var(--course-border);border-top:1px solid var(--course-border);transform:rotate(45deg)}.filter-option{padding:.75rem 1rem;border-radius:.75rem;cursor:pointer;font-size:14px;font-weight:600;color:var(--course-text-muted);transition:all .2s;display:flex;align-items:center;gap:.75rem}.filter-option:hover{background:#f1f5f9;color:var(--course-text)}.filter-option.selected{background:var(--course-primary);color:#fff}.color-dot{width:10px;height:10px;border-radius:50%}.courses-table-container{background:#fff;border-radius:1.5rem;box-shadow:var(--course-shadow);border:1px solid var(--course-border);overflow:hidden}.table-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--course-border);display:flex;justify-content:space-between;align-items:center;background:#fcfcfd}.table-count{font-size:.938rem;color:var(--course-text-muted);font-weight:600}.courses-table{width:100%;border-collapse:separate;border-spacing:0}.courses-table th{padding:1.125rem 1.75rem;text-align:left;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.075em;color:var(--course-primary);background:#f8fafc;border-bottom:2px solid var(--course-border)}.courses-table td{padding:1.5rem 1.75rem;vertical-align:middle;border-bottom:1px solid #f1f5f9;color:var(--course-text);font-weight:500;font-size:.938rem}.course-profile-td{min-width:280px}.course-profile-cell{display:flex;align-items:center;gap:1.25rem}.course-icon-container{width:3.25rem;height:3.25rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:var(--course-primary);background:linear-gradient(135deg,var(--course-primary) 0%,#334155 100%);color:#fff;flex-shrink:0;box-shadow:0 4px 10px #1e293b26;border:2px solid white}.course-name-text{font-weight:700;font-size:1rem;color:var(--course-primary);margin-bottom:2px}.course-id-tag{font-size:.75rem;color:var(--course-accent);font-weight:700;text-transform:uppercase}.category-badge-wrapper{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.813rem}.level-badge{display:inline-block;padding:.375rem .875rem;border-radius:2rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.course-duration-td{min-width:180px}.duration-info{display:flex;flex-direction:column;gap:.5rem}.info-item{display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:600;color:var(--course-text-muted)}.info-item svg{color:var(--course-primary);opacity:.8}.info-item.subtitle{font-size:.813rem;font-weight:500}.course-pricing-td{min-width:150px}.pricing-tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.price-pill{padding:.313rem .75rem;border-radius:.625rem;font-size:.75rem;font-weight:800;border:1.5px solid transparent}.price-pill.usd{background:#f0fdf4;color:#166534;border-color:#dcfce7}.price-pill.rub{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}.price-pill.inr{background:#fff7ed;color:#9a3412;border-color:#ffedd5}.price-pill.free{background:#f8fafc;color:#475569;border:1.5px dashed #e2e8f0}.status-badge{padding:.5rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.btn-icon{width:2.25rem;height:2.25rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--course-border);background:#fff;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-icon:hover{background:#f8fafc;transform:scale(1.1);box-shadow:0 4px 10px #0000000d}.btn-icon.telegram:hover{color:#08c;border-color:#08c}.btn-icon.max:hover{color:#f97316;border-color:#f97316}.btn-icon.edit:hover{color:var(--course-accent);border-color:var(--course-accent)}.btn-icon.view:hover{color:var(--course-primary);border-color:var(--course-primary)}.course-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.course-premium-modal{background:#fff;width:100%;max-width:850px;max-height:90vh;border-radius:2rem!important;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)!important}@keyframes modalSlideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.course-modal-header{padding:1.75rem 2.5rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--course-border)}.course-modal-header-title{display:flex;align-items:center;gap:1.25rem}.course-modal-title-icon{width:3.25rem;height:3.25rem;background:var(--course-primary);color:#fff;border-radius:1.125rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.course-modal-header-title h2{font-size:1.5rem;font-weight:800;color:var(--course-primary);margin:0;letter-spacing:-.01em}.course-modal-header-title p{font-size:.875rem;color:var(--course-text-muted);margin:2px 0 0;font-weight:500}.course-modal-close-btn{background:#fff;border:1.5px solid var(--course-border);color:var(--course-text-muted);width:2.75rem;height:2.75rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.course-modal-close-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5;transform:rotate(90deg)}.course-modal-tabs-nav{display:flex;background:#f1f5f9;padding:.625rem;gap:.625rem;margin:1.5rem 2.5rem 0;border-radius:1.25rem}.course-tab-link{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem;border-radius:1rem;border:none;background:transparent;color:var(--course-text-muted);font-weight:700;font-size:.938rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-tab-link.active{background:#fff;color:var(--course-primary);box-shadow:0 4px 12px #00000014}.course-modal-body{padding:2.5rem;flex:1;overflow-y:auto}.course-modal-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:800;color:var(--course-primary);margin:1.5rem 0;padding:.2rem 0 .2rem 1rem;border-left:3px solid #ff5a1f;text-transform:uppercase;letter-spacing:.02em}.course-modal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.course-modal-form-group.full-width{grid-column:span 2}.course-modal-form-group label{display:block;font-size:.875rem;font-weight:700;color:var(--course-primary);margin-bottom:.625rem}.course-modal-form-group .required{color:var(--course-danger)}.course-modal-form-group input,.course-modal-form-group select,.course-modal-form-group textarea{width:100%;padding:.875rem 1.125rem;border-radius:1rem;border:2px solid var(--course-border);font-size:.938rem;font-weight:500;background:#fcfcfd;transition:all .3s ease}.course-modal-form-group input:focus,.course-modal-form-group select:focus,.course-modal-form-group textarea:focus{outline:none;border-color:var(--course-primary);background:#fff;box-shadow:0 0 0 4px #1e293b14}.course-modal-price-input{position:relative;display:flex;align-items:center}.course-modal-currency-icon{position:absolute;left:1.125rem;font-weight:800;color:var(--course-text-muted);font-size:1.125rem}.course-modal-price-input input{padding-left:2.75rem}.course-modal-footer{padding:1.5rem 2.5rem;background:#f8fafc;border-top:1px solid var(--course-border);display:flex;justify-content:flex-end;gap:1.25rem}.course-modal-btn-primary{background:linear-gradient(135deg,var(--web-primary) 0%,#1a4d8c 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0a2e5d40}.course-modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.course-modal-btn-ghost{padding:.875rem 1.5rem;font-weight:700;color:var(--course-text-muted);background:transparent;border:none;cursor:pointer;transition:color .2s}.course-modal-btn-ghost:hover{color:var(--course-text)}.course-modal-spinner-small{width:20px;height:20px;border:3.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.courses-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.courses-header-main,.header-actions{width:100%}.header-actions .btn-primary,.header-actions .btn-secondary{flex:1;justify-content:center}.courses-filters-section{flex-direction:column;align-items:stretch}.courses-search-box{max-width:none}.filter-bubbles-container{display:flex;flex-wrap:wrap;gap:.75rem}.course-form-grid{grid-template-columns:1fr}.page-title{font-size:1.5rem}}@media(max-width:1200px){.courses-container{padding:1.5rem}.courses-header{padding:1.25rem 1.5rem}}@media(max-width:1024px){.stats-section{grid-template-columns:repeat(2,1fr);gap:1.25rem}.courses-filters-section{flex-direction:column;align-items:stretch;gap:1.25rem}.courses-search-box{max-width:none}.filter-bubbles-container{justify-content:flex-start;gap:.75rem}}@media(max-width:640px){.stats-section{grid-template-columns:1fr;gap:1rem}.courses-container{padding:1rem}.courses-header{padding:1rem;margin-bottom:1.5rem}.courses-header-content{gap:1.25rem}.header-actions{flex-direction:column;gap:.75rem}.header-actions .btn-primary,.header-actions .btn-secondary{width:100%}.filter-bubbles-container{flex-wrap:wrap}.courses-table th{padding:.875rem 1rem;font-size:.688rem}.courses-table td{padding:1.125rem 1rem;font-size:.875rem}.course-modal-overlay{padding:1rem}.course-modal-header{padding:1.25rem 1.5rem}.course-modal-body{padding:1.5rem}.course-modal-tabs-nav{margin:1rem 1.5rem 0}}@media(max-width:480px){.courses-container{padding:.75rem}.courses-header{padding:1rem}.page-title{font-size:1.25rem}.stat-card{padding:1.25rem}.stat-icon{width:3rem;height:3rem;font-size:1.25rem}.stat-content h3{font-size:1.5rem}.stat-content p{font-size:.75rem}.courses-search-input{padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem}.courses-search-icon{left:1rem}.filter-trigger,.date-range-trigger{padding:.625rem 1rem;font-size:.813rem}.courses-table th{padding:.75rem .875rem;font-size:.625rem}.courses-table td{padding:1rem .875rem;font-size:.813rem}.course-icon-container{width:2.75rem;height:2.75rem;font-size:1.125rem}.course-name-text{font-size:.875rem}.course-id-tag{font-size:.688rem}.action-buttons-group{gap:.375rem}.btn-icon{width:2rem;height:2rem}.course-modal-header{padding:1rem 1.25rem}.course-modal-header-title h2{font-size:1.25rem}.course-modal-body{padding:1.25rem}.course-modal-tabs-nav{margin:.75rem 1.25rem 0;padding:.5rem}.course-tab-link{padding:.75rem;font-size:.875rem}}.layout{display:flex;height:100vh;position:relative;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;background:transparent}.content-area{flex:1;overflow-y:auto;background-color:transparent;border-top-left-radius:32px;margin:0;position:relative;border:3px solid var(--color-border);box-shadow:inset 2px 2px 8px #0a2e5d08,-4px -4px 16px #0a2e5d05}.content-container{min-height:100%;padding:0}@media(min-width:1025px){.main-content{margin-left:280px}.main-content.sidebar-collapsed{margin-left:88px}}@media(max-width:1024px){.layout{padding-left:0}.main-content{margin-left:0;border-radius:0}.main-content.sidebar-open{transform:translate(280px);border-radius:24px 0 0 24px;box-shadow:-5px 0 30px #00000026}.main-content.sidebar-open .content-area{border-radius:24px 0 0 24px}}.layout *{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:var(--color-bg)}.content-area::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.content-area::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.layout.loading .main-content{opacity:.7;pointer-events:none}@media(prefers-contrast:high){.main-content{border:1px solid var(--color-border)}}@media(prefers-reduced-motion:reduce){.main-content,.layout{transition:none}}.notif-wrapper{position:relative;display:inline-block}.notif-bell-btn{position:relative;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#64748b;display:flex;align-items:center;justify-content:center}.notif-bell-btn:hover{background:#0a2e5d0f;color:#0a2e5d;transform:scale(1.05)}.notif-bell-btn:active{transform:scale(.95)}.notif-pulse-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.625rem;font-weight:800;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2;border:2px solid white;box-shadow:0 4px 12px #ef444466;z-index:2}.notif-pulse-ring{position:absolute;inset:-2px;border-radius:10px;border:2px solid #ef4444;animation:notifPulse 2s cubic-bezier(.4,0,.6,1) infinite;z-index:-1}@keyframes notifPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}.notif-dropdown-modern{position:absolute;top:calc(100% + 16px);right:-20px;width:420px;background:#fffffffa;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;box-shadow:0 0 0 1px #0a2e5d14,0 20px 60px #0a2e5d1f,0 40px 100px #0a2e5d14;z-index:10000!important;overflow:hidden;animation:notifDropdownSlide .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:85vh}@keyframes notifDropdownSlide{0%{opacity:0;transform:translateY(-24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-header-glass{padding:20px 24px;background:linear-gradient(to bottom,#f8fafce6,#fff9);border-bottom:1px solid rgba(10,46,93,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notif-header-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.notif-header-left{display:flex;align-items:center;gap:12px}.notif-header-icon{color:#0a2e5d;filter:drop-shadow(0 2px 4px rgba(10,46,93,.1))}.notif-header-title{margin:0;font-size:1.25rem;font-weight:800;color:#0a2e5d;letter-spacing:-.03em;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notif-unread-pill{display:flex;align-items:center;gap:6px;background:#0a2e5d0f;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;color:#0a2e5d;border:1px solid rgba(10,46,93,.08)}.notif-unread-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef444499;animation:notifDotPulse 2s ease-in-out infinite}@keyframes notifDotPulse{0%,to{opacity:1}50%{opacity:.5}}.notif-list-container{overflow-y:auto;overflow-x:hidden;max-height:calc(85vh - 160px);scrollbar-width:thin;scrollbar-color:rgba(10,46,93,.15) transparent}.notif-list-container::-webkit-scrollbar{width:6px}.notif-list-container::-webkit-scrollbar-track{background:transparent}.notif-list-container::-webkit-scrollbar-thumb{background:#0a2e5d1f;border-radius:10px;transition:background .3s ease}.notif-list-container::-webkit-scrollbar-thumb:hover{background:#0a2e5d33}.notif-items-list{padding:8px 0}.notif-card{margin:0 12px 8px;border-radius:16px;background:#fff;border:1px solid rgba(10,46,93,.06);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:notifCardFadeIn .4s cubic-bezier(.16,1,.3,1) backwards;position:relative;overflow:hidden}@keyframes notifCardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notif-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:all .3s ease}.notif-card-unread{background:linear-gradient(to right,#0a2e5d0a,#fffffffa);border-color:#0a2e5d1f}.notif-card:not(.notif-card-unread){background:#f8fafc99;border-color:#0a2e5d0a}.notif-card-unread:before{background:linear-gradient(180deg,#0a2e5d,#1a4d8c);box-shadow:0 0 12px #0a2e5d4d}.notif-card:hover{transform:translate(4px);box-shadow:0 8px 24px #0a2e5d14,0 0 0 1px #0a2e5d14;border-color:#0a2e5d1f}.notif-card-inner{padding:16px;display:flex;gap:14px}.notif-icon-container{flex-shrink:0}.notif-icon-circle{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notif-card:hover .notif-icon-circle{transform:scale(1.08) rotate(3deg)}.notif-card-unread .notif-icon-circle.homework{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 4px 12px #fbbf244d}.notif-card-unread .notif-icon-circle.grade-update{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 4px 12px #10b9814d}.notif-card-unread .notif-icon-circle.reminder{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 4px 12px #ef44444d}.notif-card-unread .notif-icon-circle.announcement{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 4px 12px #6366f14d}.notif-card-unread .notif-icon-circle.default{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 12px #3b82f64d}.notif-card:not(.notif-card-unread) .notif-icon-circle.homework{background:linear-gradient(135deg,#fefce8,#fef9e7);box-shadow:0 2px 8px #fbbf241f}.notif-card:not(.notif-card-unread) .notif-icon-circle.grade-update{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 2px 8px #10b9811f}.notif-card:not(.notif-card-unread) .notif-icon-circle.reminder{background:linear-gradient(135deg,#fef2f2,#fee2e2);box-shadow:0 2px 8px #ef44441f}.notif-card:not(.notif-card-unread) .notif-icon-circle.announcement{background:linear-gradient(135deg,#eef2ff,#e0e7ff);box-shadow:0 2px 8px #6366f11f}.notif-card:not(.notif-card-unread) .notif-icon-circle.default{background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 2px 8px #3b82f61f}.notif-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.notif-card-unread .notif-icon.homework{color:#d97706}.notif-card-unread .notif-icon.grade{color:#059669}.notif-card-unread .notif-icon.reminder{color:#dc2626}.notif-card-unread .notif-icon.announcement{color:#6366f1}.notif-card-unread .notif-icon.default{color:#2563eb}.notif-card:not(.notif-card-unread) .notif-icon.homework{color:#ca8a04;opacity:.65}.notif-card:not(.notif-card-unread) .notif-icon.grade{color:#10b981;opacity:.65}.notif-card:not(.notif-card-unread) .notif-icon.reminder{color:#f87171;opacity:.65}.notif-card:not(.notif-card-unread) .notif-icon.announcement{color:#818cf8;opacity:.65}.notif-card:not(.notif-card-unread) .notif-icon.default{color:#60a5fa;opacity:.65}.notif-content-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.notif-content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.notif-card-unread .notif-title-text{margin:0;font-size:.9375rem;font-weight:800;color:#0f172a;line-height:1.4;letter-spacing:-.01em}.notif-card:not(.notif-card-unread) .notif-title-text{margin:0;font-size:.9375rem;font-weight:700;color:#64748b;line-height:1.4;letter-spacing:-.01em}.notif-mark-read{flex-shrink:0;background:#0a2e5d0f;border:1px solid rgba(10,46,93,.1);border-radius:8px;padding:6px;cursor:pointer;transition:all .2s ease;color:#0a2e5d;display:flex;align-items:center;justify-content:center}.notif-mark-read:hover{background:#0a2e5d;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0a2e5d33}.notif-card-unread .notif-message-text{margin:0;font-size:.875rem;color:#334155;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-card:not(.notif-card-unread) .notif-message-text{margin:0;font-size:.875rem;color:#94a3b8;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-footer-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notif-time-badge{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#94a3b8;font-weight:600}.notif-new-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.625rem;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #ef44444d}.notif-empty-state{padding:60px 32px;text-align:center;display:flex;flex-direction:column;align-items:center}.notif-empty-icon-wrapper{margin-bottom:24px}.notif-empty-icon-bg{width:88px;height:88px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0ea5e9;box-shadow:0 0 0 12px #0ea5e90d,0 0 0 24px #0ea5e908;animation:notifEmptyFloat 3s ease-in-out infinite}@keyframes notifEmptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.notif-empty-title{margin:0 0 8px;font-size:1.125rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.notif-empty-desc{margin:0;font-size:.875rem;color:#64748b;line-height:1.6;max-width:280px}.notif-loading-state{padding:60px 32px;display:flex;flex-direction:column;align-items:center;gap:20px}.notif-spinner-ring{display:inline-block;position:relative;width:48px;height:48px}.notif-spinner-ring div{box-sizing:border-box;display:block;position:absolute;width:40px;height:40px;margin:4px;border:4px solid #0a2e5d;border-radius:50%;animation:notifSpinnerRing 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#0a2e5d transparent transparent transparent}.notif-spinner-ring div:nth-child(1){animation-delay:-.45s}.notif-spinner-ring div:nth-child(2){animation-delay:-.3s}.notif-spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes notifSpinnerRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notif-loading-text{margin:0;font-size:.875rem;color:#64748b;font-weight:600}.notif-footer-glass{padding:16px 20px;background:linear-gradient(to top,#f8fafcf2,#ffffffb3);border-top:1px solid rgba(10,46,93,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notif-view-all-btn{width:100%;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0a2e5d33,inset 0 1px #ffffff1a;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.notif-view-all-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.notif-view-all-btn:hover:before{left:100%}.notif-view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0a2e5d4d,inset 0 1px #ffffff26}.notif-view-all-btn:active{transform:translateY(0)}@media(max-width:480px){.notif-dropdown-modern{width:calc(100vw - 24px);right:-12px;border-radius:20px;max-height:90vh}.notif-card{margin:0 8px 8px}.notif-header-glass,.notif-footer-glass{padding:16px 18px}.notif-card-inner{padding:14px}.notif-icon-circle{width:40px;height:40px}}@media(prefers-color-scheme:dark){.notif-dropdown-modern{background:#0f172af2;box-shadow:0 0 0 1px #ffffff1a,0 20px 60px #0006}.notif-header-glass,.notif-footer-glass{background:linear-gradient(to bottom,#1e293bcc,#0f172a99);border-color:#ffffff14}.notif-header-title{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.notif-card{background:#1e293b99;border-color:#ffffff14}.notif-card-unread{background:linear-gradient(to right,#3b82f61a,#1e293b99)}.notif-title-text{color:#f1f5f9}.notif-message-text{color:#cbd5e1}.notif-empty-title{color:#f1f5f9}}.ph-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;position:relative;z-index:100;transition:all .3s ease;min-height:80px}.ph-left{display:flex;align-items:center;gap:1.5rem}.ph-menu-toggle{background:none;border:none;padding:.75rem;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ph-menu-toggle:hover{background:var(--color-card-hover);color:var(--color-text-primary)}.ph-welcome-title{font-size:var(--font-body);font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.2}.ph-user-highlight{color:var(--color-primary);font-weight:700}.ph-datetime{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-secondary-text);color:var(--color-text-secondary);margin-top:.25rem}.ph-time-separator{opacity:.5}.ph-right{display:flex!important;flex-direction:row!important;align-items:center!important;gap:1.25rem!important;flex-wrap:nowrap!important}.ph-action{position:relative;display:flex;align-items:center}.ph-btn{background:none;border:none;padding:.75rem;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.ph-btn:hover{background:var(--color-card-hover);color:var(--color-text-primary)}.ph-icon{width:20px;height:20px}.ph-current-flag{width:22px;height:16px;border-radius:2px;object-fit:cover;box-shadow:0 1px 3px #0000001a}.ph-chevron{transition:transform .2s ease;color:var(--color-text-secondary);width:16px;height:16px;margin-left:4px}.ph-rotate{transform:rotate(180deg)}.ph-lang-dropdown{position:absolute;top:100%;right:0;width:180px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;margin-top:.75rem;z-index:1000;overflow:hidden;animation:phSlideDown .2s ease}.ph-lang-options{padding:.5rem}.ph-lang-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;transition:background-color .2s ease;font-size:.9rem;border-radius:var(--radius-md);color:var(--color-text-primary)}.ph-lang-option:hover{background-color:var(--color-card-hover)}.ph-lang-option.ph-active{background-color:rgba(var(--color-primary-rgb),.05);color:var(--color-primary);font-weight:600}.ph-lang-flag{width:20px;height:15px;border-radius:1px;object-fit:cover}.ph-lang-label{flex:1;text-align:left}.ph-checkmark{width:14px;height:14px;color:var(--color-primary)}.ph-profile-trigger{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.ph-profile-trigger:hover{background-color:var(--color-card-hover)}.ph-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),#1a4d8c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 4px 10px #0a2e5d26}.ph-profile-dropdown{position:absolute;top:100%;right:0;width:260px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;margin-top:.75rem;z-index:1000;animation:phSlideDown .2s ease}.ph-user-info-section{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f8fafc;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ph-avatar-large{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary),#1a4d8c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.ph-user-details-large{flex:1;min-width:0}.ph-user-name-large{font-weight:700;color:var(--color-text-primary);font-size:.95rem;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-user-email{font-size:.8rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis}.ph-dropdown-section{padding:.5rem}.ph-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:.9rem;color:var(--color-text-primary);font-weight:500}.ph-dropdown-item:hover{background-color:var(--color-card-hover)}.ph-logout-item{color:#ef4444}.ph-logout-item:hover{background-color:#fef2f2}.ph-item-icon{width:18px;height:18px}.ph-dropdown-divider{height:1px;background:var(--color-border);margin:.25rem .5rem}@keyframes phSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.ph-container{padding:.75rem 1.5rem;min-height:70px}}@media(max-width:768px){.ph-container{padding:.5rem 1rem}.ph-welcome{display:none}.ph-right{gap:.75rem!important}.ph-lang-dropdown,.ph-profile-dropdown{position:fixed;top:70px;right:1rem;left:1rem;width:auto;margin:0}}@media(max-width:480px){.ph-right{gap:.5rem!important}.ph-avatar{width:34px;height:34px;border-radius:10px}.ph-btn{padding:.5rem}}.sb-main{position:fixed;top:.2rem;left:0;height:calc(100vh - 1.5rem);width:280px;border-top-left-radius:20px;border-top-right-radius:20px;z-index:1000;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);padding:1.5rem 0}.sb-main--mobile{transform:translate(-100%);background:#fff;box-shadow:10px 0 40px #0000001a}.sb-main--mobile.sb-main--open{transform:translate(0)}.sb-main--desktop{position:fixed;transform:translate(0)}.sb-main--desktop.sb-main--collapsed{width:88px}.sb-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999}.sb-header{display:flex;align-items:center;justify-content:center;padding:0 1.5rem 1.5rem;position:relative;border:none;margin-bottom:0}.sb-logo{display:flex;align-items:center;gap:.75rem;min-width:0}.sb-logo-icon{font-size:1.75rem;min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),#1a4d8c);border-radius:12px;box-shadow:0 4px 12px #0a2e5d26;color:#fff}.sb-logo-text{font-size:1.2rem;font-weight:800;color:var(--color-primary);white-space:nowrap;overflow:hidden;transition:all .3s ease;letter-spacing:-.02em}.sb-toggle{position:absolute;right:-17px;top:50%;transform:translateY(-50%);background:var(--color-primary);border:3px solid #F8FAFC;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:34px;height:34px;box-shadow:0 4px 12px #0a2e5d33;z-index:1001}.sb-toggle:hover{transform:translateY(-50%) scale(1.15);background:var(--color-accent)}.sb-toggle-icon{transition:transform .4s cubic-bezier(.4,0,.2,1);width:16px;height:16px}.sb-toggle-icon.rotated{transform:rotate(180deg)}.sb-nav{flex:1;padding:0 1rem;margin-top:1.8rem;overflow-y:auto;overflow-x:hidden}.sb-group{margin-bottom:1.5rem}.sb-group:first-child{border-top:none;margin-top:0;padding-top:0}.sb-group-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;cursor:pointer;border-radius:8px;transition:all .2s ease;margin-bottom:.5rem;background:#1e40af1f}.sb-group-header:hover{background:#0a2e5d0a}.sb-group-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);opacity:.7}.sb-menu{list-style:none;margin:0;padding:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.sb-menu.hide{max-height:0;opacity:0}.sb-menu.show{max-height:1000px;opacity:1}.sb-menu-item{margin-bottom:4px}.sb-menu-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--color-text-secondary);text-decoration:none;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;font-weight:500;font-size:.9rem}.sb-menu-link:hover{background:#0a2e5d0f;color:var(--color-primary);transform:translate(4px)}.sb-menu-link.active{background:linear-gradient(135deg,#0a2e5d14,#0a2e5d0a);color:var(--color-primary);font-weight:600;box-shadow:inset 3px 0 0 var(--color-primary)}.sb-menu-icon{margin-right:.85rem;width:20px;display:flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0;transition:all .3s ease}.sb-menu-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease;flex:1}.sb-menu-badge{background:var(--color-accent);color:#fff;font-size:.7rem;padding:.15rem .5rem;border-radius:10px;font-weight:700;box-shadow:0 2px 5px #e0591e4d}.sb-footer{padding:1.5rem 1.25rem;border-top:1px solid rgba(10,46,93,.08)}.sb-user-profile{display:flex;align-items:center;gap:.85rem;cursor:pointer;padding:.5rem;border-radius:12px;transition:all .2s ease}.sb-user-profile:hover{background:#0a2e5d0a}.sb-user-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),#1a4d8c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;box-shadow:0 4px 10px #0a2e5d26}.sb-user-info{flex:1;min-width:0}.sb-user-name{font-size:.9rem;font-weight:700;color:var(--color-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-role{font-size:.75rem;color:var(--color-text-secondary)}.sb-main--desktop.sb-main--collapsed .sb-logo-text,.sb-main--desktop.sb-main--collapsed .sb-menu-label,.sb-main--desktop.sb-main--collapsed .sb-menu-badge,.sb-main--desktop.sb-main--collapsed .sb-user-info,.sb-main--desktop.sb-main--collapsed .sb-group-header,.sb-main--desktop.sb-main--collapsed .sb-group-divider{display:none}.sb-main--desktop.sb-main--collapsed .sb-group{margin-bottom:0}.sb-main--desktop.sb-main--collapsed .sb-header{justify-content:center;padding:0 .75rem 1.5rem}.sb-main--desktop.sb-main--collapsed .sb-menu-link{justify-content:center;padding:.75rem}.sb-main--desktop.sb-main--collapsed .sb-menu-icon{margin-right:0}.sb-main--desktop.sb-main--collapsed .sb-footer{display:flex;justify-content:center;padding:1.5rem .5rem}.sb-main--desktop.sb-main--collapsed .sb-user-profile{justify-content:center}.sb-tooltip-global{position:fixed;background:var(--color-primary);color:#fff;padding:.6rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;z-index:2000;box-shadow:0 4px 20px #00000026;pointer-events:none;animation:tooltipIn .2s ease-out}.sb-tooltip-global:after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--color-primary)}@keyframes tooltipIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sb-nav::-webkit-scrollbar{width:3px}.sb-nav::-webkit-scrollbar-track{background:transparent}.sb-nav::-webkit-scrollbar-thumb{background:#0a2e5d1a;border-radius:10px}.sb-nav::-webkit-scrollbar-thumb:hover{background:#0a2e5d33}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}:root{--stud-primary: var(--color-primary);--stud-primary-light: #164e8f;--stud-primary-dark: #061c39;--stud-accent: var(--color-accent);--stud-success: var(--color-success);--stud-warning: var(--color-warning);--stud-danger: var(--color-error);--stud-bg: var(--color-bg);--stud-card-bg: var(--color-card);--stud-text-main: var(--color-text-primary);--stud-text-muted: var(--color-text-secondary);--stud-border: var(--color-border);--stud-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--stud-shadow: 0 4px 20px rgba(10, 46, 93, .05);--stud-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--stud-radius: 20px;--stud-gradient: linear-gradient(135deg, var(--color-primary) 0%, #1a4d8c 100%)}.students-container{padding:24px;background-color:var(--stud-bg);min-height:100vh;display:flex;flex-direction:column;gap:24px}.students-header{background:#fff;border-radius:var(--stud-radius);padding:24px 32px;color:var(--stud-text-main);box-shadow:var(--stud-shadow);border:1px solid rgba(10,46,93,.05);position:relative;overflow:hidden}.students-header:before{content:none}.students-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.students-header-main{display:flex;flex-direction:column}.header-main .page-title,.students-header-main .page-title{font-size:28px;font-weight:800;margin:0;letter-spacing:-.02em;color:var(--stud-primary)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;margin-top:4px;font-weight:500}.breadcrumb-separator{opacity:.6}.breadcrumb-item.active{color:var(--stud-accent);font-weight:700}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:600;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.btn-primary{background:var(--stud-gradient);color:#fff;box-shadow:0 4px 12px #0a2e5d40}.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#164e8f,#0a2e5d);color:#fff}.btn-secondary{background:#fff;color:var(--stud-text-muted);border:1px solid var(--stud-border);-webkit-backdrop-filter:none;backdrop-filter:none}.btn-secondary:hover{transform:translateY(-2px);background:#f8fafc;color:var(--stud-primary);border-color:var(--stud-primary-light)}.stat-card{background:var(--stud-card-bg);padding:24px;border-radius:var(--stud-radius);display:flex;align-items:center;gap:20px;box-shadow:var(--stud-shadow);transition:transform .2s;border:1px solid var(--stud-border)}.stat-card:hover{transform:translateY(-4px)}.stat-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-icon.total{background:linear-gradient(135deg,var(--stud-accent) 0%,#f97316 100%);color:#fff;box-shadow:0 8px 16px #e0591e33}.stat-icon.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 16px #10b98133}.stat-icon.inactive{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 8px 16px #f43f5e33}.stat-icon.new{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 16px #3b82f633}.stat-content h3{font-size:28px;font-weight:800;margin:0;color:var(--stud-primary);letter-spacing:-.01em}.students-filters-section{background:#fff;border-radius:20px;padding:1.25rem 2rem;display:flex;gap:1.25rem;align-items:center;box-shadow:0 4px 15px #0a2e5d08;margin-bottom:2rem;border:1px solid rgba(10,46,93,.05)}.students-search-box{position:relative;flex:1;max-width:none}.students-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8}.students-search-input{width:100%;padding:14px 20px 14px 3.5rem;background:#f8fafc;border:2px solid #f1f5f9;border-radius:28px;font-size:15px;font-weight:500;color:var(--stud-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.students-search-input:focus{outline:none;border-color:var(--stud-primary);background:#fff;box-shadow:0 0 0 4px #0a2e5d14}.filter-bubbles-container{display:flex;gap:12px}.filter-trigger{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff;border:2px solid var(--stud-border);border-radius:14px;cursor:pointer;transition:all .2s;min-width:180px;box-shadow:var(--stud-shadow-sm)}.filter-trigger:hover{border-color:var(--stud-primary-light);transform:translateY(-1px)}.filter-label{font-size:11px;color:var(--stud-text-muted);text-transform:uppercase;font-weight:700;letter-spacing:.02em}.filter-value{font-size:14px;color:var(--stud-text-main);font-weight:600}.chevron{color:var(--stud-text-muted);transition:transform .2s}.filter-bubble{position:absolute;top:calc(100% + 12px);right:0;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--stud-border);min-width:200px;z-index:100;animation:modalIn .2s ease-out}.bubble-arrow{position:absolute;top:-6px;right:24px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-top:1px solid var(--stud-border);border-left:1px solid var(--stud-border)}.filter-options{padding:8px}.filter-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:var(--stud-text-muted)}.filter-option:hover{background:#f8fafc;color:var(--stud-primary)}.filter-option.selected{background:#6366f114;color:var(--stud-primary)}.status-indicator.all{background:#cbd5e1}.status-indicator.active{background:var(--stud-success)}.status-indicator.inactive{background:var(--stud-danger)}.students-table-container{background:#fff;border-radius:20px;box-shadow:var(--stud-shadow);border:1px solid var(--stud-border);overflow:hidden}.table-header-info{padding:20px 24px;border-bottom:1px solid var(--stud-border)}.students-left{display:flex;align-items:center;gap:12px}.table-header-info h3{margin:0;font-size:18px;font-weight:700;color:var(--stud-text-main)}.table-count{font-size:13px;color:var(--stud-text-muted)}.students-table{width:100%;border-collapse:collapse}.students-table th{padding:16px 24px;background:#f8fafc;text-align:left;font-size:13.5px;font-weight:700;color:var(--stud-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9}.students-table tr{transition:all .2s}.students-table tr.clickable-row{cursor:pointer}.students-table tr:hover{background-color:#f1f5f9}.students-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.student-profile-info{display:flex;align-items:center;gap:16px}.avatar-wrapper{width:48px;height:48px;border-radius:14px;overflow:hidden;background:var(--stud-gradient);flex-shrink:0}.student-avatar{width:100%;height:100%;object-fit:cover}.avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.name-details{display:flex;flex-direction:column}.name-details .full-name{font-size:15px;font-weight:700;color:var(--stud-text-main)}.student-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.id-badge{font-size:11px;font-weight:700;color:var(--stud-primary);background:#6366f11a;padding:2px 6px;border-radius:6px}.dot{width:3px;height:3px;background:#cbd5e1;border-radius:50%}.join_date{font-size:12px;color:var(--stud-text-muted);display:flex;align-items:center;gap:4px}.contact-info{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;align-items:center;gap:10px;transition:all .2s}.stud-info-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0a2e5d0d;color:var(--stud-primary);border-radius:8px;flex-shrink:0;padding:6px;transition:all .2s}.info-item:hover .stud-info-icon{background:#0a2e5d1f;transform:translateY(-1px)}.stud-info-text{font-size:13.5px;color:var(--stud-text-main);font-weight:500;line-height:1}.info-item.email .stud-info-text{color:var(--stud-primary);font-weight:600}.location-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--stud-text-muted)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.status-pill.active{background:#10b9811a;color:var(--stud-success)}.status-pill.inactive{background:#f43f5e1a;color:var(--stud-danger)}.status-pill:hover{transform:scale(1.05)}.action-buttons-group{display:flex;gap:8px;align-items:center}.btn-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--stud-border);background:#fff;cursor:pointer;transition:all .2s;color:var(--stud-text-muted)}.btn-icon:hover{color:var(--stud-primary);border-color:var(--stud-primary);background:#6366f10d}.btn-icon.whatsapp:hover{color:#25d366;border-color:#25d366;background:#25d3660d}.btn-icon.edit:hover{color:var(--stud-warning);border-color:var(--stud-warning);background:#f59e0b0d}.btn-icon.delete:hover{color:var(--stud-danger);border-color:var(--stud-danger);background:#ef44440d}.stud-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.stud-premium-modal{background:#fff;width:100%;max-width:720px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:modalIn .3s cubic-bezier(.16,1,.3,1)}.stud-modal-header{padding:24px 32px;border-bottom:1px solid var(--stud-border);display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:16px}.title-icon{width:44px;height:44px;background:#6366f11a;color:var(--stud-primary);border-radius:12px;display:flex;align-items:center;justify-content:center}.header-title h2{margin:0;font-size:20px;font-weight:700;color:var(--stud-text-main)}.header-title p{margin:2px 0 0;font-size:13px;color:var(--stud-text-muted)}.close_btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--stud-text-muted);transition:all .2s}.close-btn:hover{background:#e2e8f0;color:var(--stud-text-main)}.stud-modal-tabs-nav{padding:0 32px;display:flex;gap:24px;border-bottom:1px solid var(--stud-border)}.stud-tab-link{padding:16px 4px;background:none;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:600;color:var(--stud-text-muted);display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.stud-tab-link.active{color:var(--stud-primary);border-bottom-color:var(--stud-primary)}.stud-modal-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.stud-modal-body{padding:32px;overflow-y:auto;background:#fcfcfd}.stud-profile-upload-area{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding:20px;background:#fff;border-radius:16px;border:1px dashed var(--stud-border)}.avatar-preview-container{position:relative;width:100px;height:100px;border-radius:24px;overflow:hidden;background:#f1f5f9;border:4px solid white;box-shadow:var(--stud-shadow)}.avatar-preview-container img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#cbd5e1}.upload-btn-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;cursor:pointer}.avatar-preview-container:hover .upload-btn-overlay{opacity:1}.upload-btn-overlay input{display:none}.upload-info h4{margin:0;font-size:16px;color:var(--stud-text-main)}.upload-info p{margin:4px 0 0;font-size:13px;color:var(--stud-text-muted)}.stud-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.stud-form-group{display:flex;flex-direction:column;gap:8px}.stud-form-group.full-width{grid-column:span 2}.stud-form-group label{font-size:13px;font-weight:700;color:var(--stud-text-main);letter-spacing:.02em}.stud-input-wrapper{position:relative;display:flex;align-items:center}.stud-input-wrapper .input-icon{position:absolute;left:14px;color:var(--stud-text-muted)}.stud-input-wrapper input,.stud-input-wrapper select{width:100%;padding:12px 14px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;font-size:14px;color:var(--stud-text-main);transition:all .2s}.stud-input-wrapper input:has(+.input-icon),.stud-input-wrapper .input-icon+input{padding-left:42px}.stud-input-wrapper input:focus,.stud-input-wrapper select:focus{outline:none;border-color:var(--stud-primary-light);background:#fff;box-shadow:0 0 0 4px #6366f10d}.stud-section-title{display:flex;align-items:center;gap:12px;margin:32px 0 20px}.stud-section-title span{font-size:12px;font-weight:800;color:var(--stud-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.stud-section-title:after{content:"";flex:1;height:1px;background:var(--stud-border)}.stud-phone-input{width:100%}.stud-phone-input .PhoneInputInput{width:100%;padding:12px 14px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;font-size:14px}.stud-modal-footer{padding:24px 32px;border-top:1px solid var(--stud-border);display:flex;justify-content:flex-end;gap:12px;background:#fff}.stud-btn-secondary{padding:10px 24px;background:#f8fafc;border:1px solid var(--stud-border);border-radius:12px;color:var(--stud-text-muted);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.stud-btn-secondary:hover{background:#f1f5f9;color:var(--stud-text-main)}.stud-btn-primary{padding:10px 28px;background:var(--stud-gradient);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;box-shadow:0 4px 12px #6366f14d}.stud-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.stud-btn-primary .spin{animation:spin 1s linear infinite}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.students-empty-state{padding:80px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.empty-illustration{font-size:64px;margin-bottom:8px}.students-empty-state h3{margin:0;font-size:20px;color:var(--stud-text-main)}.students-empty-state p{margin:0 0 16px;color:var(--stud-text-muted);max-width:320px;line-height:1.5}@media(max-width:1200px){.students-container{padding:1.5rem}.students-header{padding:1.25rem 1.75rem}}@media(max-width:1024px){.stats-section{grid-template-columns:repeat(2,1fr);gap:1.25rem}.students-filters-section{flex-direction:column;align-items:stretch;gap:1.25rem}.students-search-box{max-width:none}.filter-bubbles-container{justify-content:stretch;gap:1rem}.filter-dropdown-bubble{flex:1}.filter-trigger{width:100%;justify-content:space-between}}@media(max-width:768px){.students-header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-actions{width:100%;display:flex;gap:.75rem}.header-actions .button-primary,.header-actions .btn-secondary{flex:1;justify-content:center;padding:.875rem}.filter-bubbles-container{flex-direction:column}.filter-bubble{width:100%;right:auto;left:0}.students-table th,.students-table td{padding:1rem}}@media(max-width:640px){.stats-section{grid-template-columns:1fr;gap:1rem}.students-container{padding:1rem}.page-title{font-size:1.5rem}.table-header-info{flex-direction:column;align-items:flex-start;gap:.75rem}.stud-form-grid{grid-template-columns:1fr}.stud-form-group.full-width{grid-column:span 1}}@media(max-width:480px){.header-actions{flex-direction:column}.avatar-wrapper{width:2.25rem;height:2.25rem}.avatar-initials{font-size:.75rem}.full-name,.students-table td{font-size:.875rem}.action-buttons-group{gap:6px}.application-btn-premium{width:32px;height:32px}}.wa-chatbot-container{position:fixed;bottom:20px;right:20px;width:clamp(300px,90vw,380px);height:550px;background:#fff;box-shadow:0 10px 40px #0003;border-radius:12px;overflow:hidden;z-index:2000;display:flex;flex-direction:column;font-family:Segoe UI,Helvetica,Arial,sans-serif}.wa-chatbot-header{background:#075e54;color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:16px}.wa-chat-close-icon{font-size:20px;cursor:pointer;opacity:.8;transition:opacity .2s}.wa-chat-close-icon:hover{opacity:1}.wa-messages-container{flex:1;overflow-y:auto;background:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.12'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30v4h-2v-4h-4v-2h4v-4h2v4h4v2h-4zm-30 30v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30v4h-2v-4h-4v-2h4v-4h2v4h4v2h-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");padding:15px;display:flex;flex-direction:column}.wa-chatbot-footer{padding:15px;background:#f0f0f0;display:flex;align-items:center;gap:10px;border-top:1px solid #ddd}.wa-chatbot-footer input{flex:1;padding:10px 15px;border:none;border-radius:20px;background:#fff;outline:none;font-size:14px}.wa-chatbot-footer button{background:#128c7e;color:#fff;width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.wa-chatbot-footer button:hover{transform:scale(1.1);background:#075e54}.tg-chatbot-container{position:fixed;bottom:20px;right:20px;width:clamp(300px,90vw,380px);height:550px;background:#fff;box-shadow:0 10px 40px #0003;border-radius:12px;overflow:hidden;z-index:2000;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.tg-chatbot-header{background:#08c;color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:16px}.tg-chat-close-icon{font-size:20px;cursor:pointer;opacity:.8;transition:opacity .2s}.tg-chat-close-icon:hover{opacity:1}.tg-messages-container{flex:1;overflow-y:auto;background:#f5f5f5;padding:15px;display:flex;flex-direction:column}.tg-chatbot-footer{padding:15px;background:#fff;display:flex;align-items:center;gap:10px;border-top:1px solid #eee}.tg-chatbot-footer input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:8px;outline:none;font-size:14px}.tg-chatbot-footer input:focus{border-color:#08c}.tg-chatbot-footer button{background:#08c;color:#fff;width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.tg-chatbot-footer button:hover{transform:scale(1.1);background:#0077b5}.max-chatbot-container{position:fixed;bottom:20px;right:20px;width:clamp(300px,90vw,350px);height:500px;background:#ece5dd;box-shadow:0 10px 20px #00000026;border-radius:16px;overflow:hidden;z-index:1000;display:flex;flex-direction:column;transition:transform .3s ease-in-out,opacity .3s ease-in-out;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif}.max-chatbot-header{background:linear-gradient(95deg,#d6e8fd,#e4eaff);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #0000001a}.max-contact-info{display:flex;align-items:center;gap:.75rem;flex:1}.max-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(95deg,#d6e8fd,#e4eaff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;background-size:cover;background-position:center;background-repeat:no-repeat}.max-avatar.bot{background:linear-gradient(135deg,#10b981,#059669)}.max-avatar.dialog{background:linear-gradient(135deg,#f59e0b,#d97706)}.max-avatar.group{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.max-contact-details{display:flex;flex-direction:column;gap:.125rem}.max-contact-name{font-weight:600;font-size:1rem}.max-contact-status{font-size:.75rem;opacity:.9}.max-close-icon{font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease;flex-shrink:0}.max-close-icon:hover{background:#fff3;transform:scale(1.1)}.max-messages-container{flex:1;overflow-y:auto;padding:1rem;background:#f0f2f5;display:flex;flex-direction:column}.max-messages-container::-webkit-scrollbar{width:6px}.max-messages-container::-webkit-scrollbar-track{background:transparent}.max-messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.max-messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.max-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#6b7280}.max-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-left:3px solid #667eea;border-radius:50%;animation:max-spin 1s linear infinite}@keyframes max-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.max-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280;gap:1rem}.max-empty-illustration{font-size:3rem;opacity:.5}.max-empty-state h3{margin:0;font-size:1.25rem;font-weight:600;color:#374151}.max-empty-state p{margin:0;font-size:.9rem}.max-messages-list{display:flex;flex-direction:column;gap:.75rem}.max-message{display:flex;animation:max-message-appear .3s ease-out}@keyframes max-message-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.max-message.max-sent{justify-content:flex-end}.max-message.max-received{justify-content:flex-start}.max-message-bubble{max-width:70%;padding:.75rem 1rem;border-radius:18px;position:relative;word-wrap:break-word}.max-message.max-sent .max-message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:6px}.max-message.max-received .max-message-bubble{background:#fff;color:#374151;border:1px solid #e5e7eb;border-bottom-left-radius:6px;box-shadow:0 1px 2px #0000000d}.max-message-text{line-height:1.4;white-space:pre-wrap;word-break:break-word}.max-message-media{position:relative;border-radius:12px;overflow:hidden}.max-message-image{max-width:100%;max-height:200px;border-radius:12px;display:block}.max-message-video{max-width:100%;max-height:200px;border-radius:12px;background:#000}.max-message-fallback{padding:2rem;text-align:center;background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:1.5rem}.max-message-document{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.max-document-icon{font-size:1.5rem;flex-shrink:0}.max-document-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.max-document-name{font-weight:500;font-size:.9rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.max-document-size{font-size:.75rem;color:#6b7280}.max-message-time{font-size:.7rem;opacity:.7;margin-top:.25rem;display:block;text-align:right}.max-message.max-received .max-message-time{text-align:left;color:#6b7280}.max-input-container{padding:1rem;background:#fff;border-top:1px solid #e5e7eb;position:relative}.max-input-form{display:flex;align-items:center;gap:.5rem;position:relative}.max-attachment-dialog{position:absolute;bottom:100%;left:0;right:0;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 -4px 20px #00000026;margin-bottom:.5rem;border:1px solid #e5e7eb;z-index:10}.max-attachment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.max-attachment-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-align:center;font-size:.8rem;color:#374151;font-weight:500}.max-attachment-option:hover{background:#f8fafc;border-color:#e5e7eb;transform:translateY(-2px)}.max-option-icon{font-size:1.5rem;color:#667eea}.max-attachment-option:nth-child(2) .max-option-icon{color:#ef4444}.max-attachment-option:nth-child(3) .max-option-icon{color:#10b981}.max-file-preview{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.max-file-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.max-file-name{font-weight:500;font-size:.9rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.max-file-size{font-size:.75rem;color:#6b7280}.max-send-file-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.max-send-file-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.max-send-file-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.max-attach-btn,.max-sticker-btn{font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;flex-shrink:0}.max-attach-btn:hover,.max-sticker-btn:hover{background:#f3f4f6;color:#374151}.max-text-input{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:24px;font-size:.9rem;background:#f8fafc;transition:all .2s ease;outline:none;resize:none;min-height:20px;max-height:100px;line-height:1.4}.max-text-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.max-text-input:disabled{opacity:.6;cursor:not-allowed}.max-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.max-send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.max-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;background:#9ca3af}.max-btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:max-spin 1s linear infinite}@media(max-width:480px){.max-chatbot-container{position:fixed;inset:0;width:100%;height:100%;border-radius:0}.max-attachment-options{grid-template-columns:repeat(3,1fr);gap:.5rem}.max-attachment-option{padding:.75rem .25rem;font-size:.75rem}.max-option-icon{font-size:1.25rem}}@media(max-width:380px){.max-chatbot-container{width:100vw;height:100vh}.max-message-bubble{max-width:85%}.max-input-form{gap:.25rem}}@keyframes max-message-highlight{0%{background-color:#667eea1a}to{background-color:transparent}}.max-message:last-child{animation:max-message-highlight 1s ease}.max-messages-container{scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}.max-message-bubble ::selection{background:#ffffff4d}.max-message.max-received .max-message-bubble ::selection{background:#667eea33}.max-close-icon:focus,.max-attach-btn:focus,.max-sticker-btn:focus,.max-send-btn:focus,.max-text-input:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.max-chatbot-container{position:static;box-shadow:none;border:1px solid #ccc}.max-input-container{display:none}}@media(prefers-contrast:high){.max-chatbot-container{border:2px solid #000}.max-message-bubble{border:1px solid #000}}@media(prefers-reduced-motion:reduce){.max-chatbot-container,.max-message,.max-attachment-dialog,.max-send-btn,.max-close-icon,.max-attach-btn,.max-sticker-btn{animation:none!important;transition:none!important}.max-spinner,.max-btn-spinner{animation-duration:2s}}.email-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.email-modal-container{background:#fff;width:100%;max-width:600px;border-radius:16px;box-shadow:0 20px 40px #0003;overflow:hidden;display:flex;flex-direction:column}.email-modal-header{padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.email-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1a}.email-modal-close{background:transparent;border:none;color:#666;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.email-modal-close:hover{background:#0000000d;color:#000}.email-modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.email-modal-field{display:flex;flex-direction:column;gap:8px}.email-modal-field label{font-size:.9rem;font-weight:500;color:#4b5563}.email-modal-field input,.email-modal-field textarea{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.email-modal-field input:focus,.email-modal-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.email-modal-field input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.email-modal-field textarea{resize:vertical;min-height:150px}.email-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.email-btn-primary,.email-btn-secondary{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center}.email-btn-primary{background:linear-gradient(135deg,var(--web-primary) 0%,#1a4d8c 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0a2e5d40}.email-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.email-btn-primary:disabled{opacity:.7;cursor:not-allowed}.email-btn-secondary{background:#fff;color:#4b5563;border:1px solid #e5e7eb}.email-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}@media(max-width:640px){.email-modal-container{max-width:100%;margin:10px}}.chat-sidebar-overlay{position:fixed;inset:0;background:#0a2e5d33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .4s cubic-bezier(.165,.84,.44,1)}.chat-sidebar{position:fixed;top:0;right:-450px;width:450px;height:100vh;background:#fff;box-shadow:-10px 0 50px #00000026;z-index:1000;display:flex;flex-direction:column;transition:right .5s cubic-bezier(.165,.84,.44,1);border-left:1px solid rgba(10,46,93,.1)}.chat-sidebar.open{right:0}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;box-shadow:0 4px 12px #0a2e5d33;position:relative;z-index:10}.chat-recipient-info{display:flex;align-items:center;gap:1.1rem}.chat-recipient-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#fff,#e2e8f0);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--color-primary);border:3px solid rgba(255,255,255,.25);box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:transform .3s ease}.chat-recipient-avatar:hover{transform:scale(1.05)}.chat-recipient-avatar img{width:100%;height:100%;object-fit:cover}.chat-recipient-details h3{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:#fff}.chat-recipient-meta{display:flex;align-items:center;gap:.6rem;margin-top:.3rem}.chat-user-type{font-size:.75rem;padding:.2rem .6rem;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.chat-status{font-size:.8rem;display:flex;align-items:center;gap:.4rem;font-weight:500;opacity:.95}.chat-status.online:before{content:"";width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981cc;border:2px solid rgba(255,255,255,.2)}.chat-close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-close-btn:hover{background:#ffffff4d;transform:rotate(90deg);box-shadow:0 0 15px #fff3}.chat-messages-container{flex:1;overflow-y:auto;padding:1.5rem;background:#f1f5f9;background-image:radial-gradient(circle at 100% 100%,#e2e8f0 0,transparent 20%),radial-gradient(circle at 0% 0%,#e2e8f0 0,transparent 20%);display:flex;flex-direction:column;gap:1.25rem;position:relative}.chat-messages-container::-webkit-scrollbar{width:5px}.chat-messages-container::-webkit-scrollbar-track{background:transparent}.chat-messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center;padding:2rem}.chat-empty-state svg{color:var(--color-primary);opacity:.2;margin-bottom:1.5rem;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.2}to{transform:scale(1);opacity:.1}}.chat-empty-state p{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin:.5rem 0;opacity:.8}.chat-empty-state span{font-size:.95rem;color:#64748b;max-width:250px;line-height:1.4}.chat-message{display:flex;margin-bottom:.5rem;background:transparent!important;border:none!important;width:100%}.chat-message.sent{justify-content:flex-end}.chat-message.received{justify-content:flex-start}.chat-message-bubble{max-width:80%;padding:1rem 1.25rem;border-radius:1.25rem;position:relative;box-shadow:0 4px 12px #0000000d;animation:messageSlideIn .4s cubic-bezier(.165,.84,.44,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message.sent .chat-message-bubble{background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;border-bottom-right-radius:.35rem;box-shadow:0 6px 15px #0a2e5d40}.chat-message.received .chat-message-bubble{background:#fff;color:#1e293b;border-bottom-left-radius:.35rem;border:1px solid rgba(10,46,93,.05)}.chat-message-bubble p{margin:0;font-size:.95rem;line-height:1.6;word-wrap:break-word;color:inherit}.chat-message-time{display:block;font-size:.72rem;margin-top:.5rem;font-weight:600;letter-spacing:.02em}.chat-message.sent .chat-message-time{text-align:right;color:#ffffffb3}.chat-message.received .chat-message-time{text-align:left;color:#94a3b8}.chat-input-container{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-top:1px solid rgba(10,46,93,.1);box-shadow:0 -4px 15px #00000008;z-index:10}.chat-input{flex:1;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:3rem;font-size:1rem;outline:none;transition:all .3s ease;background:#f8fafc;color:var(--color-text-primary)}.chat-input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #0a2e5d14}.chat-input::placeholder{color:#94a3b8;font-weight:500}.chat-send-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #0a2e5d59}.chat-send-btn:hover:not(:disabled){transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #0a2e5d73}.chat-send-btn:active:not(:disabled){transform:scale(.9) rotate(0)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;background:#94a3b8}@media(max-width:768px){.chat-sidebar{width:100%;right:-100%}}@media(max-width:480px){.chat-sidebar-header,.chat-messages-container{padding:1.25rem}.chat-input-container{padding:1.25rem;gap:.75rem}.chat-message-bubble{max-width:88%;padding:.85rem 1.1rem}.chat-input{padding:.85rem 1.25rem}.chat-send-btn{width:44px;height:44px}}:root{--teach-primary: #1e3a8a;--teach-accent: #f97316;--teach-bg: #f8fafc;--teach-card: #ffffff;--teach-text: #0f172a;--teach-text-muted: #64748b;--teach-border: #e2e8f0;--teach-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05)}.teachers-container{padding:1.5rem 2rem;background:var(--teach-bg);min-height:100vh}.teachers-header{background:#fff;padding:1.5rem 2rem;border-radius:1.25rem;margin-bottom:2rem;box-shadow:var(--teach-shadow);border:1px solid var(--teach-border)}.teachers-header-content{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:1.75rem;font-weight:800;color:var(--teach-primary);margin:0;letter-spacing:-.025em}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;color:var(--teach-text-muted);font-size:.875rem}.breadcrumb-item.active{color:var(--teach-accent);font-weight:600}.header-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-primary{background:var(--teach-primary);color:#fff;border:none;box-shadow:0 4px 12px #1e3a8a33}.btn-primary:hover{background:#1e40af;transform:translateY(-1px);box-shadow:0 6px 15px #1e3a8a40}.btn-secondary{background:#fff;color:var(--teach-text);border:1px solid var(--teach-border)}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.25rem;border-radius:1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--teach-shadow);border:1px solid var(--teach-border);transition:transform .2s ease}.stat-card:hover{transform:translateY(-3px)}.stat-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center}.stat-icon.total{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.stat-icon.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a}.stat-icon.inactive{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.stat-icon.new{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#ea580c}.stat-content h3{font-size:1.5rem;font-weight:800;margin:0;color:var(--teach-text)}.stat-content p{font-size:.813rem;color:var(--teach-text-muted);margin:0;font-weight:500}.teachers-filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.teachers-search-box{position:relative;flex:1;max-width:400px}.teachers-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--teach-text-muted)}.teachers-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:.75rem;border:1px solid var(--teach-border);font-size:.875rem;transition:all .2s;background:#fff}.teachers-search-input:focus{outline:none;border-color:var(--teach-primary);box-shadow:0 0 0 3px #1e3a8a1a}.filter-bubbles-container{display:flex;gap:.75rem}.filter-trigger,.date-range-trigger{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid var(--teach-border);border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--teach-text);transition:all .2s}.filter-trigger:hover,.date-range-trigger:hover{background:#f8fafc;border-color:#cbd5e1}.filter-dropdown-bubble{position:relative}.filter-bubble,.date-picker-bubble{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--teach-border);z-index:100;min-width:420px;padding:1.5rem;overflow:hidden}.date-label{display:block;font-size:.813rem;font-weight:700;color:var(--teach-primary);margin-bottom:.5rem}.date-input{width:100%;padding:.625rem .875rem;border:1px solid var(--teach-border);border-radius:.75rem;font-size:.875rem;background:#f8fafc;outline:none;transition:all .2s}.date-input:focus{border-color:var(--teach-primary);background:#fff;box-shadow:0 0 0 3px #1e3a8a14}.date-picker-actions{display:flex;justify-content:flex-end;gap:.75rem;width:100%;margin-top:.25rem;padding-top:1.25rem;border-top:1px solid var(--teach-border)}.clear-btn,.apply-btn{padding:.5rem 1rem;border-radius:.625rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s}.clear-btn{background:#f1f5f9;color:#64748b;border:none}.apply-btn{background:var(--teach-primary);color:#fff;border:none}.apply-btn:hover{background:#1e40af}.filter-options{padding:.5rem}.filter-option{padding:.625rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:all .2s}.filter-option:hover{background:#f1f5f9}.filter-option.selected{background:var(--teach-primary);color:#fff}.teachers-table-container{background:#fff;border-radius:1.25rem;box-shadow:var(--teach-shadow);border:1px solid var(--teach-border);overflow:hidden}.table-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--teach-border);display:flex;justify-content:space-between;align-items:center;background:#fcfcfd}.table-count{font-size:.875rem;color:var(--teach-text-muted);font-weight:500}.teachers-table{width:100%;border-collapse:separate;border-spacing:0}.teachers-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--teach-primary);background:#f8fafc;border-bottom:2px solid var(--teach-border)}.teachers-table td{padding:1.25rem 1.5rem;vertical-align:middle;border-bottom:1px solid #f1f5f9;transition:all .2s}.clickable-row:hover td{background-color:#f8fafc}.teacher-profile-cell{display:flex;align-items:center;gap:1rem}.teacher-avatar-container{width:3rem;height:3rem;border-radius:.75rem;overflow:hidden;background:var(--teach-primary);flex-shrink:0;border:2px solid white;box-shadow:0 4px 6px -1px #0000001a}.teacher-table-img{width:100%;height:100%;object-fit:cover}.teacher-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.teacher-name-text{font-weight:700;font-size:.938rem;color:var(--teach-text);margin-bottom:.125rem}.teacher-id-tag{font-size:.75rem;color:var(--teach-accent);font-weight:600;margin-bottom:.125rem}.teacher-sub-info{font-size:.75rem;color:var(--teach-text-muted)}.teacher-contact-info{display:flex;flex-direction:column;gap:.375rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.813rem;color:var(--teach-text-muted)}.contact-item svg{color:var(--teach-primary);opacity:.7}.expertise-container{display:flex;flex-direction:column;gap:.5rem}.spec-tags,.subject-tags{display:flex;flex-wrap:wrap;gap:.25rem}.spec-tag{background:#f1f5f9;color:#475569;padding:.2rem .6rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.subject-chip{background:#eff6ff;color:#2563eb;padding:.2rem .6rem;border-radius:.5rem;font-size:.75rem;font-weight:600;border:1px solid #dbeafe}.more-count{font-size:.75rem;color:var(--teach-text-muted);font-weight:600;align-self:center}.status-badge{padding:.375rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-toggle-btn{background:transparent;border:none;cursor:pointer;padding:0}.action-buttons-group{display:flex;gap:.5rem}.btn-icon{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--teach-border);background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f8fafc;transform:scale(1.05)}.btn-icon.mail:hover{color:#2563eb;border-color:#2563eb}.btn-icon.whatsapp:hover{color:#16a34a;border-color:#16a34a}.btn-icon.edit:hover{color:var(--teach-accent);border-color:var(--teach-accent)}.btn-icon.delete:hover{color:#dc2626;border-color:#dc2626}.empty-state{padding:4rem 2rem;text-align:center;color:var(--teach-text-muted)}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:var(--teach-primary);margin-bottom:.5rem}.teach-modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.teach-premium-modal{background:#fff;width:100%;max-width:800px;border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.teach-modal-header{padding:1.5rem 2rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--teach-border)}.header-title{display:flex;align-items:center;gap:1rem}.teacher-title-icon{width:3rem;height:3rem;background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #0000000d}.header-title h2,.page-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;color:var(--teach-primary);margin:0}.page-title{font-size:1.875rem;margin-bottom:.25rem}.page-title svg{color:var(--teach-accent)}.header-title p{font-size:.813rem;color:var(--teach-text-muted);margin:0}.close-btn{background:#fff;border:1px solid var(--teach-border);color:var(--teach-text-muted);width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.teach-modal-tabs-nav{display:inline-flex;background:#f1f5f9;padding:4px;gap:4px;margin:1rem 2rem 0;border-radius:12px;border:1px solid var(--teach-border);width:fit-content}.teach-tab-link{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--teach-text-muted);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:160px}.teach-tab-link:hover{background:#fff9;color:var(--teach-primary)}.teach-tab-link.active{background:#fff;color:var(--teach-primary);box-shadow:0 2px 8px #0000000d;border-color:#0000000a}.teach-modal-body{padding:1.5rem 2rem 2rem;max-height:60vh;overflow-y:auto}.profile-upload-area{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;background:#f8fafc;padding:1.5rem;border-radius:1.25rem;border:1px dashed var(--teach-border)}.profile-preview-large{width:6rem;height:6rem;border-radius:1.5rem;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center;border:3px solid white;box-shadow:0 10px 15px -3px #0000001a}.profile-preview-large img{width:100%;height:100%;object-fit:cover}.profile-placeholder-icon{color:#94a3b8}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--teach-primary);color:#fff;border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;margin-bottom:.5rem}.upload-hint{font-size:.75rem;color:var(--teach-text-muted);margin:0}.teach-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.teach-form-group.full-width{grid-column:span 2}.teach-form-group label{display:flex;align-items:center;gap:.25rem;font-size:.813rem;font-weight:600;color:var(--teach-text);margin-bottom:.5rem}.tea-required-star{color:#ef4444;font-weight:800}.teach-form-group input,.teach-form-group select{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--teach-border);font-size:.875rem;background:#fcfcfd}.teach-form-group input:focus,.teach-form-group select:focus{outline:none;border-color:var(--teach-primary);background:#fff;box-shadow:0 0 0 3px #1e3a8a14}.section-title{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:700;color:var(--teach-primary);margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--teach-border)}.mt-4{margin-top:1.5rem}.teach-modal-footer{padding:1.25rem 2rem;background:#f8fafc;border-top:1px solid var(--teach-border);display:flex;justify-content:flex-end;gap:1rem}.teach-btn-ghost{padding:.625rem 1.25rem;background:transparent;color:var(--teach-text-muted);border:none;font-weight:600;cursor:pointer}.teach-btn-primary{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.75rem;background:var(--teach-primary);color:#fff;border-radius:.875rem;border:none;font-weight:700;cursor:pointer;box-shadow:0 4px 6px -1px #1e3a8a33}.spinner-small{width:1.25rem;height:1.25rem;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1200px){.teachers-container{padding:1.5rem}.stats-section{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media(max-width:1024px){.stats-section{grid-template-columns:repeat(2,1fr)}.teachers-header{padding:1.25rem 1.5rem}.teachers-search-box{max-width:300px}}@media(max-width:768px){.teachers-header-content{flex-direction:column;align-items:flex-start;gap:1.25rem}.header-actions{width:100%}.btn-primary,.btn-secondary{flex:1;justify-content:center}.teachers-filters-section{flex-direction:column;align-items:stretch;gap:1rem}.teachers-search-box{max-width:none;width:100%}.filter-bubbles-container{flex-direction:column;width:100%}.filter-trigger,.date-range-trigger{width:100%;justify-content:space-between}.filter-bubble,.date-picker-bubble{width:auto;min-width:0;left:0;right:0;padding:1rem}.teach-modal-overlay{padding:1rem}.teach-premium-modal{max-height:95vh;border-radius:1.25rem}.teach-modal-header{padding:1.25rem 1.5rem}.teach-modal-tabs-nav{margin:1rem 1.5rem 0;display:flex;overflow-x:auto;width:calc(100% - 3rem)}.teach-tab-link{min-width:120px;padding:8px 12px}.teach-modal-body{padding:1.25rem 1.5rem}.teach-form-grid{grid-template-columns:1fr;gap:1rem}.teach-form-group.full-width{grid-column:span 1}.profile-upload-area{flex-direction:column;text-align:center;gap:1.25rem;padding:1.25rem}}@media(max-width:640px){.teachers-container{padding:1rem}.stats-section{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}.stat-icon{width:3rem;height:3rem}.stat-content h3{font-size:1.25rem}.breadcrumb{display:none}.page-title{font-size:1.5rem}}@media(max-width:480px){.teachers-header{padding:1rem;border-radius:1rem}.header-actions{flex-direction:column}.teachers-search-input{padding:.625rem 1rem .625rem 2.5rem}.table-header{flex-direction:column;align-items:flex-start;gap:.5rem}.teacher-profile-cell{gap:.75rem}.teacher-avatar-container{width:2.5rem;height:2.5rem}.teach-modal-footer{padding:1rem 1.5rem;flex-direction:column-reverse}.teach-modal-footer button{width:100%}}.tea-modal-subtitle{display:flex;align-items:center;gap:.75rem;font-size:.813rem;font-weight:800;color:#1e293b;text-transform:uppercase;letter-spacing:.05em;margin:2rem 0 1.25rem;border-left:3px solid var(--teach-accent);padding:.5rem 0 .5rem 1rem;background:linear-gradient(to right,rgba(224,89,30,.04),transparent);border-radius:2px 0 0 2px}.tea-modal-subtitle svg{color:var(--teach-accent);opacity:.9}.tea-modal-subtitle:first-of-type{margin-top:0}:root{--subj-primary: #0A2E5D;--subj-accent: #e0591e;--subj-bg: #f8fafc;--subj-white: #ffffff;--subj-text-main: #1e293b;--subj-text-muted: #64748b;--subj-border: #e2e8f0;--subj-shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--subj-shadow-md: 0 10px 25px -5px rgba(10, 46, 93, .1);--subj-shadow-lg: 0 20px 50px -12px rgba(10, 46, 93, .15);--subj-radius-sm: 8px;--subj-radius-md: 14px;--subj-radius-lg: 20px}.subjects-container{padding:10px 20px;display:flex;flex-direction:column;gap:10px;background:var(--subj-bg);min-height:100vh;background-image:radial-gradient(circle at 100% 100%,rgba(10,46,93,.03) 0,transparent 25%),radial-gradient(circle at 0% 0%,rgba(224,89,30,.03) 0,transparent 25%)}.subject-header{background:#fff;padding:1.5rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.subject-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.subject-page-title{font-size:28px;font-weight:800;color:var(--subj-primary);margin:0;letter-spacing:-.02em}.subject-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b;margin-top:4px;font-weight:500}.subject-breadcrumb-separator{color:#cbd5e1}.subject-breadcrumb-item.active{color:var(--subj-accent);font-weight:700}.subjects-header-actions{display:flex;gap:1rem}.subj-btn-primary,.subj-btn-secondary{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-size:14px}.subj-btn-primary{background:linear-gradient(135deg,var(--web-primary) 0%,#1a4d8c 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0a2e5d40}.subj-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.subj-btn-secondary{background:#fff;color:var(--subj-primary);border:1px solid rgba(10,46,93,.1)}.subj-btn-secondary:hover{background:#f8fafc;border-color:var(--subj-primary);transform:translateY(-2px)}.stat-card{background:#fff;padding:24px;border-radius:var(--subj-radius-md);display:flex;align-items:center;gap:20px;box-shadow:var(--subj-shadow-sm);border:1px solid rgba(0,0,0,.02);transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--subj-shadow-md)}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}.stat-icon.total{background:#0a2e5d14;color:var(--subj-primary)}.stat-icon.active{background:#10b98114;color:#10b981}.stat-icon.inactive{background:#ef444414;color:#ef4444}.stat-icon.core{background:#8b5cf614;color:#8b5cf6}.stat-content h3{font-size:28px;font-weight:800;margin:0;color:var(--subj-text-main)}.stat-content p{font-size:13px;font-weight:600;color:var(--subj-text-muted);margin:4px 0 0;text-transform:uppercase;letter-spacing:.05em}.subjects-filters-section{background:#fff;padding:24px;border-radius:20px;box-shadow:var(--subj-shadow-sm);display:flex;flex-direction:column;gap:20px;border:1px solid rgba(0,0,0,.02)}.subjects-search-box{position:relative;max-width:600px;width:100%}.subjects-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--subj-text-muted)}.subjects-search-input{width:100%;padding:14px 16px 14px 52px;border-radius:14px;border:2px solid #f1f5f9;background:#f8fafc;font-size:15px;transition:all .3s ease}.subjects-search-input:focus{outline:none;border-color:var(--subj-primary);background:#fff;box-shadow:0 0 0 4px #0a2e5d0d}.filter-trigger{display:flex;align-items:center;gap:12px;padding:10px 18px;border:2px solid #f1f5f9;border-radius:14px;background:#f8fafc;cursor:pointer;transition:all .3s ease;min-width:160px}.filter-label{font-size:11px;font-weight:700;color:var(--subj-text-muted);text-transform:uppercase;letter-spacing:.05em;line-height:1;margin-bottom:2px}.filter-value{font-size:14px;font-weight:700;color:var(--subj-primary);line-height:1.2}.filter-trigger .chevron{transition:transform .3s ease;color:var(--subj-text-muted)}.filter-bubble{position:absolute;top:calc(100% + 12px);left:0;background:#fff;border-radius:18px;box-shadow:var(--subj-shadow-lg);z-index:1000;min-width:200px;padding:8px;border:1px solid rgba(10,46,93,.08);overflow:hidden;animation:modalIn .3s cubic-bezier(.165,.84,.44,1)}.bubble-arrow{position:absolute;top:-6px;left:24px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(10,46,93,.08);border-top:1px solid rgba(10,46,93,.08);transform:rotate(45deg)}.filter-option:hover{background:#f1f5f9;color:var(--subj-primary)}.filter-option.selected{background:#0a2e5d0d;color:var(--subj-primary)}.status-indicator{width:8px;height:8px;border-radius:50%}.subjects-table-container{background:#fff;border-radius:24px;box-shadow:var(--subj-shadow-sm);border:1px solid rgba(0,0,0,.02);overflow:hidden}.table-header{padding:24px 32px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.subjects-table-header-info{display:flex;align-items:center;gap:12px}.table-title{font-size:18px;font-weight:700;color:var(--subj-text-main);margin:0}.table-count{font-size:13px;color:var(--subj-text-muted);font-weight:500}.subjects-table{width:100%;border-collapse:collapse}.subjects-table th{padding:16px 32px;text-align:left;background:#fdfdfd;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--subj-text-muted);letter-spacing:.05em;border-bottom:1px solid #f1f5f9}.subjects-table td{padding:20px 32px;border-bottom:1px solid #f8fafc;vertical-align:middle}.clickable-row{transition:all .2s ease}.subject-info-cell{display:flex;align-items:center;gap:16px}.subject-icon{width:44px;height:44px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--subj-primary)}.subject-meta{display:flex;flex-direction:column;gap:4px}.subject-title{font-weight:700;color:var(--subj-text-main);font-size:15px}.subject-id-badge{font-size:12px;color:var(--subj-text-muted);font-weight:500}.subj-type-pill{padding:6px 12px;border-radius:100px;font-size:12px;font-weight:700}.subj-type-pill.core{background:#0a2e5d12;color:var(--subj-primary)}.subj-type-pill.elective{background:#e0591e12;color:var(--subj-accent)}.subj-status-badge{padding:6px 12px;border-radius:100px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.subj-status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.subj-status-badge.active{background:#ecfdf5;color:#059669}.subj-status-badge.active:before{background:#059669}.subj-status-badge.inactive{background:#fef2f2;color:#dc2626}.subj-status-badge.inactive:before{background:#dc2626}.teachers-stack-cell{display:flex;align-items:center;gap:8px;color:var(--subj-text-muted);font-size:14px;font-weight:500}.subj-action-buttons{display:flex;gap:8px}.subj-btn-icon{width:36px;height:36px;border-radius:10px;border:1px solid #f1f5f9;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--subj-text-muted)}.subj-btn-icon:hover{background:var(--subj-primary);color:#fff;border-color:var(--subj-primary);transform:translateY(-2px)}.subj-btn-icon.danger:hover{background:#ef4444;border-color:#ef4444}.subj-btn-text{display:flex;align-items:center;gap:6px;color:var(--subj-accent);font-size:14px;font-weight:700;text-decoration:none}.subj-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.subj-premium-modal{background:#fff;width:100%;max-width:750px;max-height:90vh;border-radius:28px;box-shadow:0 25px 50px -12px #0a2e5d40;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .4s cubic-bezier(.165,.84,.44,1)}.subj-modal-header{padding:32px;background:linear-gradient(to right,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.subj-modal-kicker{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--subj-accent);letter-spacing:.1em;margin-bottom:4px}.subj-modal-title{font-size:24px;font-weight:800;color:var(--subj-primary);margin:0}.subj-modal-close{width:40px;height:40px;border-radius:12px;border:none;background:#f1f5f9;color:var(--subj-text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.subj-modal-close:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.subj-modal-tabs-nav{display:flex;padding:0 32px;gap:24px;border-bottom:1px solid #f1f5f9;background:#fff}.subj-tab-link{padding:16px 4px;font-size:14px;font-weight:700;color:var(--subj-text-muted);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;position:relative;transition:all .3s}.subj-tab-link.active{color:var(--subj-primary)}.subj-tab-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--subj-primary);border-radius:3px 3px 0 0}.subj-modal-form{flex:1;display:flex;flex-direction:column;overflow:hidden}.subj-modal-body{flex:1;overflow-y:auto;padding:32px;background:#fcfcfd}.subj-form-sections{display:flex;flex-direction:column;gap:32px}.subj-section-title{font-size:14px;font-weight:800;color:var(--subj-text-main);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;display:flex;align-items:center;gap:12px;position:relative;padding-left:14px}.subj-section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background:var(--subj-accent);border-radius:2px}.subj-section-title:after{content:"";flex:1;height:1px;background:#f1f5f9}.subj-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.subj-form-group.full-width{grid-column:span 2}.subj-form-group label{display:block;font-size:13px;font-weight:700;color:var(--subj-text-main);margin-bottom:8px}.subj-input-wrapper{position:relative}.subj-input-wrapper .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--subj-text-muted)}.subj-input-wrapper input,.subj-form-group textarea{width:100%;padding:12px 14px 12px 44px;border:2px solid #f1f5f9;border-radius:12px;font-size:14px;transition:all .3s;background:#fff}.subj-form-group textarea{padding-left:14px;resize:none}.subj-input-wrapper input:focus,.subj-form-group textarea:focus{outline:none;border-color:var(--subj-primary);box-shadow:0 0 0 4px #0a2e5d0d}.subj-switches-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.subj-status-card{background:#fff;padding:20px;border-radius:16px;border:2px solid #f1f5f9;cursor:pointer;transition:all .3s}.subj-status-card:hover{border-color:#0a2e5d1a}.subj-status-card.active{border-color:var(--subj-primary);background:#0a2e5d05}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.card-header span{font-weight:700;color:var(--subj-text-main);flex:1}.card-desc{font-size:12px;color:var(--subj-text-muted);line-height:1.5;margin:0}.custom-switch{width:36px;height:20px;background:#e2e8f0;border-radius:100px;position:relative;transition:all .3s}.custom-switch:before{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;left:3px;top:3px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.custom-switch.on{background:var(--subj-primary)}.custom-switch.on:before{left:19px}.subj-teacher-selector{display:flex;flex-direction:column;gap:24px}.subj-selector-header{display:flex;justify-content:space-between;align-items:center}.header-info h3{font-size:18px;margin:0;color:var(--subj-primary)}.header-info p{font-size:13px;color:var(--subj-text-muted);margin:4px 0 0}.selection-badge{background:var(--subj-primary);color:#fff;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700}.subj-teacher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.subj-teacher-card{background:#fff;padding:16px;border-radius:16px;border:2px solid #f1f5f9;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s}.subj-teacher-card:hover{transform:translateY(-2px);box-shadow:var(--subj-shadow-sm);border-color:#0a2e5d1a}.subj-teacher-card.selected{border-color:var(--subj-primary);background:#0a2e5d05}.teacher-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--subj-primary),#1a4a8e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.teacher-info{flex:1;display:flex;flex-direction:column}.teacher-name{font-weight:700;color:var(--subj-text-main);font-size:15px}.teacher-email{font-size:12px;color:var(--subj-text-muted)}.custom-check{width:22px;height:22px;border:2px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.custom-check.checked{background:var(--subj-primary);border-color:var(--subj-primary)}.subj-modal-footer{padding:24px 32px;background:#fff;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:12px}.subj-btn-cancel,.subj-btn-submit{padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s}.subj-btn-cancel{background:#f8fafc;color:var(--subj-text-muted);border:1px solid #e2e8f0}.subj-btn-cancel:hover{background:#f1f5f9;color:var(--subj-text-main)}.subj-btn-submit{background:var(--subj-primary);color:#fff;border:none;box-shadow:0 4px 12px #0a2e5d33;display:flex;align-items:center;gap:10px}.subj-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0a2e5d4d;filter:brightness(1.1)}.subj-btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.subj-loading-state,.subj-empty-state{padding:100px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.subj-loading-state p{font-weight:600;color:var(--subj-text-muted)}.subj-empty-state svg{color:#e2e8f0}.subj-empty-state h3{font-size:20px;font-weight:800;color:var(--subj-primary);margin:0}.subj-empty-state p{color:var(--subj-text-muted);max-width:400px;margin:0}@media(max-width:768px){.subjects-header-content{flex-direction:column;align-items:flex-start;gap:24px}.subjects-header-actions{width:100%}.btn-primary,.btn-secondary{flex:1;justify-content:center}.subj-form-grid,.subj-switches-grid{grid-template-columns:1fr}.subj-form-group.full-width{grid-column:auto}.subj-teacher-grid{grid-template-columns:1fr}}@media(max-width:1200px){.subjects-container{padding:20px}}@media(max-width:1024px){.stats-section{grid-template-columns:repeat(2,1fr)}.subjects-search-box{max-width:none}}@media(max-width:768px){.subject-header{padding:1.5rem}.subject-page-title{font-size:24px}.subjects-header-actions .subj-btn-primary,.subjects-header-actions .subj-btn-secondary{padding:10px 16px;font-size:13px;flex:1;justify-content:center}.subjects-filters-section{padding:1.5rem}.filter-bubbles-container{gap:10px}.filter-trigger{min-width:calc(50% - 5px)}.table-header{padding:1.25rem 1.5rem}.subjects-table th,.subjects-table td{padding:1rem 1.5rem}}@media(max-width:640px){.subjects-container{padding:15px}.subject-header-content{flex-direction:column;align-items:stretch;gap:1.5rem}.subjects-header-actions{flex-direction:column}.stats-section{grid-template-columns:1fr}.filter-bubbles-container{flex-direction:column}.filter-trigger{width:100%}.subjects-table-container{border-radius:16px}.subject-page-title{font-size:20px}.subj-premium-modal{border-radius:20px}.subj-modal-header,.subj-modal-body,.subj-modal-footer{padding:1.25rem}.subj-modal-tabs-nav{padding:0 1.25rem;gap:1rem;overflow-x:auto}.subj-tab-link{white-space:nowrap}}@media(max-width:480px){.subjects-container{padding:10px}.subject-header{padding:1.25rem;border-radius:16px}.stat-card{padding:1.5rem}.stat-icon{width:48px;height:48px}.stat-content h3{font-size:24px}.subjects-filters-section{padding:1.25rem;border-radius:16px}.subjects-search-input{padding:12px 14px 12px 44px;font-size:14px}.subjects-table th{padding:.75rem 1rem;font-size:10px}.subjects-table td{padding:1rem}.subject-icon{width:36px;height:36px}.subject-title{font-size:14px}.subj-status-badge,.subj-type-pill{padding:4px 10px;font-size:11px}.subj-btn-icon{width:32px;height:32px}.subj-modal-title{font-size:20px}.subj-modal-header{padding:1rem}.subj-btn-submit,.subj-btn-cancel{padding:10px 16px;font-size:13px;width:100%;justify-content:center}.subj-modal-footer{flex-direction:column-reverse}}.employees-container{min-height:100vh;padding:20px;background:#f8fafc;background-image:radial-gradient(circle at 100% 100%,rgba(10,46,93,.03) 0,transparent 25%),radial-gradient(circle at 0% 0%,rgba(224,89,30,.03) 0,transparent 25%)}.employees-header{background:#fff;padding:1.5rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.employees-header-main{display:flex;align-items:center;gap:1.5rem}.employees-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.breadcrumb-item:hover{color:var(--color-primary)}.employees-header-actions{display:flex;gap:1rem}.btn-secondary{border:1px solid rgba(10,46,93,.1);padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;background:#fff;color:var(--color-primary)}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.75rem;border-radius:24px;box-shadow:0 4px 15px #0a2e5d08;display:flex;align-items:center;gap:1.25rem;transition:all .4s cubic-bezier(.165,.84,.44,1);border:1px solid rgba(10,46,93,.03)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0a2e5d1a;border-color:#0a2e5d1a}.stat-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.admin{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 8px 16px #4f46e533}.stat-icon.principal{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 16px #10b98133}.stat-icon.total{background:linear-gradient(135deg,var(--color-accent) 0%,#f97316 100%);color:#fff;box-shadow:0 8px 16px #e0591e33}.stat-icon.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 16px #3b82f633}.stat-content h3{font-size:28px;font-weight:800;margin:0;color:var(--color-primary);letter-spacing:-.01em}.stat-content p{margin:2px 0 0;color:#94a3b8;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.employees-filters-section{background:#fff;border-radius:20px;padding:1.25rem 2rem;display:flex;gap:1.25rem;align-items:center;box-shadow:0 4px 15px #0a2e5d08;margin-bottom:2rem;border:1px solid rgba(10,46,93,.05)}.employees-search-box{position:relative;flex:1}.employees-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8;transition:color .3s ease}.employees-search-input{width:100%;padding:14px 20px 14px 3.5rem;border:2px solid #f1f5f9;border-radius:28px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8fafc;color:var(--color-primary)}.employees-search-input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #0a2e5d14}.employees-search-input:focus+.employees-search-icon{color:var(--color-primary)}.filter-group{display:flex;gap:1rem}.date-range-picker{position:relative}.date-range-trigger{display:flex;align-items:center;gap:10px;padding:12px 18px;border:2px solid #f1f5f9;border-radius:14px;background:#f8fafc;cursor:pointer;transition:all .3s ease;min-width:220px}.date-range-trigger:hover{border-color:#0a2e5d1a;background:#fff}.date-range-display{font-size:14px;color:var(--color-primary);font-weight:600;flex:1}.chevron{transition:transform .3s cubic-bezier(.4,0,.2,1);color:#94a3b8}.chevron.open{transform:rotate(180deg);color:var(--color-primary)}.date-picker-bubble{position:absolute;top:calc(100% + 12px);right:0;background:#fff;border-radius:20px;box-shadow:0 15px 40px #0a2e5d26;z-index:1001;min-width:420px;padding:1.5rem;border:1px solid rgba(10,46,93,.08);animation:modal-enter .3s cubic-bezier(.165,.84,.44,1)}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.date-picker-content{display:flex;flex-wrap:wrap;gap:1.25rem}.date-section{flex:1;min-width:160px}.date-section{width:100%}.date-label{display:block;font-size:13px;font-weight:700;color:var(--color-primary);margin-bottom:8px}.date-input{width:100%;padding:12px 16px;border:2px solid #f1f5f9;border-radius:12px;font-size:14px;font-weight:500;color:var(--color-primary);background:#f8fafc;outline:none;transition:all .3s ease}.date-input:focus{border-color:var(--color-primary);background:#fff}.date-picker-actions{display:flex;justify-content:flex-end;gap:.75rem;width:100%;margin-top:.25rem;padding-top:1.25rem;border-top:1px solid #f1f5f9}.clear-btn{padding:10px 18px;border-radius:10px;background:#f1f5f9;color:#64748b;border:none;cursor:pointer;font-weight:700;font-size:14px;transition:all .2s}.apply-btn{padding:10px 18px;border-radius:10px;background:var(--color-primary);color:#fff;border:none;cursor:pointer;font-weight:700;font-size:14px;transition:all .2s}.clear-btn:hover{background:#e2e8f0}.apply-btn:hover{background:#1a4d8c}.employees-btn_primary{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:10px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.employees-btn_primary:hover{background:var(--color-accent)}.filter-trigger{display:flex;align-items:center;gap:10px;padding:12px 18px;border:2px solid #f1f5f9;border-radius:14px;background:#f8fafc;cursor:pointer;transition:all .3s ease;min-width:160px;color:var(--color-primary);font-weight:600;font-size:14px}.filter-trigger:hover{border-color:#0a2e5d1a;background:#fff}.filter-bubble{position:absolute;top:calc(100% + 12px);left:0;background:#fff;border-radius:18px;box-shadow:0 15px 40px #0a2e5d26;z-index:1000;min-width:200px;padding:8px;border:1px solid rgba(10,46,93,.08);overflow:hidden;animation:modal-enter .3s cubic-bezier(.165,.84,.44,1)}.status-indicator.all{background:#6b7280}.department-dropdown-bubble{position:relative}.department-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:var(--color-card);cursor:pointer;transition:all .2s;min-width:160px;font-size:14px;color:#374151}.department-trigger:hover{border-color:#9ca3af;background:#f9fafb}.department-display{flex:1;text-align:left}.department-bubble{position:absolute;top:100%;left:0;margin-top:8px;background:var(--color-card);border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:50;min-width:180px;max-height:300px;overflow-y:auto;overflow:hidden}.department-bubble .bubble-arrow{position:absolute;top:-6px;left:20px;width:12px;height:12px;background:var(--color-card);border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;transform:rotate(45deg)}.department-options{padding:8px;background:var(--color-card);border-radius:8px}.department-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;color:#374151}.department-option:hover{background:#f3f4f6}.department-option.selected{background:#eff6ff;color:#1d4ed8}.role-dropdown-bubble{position:relative}.role-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:var(--color-card);cursor:pointer;transition:all .2s;min-width:140px;font-size:14px;color:#374151}.role-trigger:hover{border-color:#9ca3af;background:#f9fafb}.role-display{flex:1;text-align:left}.role-bubble{position:absolute;top:100%;left:0;margin-top:8px;background:var(--color-card);border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:50;min-width:160px;overflow:hidden}.role-bubble .bubble-arrow{position:absolute;top:-6px;left:20px;width:12px;height:12px;background:var(--color-card);border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;transform:rotate(45deg)}.role-options{padding:8px;background:var(--color-card);border-radius:8px}.role-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;color:#374151}.role-option:hover{background:#f3f4f6}.role-option.selected{background:#eff6ff;color:#1d4ed8}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.filters-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.status-dropdown-bubble,.department-dropdown-bubble,.role-dropdown-bubble,.date-range-picker{position:relative}.employees-table-container{background:#fff;border-radius:24px;box-shadow:0 4px 20px #0a2e5d0a;overflow:hidden;margin-top:2rem;border:1px solid rgba(10,46,93,.05)}.table-header{padding:1.25rem 2rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.table-count{color:var(--color-primary);font-weight:700;font-size:15px}.employees-table{width:100%;border-collapse:separate;border-spacing:0}.employees-table th{background:#f8fafc;padding:1.25rem 1rem;text-align:left;font-weight:700;color:#64748b;text-transform:uppercase;font-size:12px;letter-spacing:.05em;border-bottom:2px solid #f1f5f9;white-space:nowrap}.employees-table td{padding:1.25rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;white-space:nowrap;color:#1e293b;font-weight:500;font-size:14px}.clickable-row{cursor:pointer;transition:all .2s ease}.clickable-row:hover{background-color:#f8fafc!important}.employee-id{font-weight:800;color:var(--color-primary)}.employee-name-avatar{display:flex;align-items:center;gap:1rem}.emp-table-avatar{width:44px;height:44px;border-radius:12px;background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;box-shadow:0 4px 10px #0a2e5d1a;overflow:hidden;border:2px solid white}.emp-table-avatar img{width:100%;height:100%;object-fit:cover;display:block}.full-name{font-weight:700;color:var(--color-primary);font-size:15px}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.role-badge.admin{background:#eef2ff;color:#4f46e5;border:1px solid rgba(79,70,229,.1)}.role-badge.principal{background:#ecfdf5;color:#10b981;border:1px solid rgba(16,185,129,.1)}.status-badge{padding:6px 14px;border-radius:10px;font-size:12px;font-weight:800;display:inline-block}.status-badge.inactive{background:#fee2e2;color:#ef4444}.emp-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:emp-modal-overlay-enter .4s cubic-bezier(.165,.84,.44,1)}@keyframes emp-modal-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes emp-modal-content-enter{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.emp-premium-modal{background:#fff;border-radius:28px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 40px 120px #0003;border:1px solid rgba(255,255,255,.5);animation:emp-modal-content-enter .6s cubic-bezier(.165,.84,.44,1)}.emp-modal-header{padding:24px 32px;background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.emp-modal-header h2{margin:0;color:#fff;font-size:24px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.emp-modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.emp-modal-close:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1)}.emp-modal-body{padding:32px;overflow-y:auto;background:#fdfdfd;flex:1}.emp-modal-body::-webkit-scrollbar{width:6px}.emp-modal-body::-webkit-scrollbar-thumb{background:#0a2e5d1a;border-radius:10px}.emp-modal-body::-webkit-scrollbar-track{background:transparent}.emp-profile-upload-section{margin-bottom:32px;display:flex;justify-content:center}.emp-profile-image-container{display:flex;align-items:center;gap:24px;background:#fff;padding:16px 24px;border-radius:20px;box-shadow:0 4px 15px #0a2e5d0a;border:1px solid #f1f5f9}.emp-profile-preview-wrapper{position:relative;width:100px;height:100px}.emp-profile-image-preview,.emp-profile-placeholder{width:100px;height:100px;border-radius:24px;object-fit:cover;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;border:2px solid #fff;box-shadow:0 4px 12px #00000014}.emp-profile-upload-label{position:absolute;bottom:-8px;right:-8px;width:36px;height:36px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 8px #e0591e4d;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:3px solid white}.emp-profile-upload-label:hover{transform:scale(1.2) rotate(10deg)}.emp-profile-upload-info h4{margin:0;color:var(--color-primary);font-size:16px;font-weight:700}.emp-profile-upload-info p{margin:4px 0 0;color:#94a3b8;font-size:13px;font-weight:500}.emp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.emp-form-group label{font-size:.8125rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.25rem}.required-star{color:#ef4444;font-weight:800}.form-input,.react-select__control{width:100%;padding:14px 18px;border:2px solid #f1f5f9!important;border-radius:16px!important;font-size:15px!important;font-weight:500!important;background:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.form-input:focus,.react-select__control--is-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #0a2e5d14!important;background:#fff!important}.emp-modal-footer{padding:24px 32px;background:#fff;display:flex;justify-content:flex-end;gap:16px;border-top:1px solid #f1f5f9}.emp-btn-cancel{padding:14px 28px;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;background:#f1f5f9;color:#64748b;border:none;transition:all .3s ease}.emp-btn-cancel:hover{background:#e2e8f0;color:var(--color-primary);transform:translateY(-2px)}.emp-btn-submit{padding:14px 32px;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;border:none;box-shadow:0 4px 15px #0a2e5d33;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.emp-btn-submit:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0a2e5d4d}.emp-btn-submit:disabled{opacity:.5;cursor:not-allowed;background:#cbd5e1;box-shadow:none}.react-select__control{border:2px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;min-height:52px!important;transition:all .3s ease!important;box-shadow:none!important}.react-select__control:hover{border-color:#0a2e5d33!important}.react-select__control--is-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #0a2e5d14!important}.react-select__value-container{padding:0 15px!important}.react-select__placeholder{font-weight:500;color:#94a3b8!important}.emp-title-icon{width:3rem;height:3rem;background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #0000000d}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.employees-filters-section{flex-direction:column;align-items:stretch}.emp-premium-modal{max-height:95vh;border-radius:0}.emp-form-grid{grid-template-columns:1fr}.emp-profile-image-container{flex-direction:column;text-align:center;width:100%}}@media(max-width:1200px){.employees-container{padding:1.5rem}.stats-section{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.employees-header{padding:1.25rem 1.75rem}.page-title{font-size:24px}}@media(max-width:768px){.employees-header-content{flex-direction:column;align-items:flex-start;gap:1.25rem}.employees-header-actions{width:100%}.employees-header-actions .btn-primary,.employees-header-actions .btn-secondary{flex:1;justify-content:center;padding:.75rem}.employees-filters-section{flex-direction:column;align-items:stretch;padding:1.25rem;gap:1rem}.filter-group{flex-direction:column;width:100%}.employees-search-box{width:100%}.filter-trigger,.date-range-trigger{width:100%;min-width:0;justify-content:space-between}.date-picker-bubble{width:auto;min-width:0;left:0;right:0;padding:1rem}.employees-table-container{border-radius:16px}.table-header{padding:1rem 1.5rem}.emp-premium-modal{max-height:95vh;border-radius:20px}.emp-modal-body{padding:1.5rem}.emp-form-grid{grid-template-columns:1fr;gap:1.25rem}.emp-profile-image-container{flex-direction:column;padding:1.25rem;text-align:center}}@media(max-width:640px){.employees-container{padding:1rem}.stats-section{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-icon{width:50px;height:50px}.stat-content h3{font-size:22px}.breadcrumb{display:none}.page-title{font-size:20px}.emp-modal-header{padding:1rem 1.5rem}.emp-modal-header h2{font-size:1.25rem}.emp-modal-footer{padding:1rem 1.5rem;flex-direction:column-reverse}.emp-modal-footer button{width:100%}}@media(max-width:480px){.employees-header{padding:1rem;border-radius:16px}.employees-header-actions{flex-direction:column}.employees-search-input{padding:12px 16px 12px 3rem;font-size:14px}.employees-search-icon{left:1rem}.table-header{flex-direction:column;align-items:flex-start;gap:.5rem}.emp-table-avatar{width:36px;height:36px}.action-buttons{gap:4px}}:root{--color-primary: #0A2E5D;--color-secondary: #0d3b75;--color-accent: #e0591e;--color-accent-hover: #f06a30;--color-bg-light: #f8fafc;--color-text-main: #1e293b;--color-text-muted: #64748b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #0A2E5D 0%, #1e40af 100%);--gradient-accent: linear-gradient(135deg, #e0591e 0%, #f97316 100%)}.library-container{padding:24px;background-color:var(--color-bg-light);min-height:100vh;display:flex;flex-direction:column;gap:24px}.library-header{background:#fff;padding:1.5rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.library-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.page-title{font-size:28px;font-weight:800;color:var(--color-primary);margin:0 0 4px;letter-spacing:-.02em}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:14px}.breadcrumb-separator{opacity:.5}.breadcrumb-item.active{color:var(--color-accent);font-weight:600}.library-header-actions{display:flex;gap:12px}.stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:20px;transition:all .3s ease;border:1px solid rgba(0,0,0,.02)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.total{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-icon.uploads{background:linear-gradient(135deg,#ec4899,#db2777)}.stat-icon.links{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.active{background:linear-gradient(135deg,#10b981,#059669)}.stat-content p{font-size:14px;color:var(--color-text-muted);margin:4px 0 0}.library-filters-section{background:#fff;padding:24px;border-radius:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;border:1px solid rgba(0,0,0,.02)}.library-search-box{position:relative;max-width:600px;width:100%}.library-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.library-search-input{width:100%;padding:14px 16px 14px 52px;border-radius:14px;border:2px solid #f1f5f9;background:#f8fafc;font-size:15px;transition:all .3s ease;color:var(--color-text-main)}.library-search-input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #0a2e5d0d}.filter-bubbles-container{display:flex;flex-wrap:wrap;gap:12px}.filter-dropdown-bubble{position:relative;z-index:100}.filter-trigger{display:flex;align-items:center;gap:12px;padding:10px 18px;border:2px solid #f1f5f9;border-radius:14px;background:#f8fafc;cursor:pointer;transition:all .3s ease;min-width:160px;color:var(--color-primary)}.filter-trigger:hover{border-color:#0a2e5d1a;background:#fff;box-shadow:0 4px 12px #0000000d}.filter-info{display:flex;flex-direction:column;flex:1}.filter-label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;line-height:1;margin-bottom:2px}.filter-value{font-size:14px;font-weight:700;color:var(--color-primary);line-height:1.2}.filter-trigger .chevron{transition:transform .3s ease;color:var(--color-text-muted)}.filter-trigger .chevron.open{transform:rotate(180deg)}.filter-bubble{position:absolute;top:calc(100% + 12px);left:0;background:#fff;border-radius:18px;box-shadow:0 15px 40px #0a2e5d26;z-index:1000;min-width:200px;padding:8px;border:1px solid rgba(10,46,93,.08);overflow:hidden;animation:modalIn .3s cubic-bezier(.165,.84,.44,1)}.filter-bubble .bubble-arrow{position:absolute;top:-6px;left:24px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(10,46,93,.08);border-top:1px solid rgba(10,46,93,.08);transform:rotate(45deg)}.filter-options{display:flex;flex-direction:column;gap:2px}.filter-options.scrollable{max-height:250px;overflow-y:auto}.filter-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600;color:#64748b}.filter-option:hover{background:#f1f5f9;color:var(--color-primary)}.filter-option.selected{background:#0a2e5d0d;color:var(--color-primary)}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.all{background:#64748b}.status-indicator.public{background:#10b981}.status-indicator.teachers-only{background:#ef4444}.status-indicator.students-only{background:#3b82f6}.status-indicator.group-only{background:#8b5cf6}.status-indicator.active{background:#10b981}.status-indicator.inactive{background:#ef4444}.active-scope-filters{display:flex;gap:16px;padding-top:20px;border-top:1px solid #f1f5f9}.scope-sub-filter{display:flex;align-items:center;gap:12px;background:#f1f5f9;padding:10px 16px;border-radius:12px;border:1px solid #e2e8f0}.scope-sub-filter svg{color:var(--color-primary);opacity:.7}.sub-filter-label{font-size:13px;font-weight:700;color:var(--color-text-muted)}.scope-sub-filter select{background:transparent;border:none;font-size:14px;font-weight:600;color:var(--color-primary);cursor:pointer;outline:none}.library-table-container{background:#fff;border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden;border:1px solid rgba(0,0,0,.02)}.library-table-header{display:flex;flex-direction:row;padding:24px;border-bottom:1px solid #f1f5f9}.library-table-header-info{display:flex;align-items:center;gap:12px}.table-title{font-size:20px;font-weight:700;color:var(--color-primary);margin:0}.table-count{font-size:13px;color:var(--color-text-muted);background:#f1f5f9;padding:4px 10px;border-radius:20px;margin-top:4px;display:inline-block}.library-table{width:100%;border-collapse:collapse}.library-table th{background:#f8fafc;padding:16px 24px;text-align:left;font-size:13px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.library-table td{padding:20px 24px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.library-table tr:last-child td{border-bottom:none}.clickable-row:hover{background-color:#f8fafc}.resource-info-cell{display:flex;gap:16px;align-items:center}.resource-icon{width:44px;height:44px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.resource-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.resource-title{font-weight:600;color:var(--color-primary);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.resource-quick-actions{display:flex;gap:12px}.action-links{display:flex;gap:8px}.btn-text{background:none;border:none;padding:0;color:var(--color-primary);font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer;opacity:.8;transition:opacity .2s}.btn-text.secondary{color:var(--color-accent)}.btn-text:hover{opacity:1;text-decoration:underline}.btn-text:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.chip-group{display:flex;flex-wrap:wrap;gap:6px}.lib-badge{background:#e0f2fe;color:#0369a1;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.lib-badge.more{background:#f1f5f9;color:#64748b}.tag-badge{background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.type-tag{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.visibility-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.visibility-badge.public{background:#dcfce7;color:#166534}.visibility-badge.teachers-only{background:#fee2e2;color:#991b1b}.visibility-badge.students-only{background:#dbeafe;color:#1e40af}.visibility-badge.group-only{background:#f3e8ff;color:#6b21a8}.action-buttons{display:flex;gap:8px}.btn-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.btn-icon.edit{background:#f1f5f9;color:var(--color-primary)}.btn-icon.edit:hover{background:var(--color-primary);color:#fff}.btn-icon.danger{background:#fee2e2;color:#ef4444}.btn-icon.danger:hover{background:#ef4444;color:#fff}.btn-secondary{background:#fff;color:var(--color-primary);border:1px solid #e2e8f0;padding:10px 20px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.lib-loading-state,.lib-empty-state{padding:80px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;color:var(--color-text-muted)}.lib-empty-state svg{color:#e2e8f0}.lib-empty-state h3{font-size:20px;color:var(--color-primary);margin:0}.lib-empty-state p{max-width:300px;margin:0}.lib-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000;animation:overlayIn .3s ease-out}.lib-premium-modal{background:#fff;width:100%;max-width:800px;max-height:90vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .4s cubic-bezier(.16,1,.3,1)}.lib-modal-header{padding:24px 32px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.lib-modal-header h2{margin:0;font-size:22px;color:var(--color-primary);display:flex;align-items:center;gap:12px}.lib-modal-close{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:none;background:#f8fafc;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.lib-modal-close:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.lib-modal-body{padding:32px;overflow-y:auto;flex:1}.lib-modal-form{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:14px;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin:0 0 8px;border-left:3px solid var(--color-accent);padding-left:12px}.lib-modal-section-title{font-size:13px;font-weight:800;text-transform:uppercase;color:var(--color-primary);letter-spacing:.05em;margin:0 0 16px;border-left:4px solid var(--color-accent);padding-left:12px;display:flex;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.form-group label{font-size:14px;font-weight:600;color:var(--color-text-main)}.form-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:14px;transition:all .2s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0a2e5d1a}.source-picker{display:flex;gap:12px;margin-bottom:8px}.source-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:16px;border:2px solid #f1f5f9;background:#f8fafc;cursor:pointer;transition:all .2s;font-weight:600;color:var(--color-text-muted)}.source-chip.active{border-color:var(--color-primary);background:#f0f7ff;color:var(--color-primary)}.source-chip svg{opacity:.7}.source-chip.active svg{opacity:1}.file-upload-zone{position:relative;border:2px dashed #e2e8f0;border-radius:20px;padding:40px;text-align:center;transition:all .2s;background:#f8fafc;cursor:pointer}.file-upload-zone:hover{border-color:var(--color-primary);background:#f1f5f9}.file-upload-zone input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-muted)}.file-upload-label svg{color:var(--color-primary);opacity:.5}.upload-text{display:flex;flex-direction:column;gap:4px}.upload-text strong{color:var(--color-primary);font-size:15px}.upload-text small{font-size:12px;opacity:.7}.existing-file-info{margin-top:12px;display:flex;align-items:center;gap:8px;color:#10b981;font-size:13px;font-weight:600;background:#ecfdf5;padding:8px 12px;border-radius:8px;width:fit-content}.input-with-icon .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.input-with-icon .form-input{padding-left:44px}.input-with-icon .select-arrow{right:14px}.lib-modal-footer{padding:24px 32px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:16px}.btn-cancel{padding:12px 24px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:var(--color-text-main);font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f1f5f9}.btn-submit{padding:12px 32px;border-radius:12px;border:none;background:var(--gradient-primary);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0a2e5d33;transition:all .2s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0a2e5d4d}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.lib-preview-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;padding:40px}.lib-preview-modal{width:100%;max-width:1200px;height:100%;background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.lib-preview-header{padding:16px 24px;background:var(--color-primary);color:#fff;display:flex;justify-content:space-between;align-items:center}.lib-preview-title-area{display:flex;align-items:center;gap:12px}.lib-preview-name{font-weight:600;font-size:16px}.lib-preview-close{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.lib-preview-close:hover{background:#fff3;transform:scale(1.1)}.lib-preview-body{flex:1;background:#f1f5f9}.lib-preview-frame{width:100%;height:100%;border:none}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.library-container{padding:16px}.form-grid{grid-template-columns:1fr}.library-header-content{flex-direction:column;align-items:flex-start}.library-header-actions{width:100%}.library-header-actions button{flex:1}}.form-input{width:100%;padding:12px 16px;border-radius:12px;border:2px solid #f1f5f9;background:#f8fafc;font-size:15px;color:var(--color-text-main);transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #0a2e5d0d}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:16px;color:var(--color-text-muted);pointer-events:none}.input-with-icon input.form-input{padding-left:48px}.input-with-icon .select-arrow{position:absolute;right:16px;color:var(--color-text-muted);pointer-events:none}.input-with-icon select.form-input{padding-right:48px;appearance:none;cursor:pointer}.stat-card{padding:16px}.filter-group{flex-direction:column}.filter-item{width:100%}@media(max-width:1200px){.library-container{padding:20px}}@media(max-width:1024px){.stats-section{grid-template-columns:repeat(2,1fr)}.library-search-box{max-width:none}.form-grid-three{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.library-header{padding:1.5rem;margin-bottom:1.5rem}.page-title{font-size:24px}.library-header-actions{flex-direction:row;gap:8px}.library-header-actions .btn-primary,.library-header-actions .btn-secondary{padding:10px 16px;font-size:13px;flex:1;justify-content:center}.library-filters-section{padding:1.5rem}.active-scope-filters{flex-direction:column;gap:12px}.scope-sub-filter{width:100%}.library-table-header{padding:1.25rem 1.5rem}.library-table th,.library-table td{padding:1rem 1.5rem}.resource-title{font-size:14px}.lib-modal-header,.lib-modal-body,.lib-modal-footer{padding:1.5rem}.source-picker{flex-direction:column}.source-chip{padding:12px;font-size:14px}}@media(max-width:640px){.library-container{padding:15px;gap:16px}.library-header-content{flex-direction:column;align-items:stretch;gap:1.25rem}.library-header-actions{flex-direction:column}.stats-section{grid-template-columns:1fr}.filter-bubbles-container{flex-direction:column}.filter-trigger{width:100%;min-width:0}.library-table-container{border-radius:16px}.page-title{font-size:22px}.lib-premium-modal{border-radius:20px;max-height:95vh}.lib-modal-header h2{font-size:18px}.form-grid,.form-grid-three{grid-template-columns:1fr}.lib-preview-overlay{padding:10px}.lib-preview-modal{border-radius:12px}}@media(max-width:480px){.library-container{padding:10px}.library-header{padding:1.25rem;border-radius:16px}.stat-card{padding:1.25rem;gap:16px}.stat-icon{width:48px;height:48px}.stat-content h3{font-size:22px}.library-filters-section{padding:1.25rem;border-radius:16px}.library-search-input{padding:12px 14px 12px 44px;font-size:14px}.library-table th{padding:.75rem 1rem;font-size:11px}.library-table td{padding:1rem}.resource-icon{width:36px;height:36px}.visibility-badge,.type-tag,.lib-badge,.tag-badge{padding:3px 8px;font-size:11px}.btn-icon{width:32px;height:32px}.lib-modal-header,.lib-modal-body,.lib-modal-footer{padding:1.25rem 1rem}.lib-btn-submit,.lib-btn-cancel,.btn-submit,.btn-cancel{padding:10px 16px;font-size:13px;width:100%;justify-content:center}.lib-modal-footer{flex-direction:column-reverse;gap:12px}.file-upload-zone{padding:24px}.upload-text strong{font-size:14px}}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.library-table{min-width:800px}@media(max-width:768px){.library-table{min-width:600px}}.resources-section{border-radius:12px;padding:10px}.resources-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.resources-header-content{display:flex;align-items:baseline;gap:8px}.resources-title{font-size:20px;margin:0}.resources-count{color:#64748b;font-size:14px}.resources-actions .res-btn{display:inline-flex;align-items:center;gap:6px}.resources-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.res-table{width:100%;border-collapse:collapse}.res-table th,.res-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap!important}.res-table th{background:#f1f5f9;font-weight:600;color:#334155}.res-table tbody tr:hover{background:#f8fafc}.res-actions{display:flex;gap:8px;flex-wrap:nowrap}.res-btn{border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:600;transition:all .15s ease}.res-btn-primary{background:#2563eb;color:#fff}.res-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.res-btn-secondary{background:#e2e8f0;color:#0f172a}.res-btn-secondary:hover{background:#cbd5e1}.res-btn-danger{background:#fee2e2;color:#b91c1c;border:1px solid #fecdd3}.res-btn-danger:hover{background:#fecdd3;color:#991b1b}.res-error{background:#fef2f2;border:1px solid #fecdd3;color:#b91c1c;padding:10px 12px;border-radius:8px;margin-bottom:12px}.res-loading,.res-empty{text-align:center;padding:32px 16px;color:#475569}.res-empty h3{margin:8px 0 4px}.res-empty p{margin:0 0 12px;color:#64748b}.res-spinner{width:28px;height:28px;border-radius:50%;border:3px solid #cbd5e1;border-top-color:#2563eb;margin:0 auto 10px;animation:res-spin .8s linear infinite}.res-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999;animation:fadeIn .2s ease-out}.res-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(229,231,235,.8)}.res-modal-header{padding:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(229,231,235,.6)}.res-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#111827;line-height:1.2}.res-modal-close{background:none;border:none;font-size:1.75rem;cursor:pointer;color:#6b7280;padding:.25rem .5rem;border-radius:6px;line-height:1;transition:all .2s ease;margin:-.5rem -.5rem -.5rem 0}.res-modal-close:hover{background-color:#f3f4f6;color:#374151;transform:rotate(90deg)}.res-modal-body{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.5rem}.res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.res-form-group{display:flex;flex-direction:column;gap:.5rem}.res-form-group label{font-size:.875rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.375rem}.res-form-group label:after{content:"";height:4px;width:4px;background:#ef4444;border-radius:50%;opacity:0;transition:opacity .2s}.res-form-group input:required+label:after{opacity:1}.res-form-group input,.res-form-group select,.res-form-group textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:all .2s ease;background:#fff;color:#111827}.res-form-group input:focus,.res-form-group select:focus,.res-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.res-form-group input:hover,.res-form-group select:hover{border-color:#d1d5db}.res-form-group textarea{resize:vertical;min-height:80px;line-height:1.5;font-family:inherit}.res-source-options{display:flex;gap:1.5rem;padding:.5rem 0}.res-source-options label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#4b5563;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;border:2px solid transparent}.res-source-options label:hover{background-color:#f9fafb;color:#111827}.res-source-options input[type=radio]{width:18px;height:18px;margin:0;accent-color:#3b82f6;cursor:pointer}.res-source-options label:has(input:checked){background-color:#eff6ff;color:#1d4ed8;border-color:#3b82f6}.muted-text.small-text{font-size:.8125rem;color:#6b7280;margin-top:.375rem;font-style:italic}input[type=file]{padding:1rem;border:2px dashed #d1d5db;border-radius:10px;background-color:#f9fafb;cursor:pointer;transition:all .2s ease}input[type=file]:hover{border-color:#9ca3af;background-color:#f3f4f6}input[type=file]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.res-dropdown{position:relative}.res-dropdown-trigger{width:100%;border:2px solid #e5e7eb;border-radius:10px;background:#fff;padding:.65rem .85rem;display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.95rem;font-weight:600;color:#0f172a;transition:all .15s ease}.res-dropdown-trigger:hover{border-color:#d1d5db}.res-dropdown-trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.res-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 16px 40px #0f172a1f;z-index:20;max-height:220px;overflow-y:auto}.res-dropdown-option{width:100%;text-align:left;border:none;background:transparent;padding:10px 12px;display:flex;align-items:center;gap:8px;font-size:.95rem;cursor:pointer}.res-dropdown-option:hover{background:#f8fafc}.res-dropdown-option.active{background:#eef2ff;color:#312e81}.res-dropdown-check{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#1d4ed8}.res-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(229,231,235,.6);margin-top:auto}.res-btn{padding:.75rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.res-btn:disabled{opacity:.6;cursor:not-allowed}.res-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 10px #3b82f64d}.res-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.res-btn-primary:active:not(:disabled){transform:translateY(0)}.res-btn-secondary{background-color:#fff;color:#374151;border:2px solid #e5e7eb}.res-btn-secondary:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.res-modal-body::-webkit-scrollbar{width:6px}.res-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.res-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.res-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.res-modal{max-height:85vh}.res-modal-header{padding:1.25rem}.res-modal-body{padding:1.25rem;gap:1.25rem}.res-grid{grid-template-columns:1fr;gap:1rem}.res-modal-actions{flex-direction:column-reverse}.res-btn{width:100%}}@media(prefers-color-scheme:dark){.res-modal{background:#1f2937;border-color:#374151}.res-modal-header h3{color:#f9fafb}.res-modal-close{color:#9ca3af}.res-modal-close:hover{background-color:#374151;color:#f9fafb}.res-form-group label{color:#e5e7eb}.res-form-group input,.res-form-group select,.res-form-group textarea{background:#111827;border-color:#4b5563;color:#f9fafb}.res-form-group input::placeholder,.res-form-group textarea::placeholder{color:#9ca3af}.res-form-group input:focus,.res-form-group select:focus,.res-form-group textarea:focus{border-color:#3b82f6}.res-source-options label{color:#d1d5db}.res-source-options label:hover{background-color:#374151;color:#f9fafb}.res-source-options label:has(input:checked){background-color:#1e40af;color:#93c5fd}input[type=file]{background-color:#374151;border-color:#4b5563}input[type=file]:hover{border-color:#6b7280;background-color:#4b5563}.res-btn-secondary{background-color:#374151;color:#e5e7eb;border-color:#4b5563}.res-btn-secondary:hover{background-color:#4b5563}.res-modal-body::-webkit-scrollbar-track{background:#374151}.res-modal-body::-webkit-scrollbar-thumb{background:#6b7280}}.res-source-options{display:flex;gap:16px;color:#0f172a}.subject-cell{display:flex;flex-direction:column;gap:4px}.subject-name{font-weight:600;color:#0f172a}.subjects-truncate{max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-meta .link-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e0f2fe;color:#0369a1;text-decoration:none;font-size:12px;border:none;cursor:pointer}.link-actions{display:inline-flex;gap:6px;flex-wrap:wrap}.link-pill.secondary{background:#eef2ff;color:#4338ca}.res-preview-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;justify-content:center;align-items:center;padding:16px;z-index:1300}.res-preview-modal{background:#fff;width:min(900px,100%);height:min(80vh,720px);border-radius:14px;box-shadow:0 16px 48px #0f172a40;display:flex;flex-direction:column;overflow:hidden}.res-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e2e8f0}.res-preview-title{font-weight:700;color:#0f172a}.res-preview-body{flex:1;background:#0f172a}.res-preview-frame{width:100%;height:100%;border:none;background:#0f172a}.lib-chips-container{display:flex;flex-wrap:nowrap!important;gap:6px;align-items:center;white-space:nowrap!important}.lib-chip{display:inline-flex;align-items:center;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:999px;padding:4px 10px;font-size:12px;white-space:nowrap!important;font-weight:600}.muted-text{color:#94a3b8}.small-text{font-size:12px}@media(max-width:768px){.btn-text{display:none}}@media(max-width:640px){.resources-header{align-items:center;gap:12px}.resources-header-content{gap:8px}.res-actions{flex-direction:row;gap:8px}.res-modal-body{padding-bottom:16px}.res-modal-actions{flex-direction:column-reverse;align-items:stretch}.res-grid{grid-template-columns:1fr}}.lib-chip-more{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;cursor:help;position:relative;transition:all .2s ease}.lib-chip-more:hover{background:#2563eb!important;transform:scale(1.05)}.lib-chip-more[title]:hover:after{content:attr(title);position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;padding:10px 14px;background:linear-gradient(135deg,#1f2937,#111827);color:#fff;font-size:13px;font-weight:500;line-height:1.5;border-radius:8px;white-space:normal;max-width:300px;min-width:150px;width:max-content;z-index:9999;box-shadow:0 8px 24px #00000040,0 0 0 1px #ffffff1a;pointer-events:none;text-align:center;word-wrap:break-word}.lib-chip-more[title]:hover:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;border:7px solid transparent;border-bottom-color:#1f2937;z-index:9999;pointer-events:none}.res-switch-group{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#3b82f60d;border-radius:12px;margin:20px 0;border:1px solid rgba(59,130,246,.1);transition:all .3s ease}.res-switch-group:hover{background:#3b82f614;border-color:#3b82f633;transform:translateY(-1px)}.res-switch-label-info{display:flex;flex-direction:column;gap:4px}.res-switch-title{font-weight:600;color:#1e293b;font-size:14px}.res-switch-desc{font-size:12px;color:#64748b}.res-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.res-switch input{opacity:0;width:0;height:0}.res-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.res-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.res-slider{background:linear-gradient(135deg,#3b82f6,#2563eb)}input:focus+.res-slider{box-shadow:0 0 1px #3b82f6}input:checked+.res-slider:before{transform:translate(24px)}.bubble-multi-select{position:relative;width:100%}.bubble-multi-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;color:var(--color-primary, #0A2E5D);text-align:left}.bubble-multi-trigger:hover{background:#fff;border-color:#0a2e5d26;box-shadow:0 4px 12px #0000000d}.bubble-multi-trigger:focus{outline:none;border-color:var(--color-primary, #0A2E5D);box-shadow:0 0 0 4px #0a2e5d0d}.bubble-multi-label{flex:1;color:var(--color-primary, #0A2E5D);font-weight:600}.bubble-multi-trigger svg{transition:transform .3s ease;color:#64748b;flex-shrink:0}.bubble-multi-trigger svg.rotate-180{transform:rotate(180deg)}.bubble-multi-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:16px;box-shadow:0 15px 40px #0a2e5d26;z-index:1000;padding:8px;border:1px solid rgba(10,46,93,.08);max-height:300px;overflow-y:auto;animation:bubbleIn .3s cubic-bezier(.165,.84,.44,1)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bubble-multi-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;color:#64748b;text-align:left}.bubble-multi-option:hover{background:#f1f5f9;color:var(--color-primary, #0A2E5D)}.bubble-multi-option.active{background:#0a2e5d0d;color:var(--color-primary, #0A2E5D)}.bubble-multi-option.select-all{border-bottom:1px solid #f1f5f9;border-radius:10px 10px 0 0;margin-bottom:4px}.bubble-multi-check{width:20px;height:20px;border:2px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;background:#fff}.bubble-multi-option.active .bubble-multi-check{background:var(--color-primary, #0A2E5D);border-color:var(--color-primary, #0A2E5D);color:#fff}.bubble-multi-option:hover .bubble-multi-check{border-color:var(--color-primary, #0A2E5D)}.bubble-multi-divider{height:1px;background:#f1f5f9;margin:4px 0}.bubble-multi-menu::-webkit-scrollbar{width:6px}.bubble-multi-menu::-webkit-scrollbar-track{background:transparent}.bubble-multi-menu::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.bubble-multi-menu::-webkit-scrollbar-thumb:hover{background:#cbd5e1}:root{--color-primary: #0A2E5D;--color-accent: #e0591e;--color-bg-subtle: #f8fafc;--shadow-premium: 0 10px 30px -5px rgba(10, 46, 93, .1), 0 4px 6px -2px rgba(10, 46, 93, .05);--shadow-card: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02)}.sequences-container{padding:24px;background-color:var(--color-bg-subtle);min-height:100vh;display:flex;flex-direction:column;gap:24px}.sequences-header{background:#fff;padding:1.5rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.sequences-header-content{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:28px;font-weight:800;color:var(--color-primary);margin:0 0 8px;letter-spacing:-.02em}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;font-weight:500}.breadcrumb-item.active{color:var(--color-accent)}.sequences-header-actions{display:flex;gap:12px}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stat-card{background:#fff;padding:24px;border-radius:20px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-premium);border:1px solid rgba(10,46,93,.05);transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.total{background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);box-shadow:0 8px 16px #0a2e5d33}.stat-icon.active{background:linear-gradient(135deg,var(--color-accent) 0%,#f97316 100%);box-shadow:0 8px 16px #e0591e33}.stat-content h3{font-size:24px;font-weight:800;color:var(--color-primary);margin:0}.stat-content p{font-size:14px;color:#64748b;font-weight:500;margin:4px 0 0}.sequences-table-container{background:#fff;border-radius:24px;box-shadow:var(--shadow-card);overflow:hidden;border:1px solid #f1f5f9}.table-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;background:#fafafa}.table-count{font-size:14px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.table-wrapper{overflow-x:auto}.sequences-table{width:100%;border-collapse:collapse}.sequences-table th{padding:18px 24px;text-align:left;font-size:13px;font-weight:700;color:#475569;background:#f8fafc;text-transform:uppercase;letter-spacing:.05em}.sequences-table td{padding:20px 24px;font-size:15px;color:#334155;border-bottom:1px solid #f1f5f9}.clickable-row:hover{background-color:#f8faff}.entity-name-cell{display:flex;align-items:center;gap:12px}.entity-icon{width:32px;height:32px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.entity-name{font-weight:700;color:var(--color-primary)}.prefix-badge{background:#eef2ff;color:var(--color-primary);padding:6px 12px;border-radius:10px;font-weight:800;font-size:13px}.info-badge{background:#f1f5f9;color:#475569;padding:6px 10px;border-radius:8px;font-weight:700;font-size:13px}.number-badge{background:#fff7ed;color:var(--color-accent);padding:6px 12px;border-radius:10px;font-weight:800;font-size:14px;border:1px solid #fed7aa}.actions-cell{text-align:right}.action-buttons{display:flex;justify-content:flex-end;gap:8px}.btn-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.btn-icon.edit{background:#e0f2fe;color:#0369a1}.btn-icon.edit:hover{background:#0369a1;color:#fff;transform:translateY(-2px)}.btn-icon.reset{background:#fef3c7;color:#b45309}.btn-icon.reset:hover{background:#b45309;color:#fff;transform:translateY(-2px)}.sq-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:sq-overlay-in .3s ease}@keyframes sq-overlay-in{0%{opacity:0}to{opacity:1}}.sq-premium-modal{background:#fff;width:100%;max-width:600px;max-height:90vh;border-radius:28px;box-shadow:0 40px 100px #0003;display:flex;flex-direction:column;overflow:hidden;animation:sq-modal-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes sq-modal-in{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sq-modal-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.sq-modal-header-main{display:flex;flex-direction:column;gap:4px}.sq-modal-header h2{margin:0;font-size:22px;font-weight:800;color:var(--color-primary);display:flex;align-items:center;gap:12px}.sq-modal-subtitle{margin:0;font-size:14px;color:var(--color-primary);font-weight:500;padding-left:34px}.sq-modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-primary);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sq-modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.sq-modal-body{padding:24px 32px;background:#fdfdfd;flex:1;overflow-y:auto}.sq-modal-body::-webkit-scrollbar{width:6px}.sq-modal-body::-webkit-scrollbar-thumb{background:#0a2e5d1a;border-radius:10px}.sq-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group.full-width{grid-column:span 2}.form-group label{display:block;font-weight:700;font-size:14px;color:var(--color-primary);margin-bottom:8px;opacity:.9}.form-input{width:100%;padding:14px 18px;border:2px solid #f1f5f9;border-radius:16px;font-size:15px;font-weight:500;transition:all .3s;outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0a2e5d14}.input-with-icon{position:relative}.select-chevron{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b}select.form-input{appearance:none;cursor:pointer}.sq-preview-card{margin-top:24px;background:#f1f5f9;border-radius:18px;padding:20px;border:1px dashed #cbd5e1}.preview-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:12px}.preview-content{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 6px -1px #0000000d}.preview-item{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.preview-item:last-child{margin-bottom:0}.preview-item.main{font-size:16px;border-bottom:1px solid #f1f5f9;padding-bottom:8px;margin-bottom:12px}.preview-item .label{color:#64748b;font-weight:500}.preview-item .value{color:var(--color-primary);font-weight:800}.preview-item .value.codes{font-family:Courier New,Courier,monospace;letter-spacing:.05em}.sq-info-alert{margin-top:24px;display:flex;gap:12px;background:#eff6ff;padding:16px;border-radius:16px;color:#1e40af;font-size:13px;line-height:1.5;border-left:4px solid #3b82f6}.sq-modal-footer{padding:24px 32px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:12px;background:#fff}.btn-cancel{padding:12px 24px;border-radius:14px;border:none;background:#f1f5f9;color:#64748b;font-weight:700;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e2e8f0;color:var(--color-primary)}.btn-submit{padding:12px 28px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--color-accent) 0%,#f97316 100%);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #e0591e40;transition:all .3s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e0591e59}.btn-secondary{background:#fff;color:var(--color-primary);border:1px solid #e2e8f0;padding:10px 20px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:var(--color-primary)}.spin{animation:spin 1s linear infinite}.seq-loading-state,.seq-empty-state{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;color:#64748b}.seq-empty-state h3{color:var(--color-primary);margin:0}.seq-empty-state p{margin:0;max-width:300px;line-height:1.5}@media(max-width:1200px){.sequences-container{padding:1.5rem}}@media(max-width:1024px){.sequences-header{padding:1.25rem 1.5rem}.page-title{font-size:24px}}@media(max-width:768px){.sequences-header-content{flex-direction:column;align-items:flex-start;gap:1.25rem}.sequences-header-actions{width:100%}.sequences-header-actions button{flex:1;justify-content:center}.stats-section{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.sequences-table-container{border-radius:16px}.table-header{padding:1.25rem}.sq-modal-overlay{padding:1rem}.sq-premium-modal{max-height:95vh;border-radius:20px}.sq-modal-header{padding:1.25rem 1.5rem}.sq-modal-subtitle{padding-left:0;margin-top:8px}.sq-modal-body{padding:1.5rem}.sq-form-grid{grid-template-columns:1fr;gap:1rem}.form-group.full-width{grid-column:span 1}.sq-preview-card{padding:1rem}}@media(max-width:640px){.sequences-container{padding:1rem}.breadcrumb{display:none}.page-title{font-size:20px}.sq-modal-header h2{font-size:1.25rem}.sq-modal-footer{padding:1rem 1.5rem;flex-direction:column-reverse}.sq-modal-footer button{width:100%}.preview-item{flex-direction:column;gap:4px}.preview-item .value{word-break:break-all}}@media(max-width:480px){.sequences-header{padding:1rem;border-radius:16px}.sequences-table th,.sequences-table td{padding:1rem}.entity-name-cell{gap:8px}.entity-icon{width:28px;height:28px}.prefix-badge,.info-badge,.number-badge{padding:4px 8px;font-size:12px}}.profile-container{min-height:100vh;padding:2.5rem;background:#f8fafc;background-image:radial-gradient(circle at 100% 100%,rgba(10,46,93,.03) 0,transparent 25%),radial-gradient(circle at 0% 0%,rgba(224,89,30,.03) 0,transparent 25%);display:flex;flex-direction:column;gap:2rem}.profile-page-header{background:#fff;padding:1.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-main-info{display:flex;flex-direction:column}.page-title{font-size:28px;font-weight:800;color:var(--color-primary);margin:0;letter-spacing:-.02em}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b;margin-top:4px;font-weight:500}.breadcrumb-item{transition:color .2s ease}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-item.active{color:var(--color-accent);font-weight:700}.profile-hero-card{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 4px 20px #0a2e5d0a;border:1px solid rgba(10,46,93,.05);display:flex;align-items:center;gap:3rem;position:relative;overflow:hidden}.profile-hero-card:after{content:"";position:absolute;top:0;right:0;width:300px;height:100%;background:linear-gradient(90deg,transparent,rgba(10,46,93,.02));pointer-events:none}.avatar-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;z-index:1}.avatar-circle{width:160px;height:160px;border-radius:30px;background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:800;color:#fff;border:4px solid white;box-shadow:0 10px 25px #0a2e5d26;overflow:hidden;transition:all .3s ease}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-actions{display:flex;gap:.5rem;position:absolute;bottom:-15px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.avatar-upload-btn,.avatar-remove-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all .2s ease}.avatar-upload-btn{background:var(--color-primary);color:#fff}.avatar-remove-btn{background:#fee2e2;color:#ef4444}.avatar-upload-btn:hover{background:#1a4d8c;transform:scale(1.05)}.avatar-remove-btn:hover{background:#fecaca;transform:scale(1.05)}.profile-info-hero{flex:1}.profile-name{font-size:36px;font-weight:800;color:var(--color-primary);margin:0 0 .5rem;letter-spacing:-.02em}.profile-title-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.25rem}.profile-role-badge{background:#0a2e5d0d;color:var(--color-primary);padding:6px 14px;border-radius:100px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.profile-position-text{color:#64748b;font-weight:600;font-size:16px}.status-badge{display:inline-flex;align-items:center;gap:.6rem;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:700}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.status-dot.active{background:#16a34a;box-shadow:0 0 8px #16a34a}.status-dot.inactive{background:#dc2626;box-shadow:0 0 8px #dc2626}.action-section{display:flex;gap:1rem}.btn-primary,.button-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:14px;font-weight:700;font-size:15px;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0a2e5d40}.btn-primary:hover,.button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.btn-secondary{border:1px solid rgba(10,46,93,.1);padding:.8rem 1.8rem;border-radius:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s ease;background:#fff;color:var(--color-primary)}.btn-secondary:hover{background-color:#f1f5f9;transform:translateY(-2px);border-color:#0a2e5d33}.btn-secondary.cancel{border-color:#fee2e2;color:#ef4444}.btn-secondary.cancel:hover{background:#fff1f1}.profile-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.profile-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 4px 15px #0a2e5d08;border:1px solid rgba(10,46,93,.05);transition:all .3s ease}.profile-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0a2e5d14}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:2.5px solid #f8fafc}.card-header svg{color:var(--color-primary);background:#0a2e5d0d;padding:10px;border-radius:14px}.section-title{font-size:1.25rem;font-weight:800;color:var(--color-primary);margin:0;letter-spacing:-.01em}.form-grid{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.6rem}.form-label{font-weight:700;color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.5rem}.form-input{padding:14px 18px;border:2px solid #f1f5f9;border-radius:16px;font-size:15px;background:#f8fafc;color:var(--color-primary);transition:all .3s ease;font-weight:600}.form-input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #0a2e5d14}.form-value{padding:14px 18px;background:#f8fafc;border:2px solid transparent;border-radius:16px;color:var(--color-primary);font-weight:700;font-size:15px;min-height:52px;display:flex;align-items:center}.email-display{color:var(--color-accent)}.phone-input .PhoneInputInput{padding:14px 18px;border:2px solid #f1f5f9;border-radius:0 16px 16px 0;font-size:15px;background:#f8fafc;width:100%;font-weight:600}.phone-input .PhoneInputCountry{padding:0 14px;border:2px solid #f1f5f9;border-right:none;border-radius:16px 0 0 16px;background:#f8fafc;margin-right:0}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px;gap:1rem;color:var(--color-primary);font-weight:700}.loading:after{content:"";width:40px;height:40px;border:4px solid rgba(10,46,93,.1);border-left-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:1200px){.profile-container{padding:2rem}.profile-hero-card{padding:2rem;gap:2.5rem}}@media(max-width:1024px){.profile-content-grid{grid-template-columns:1fr;gap:1.5rem}.profile-name{font-size:32px}}@media(max-width:768px){.profile-container{padding:1.5rem;gap:1.5rem}.header-content{flex-direction:column;align-items:stretch;gap:1.25rem;text-align:left}.action-section{width:100%}.action-section button{flex:1;justify-content:center}.profile-hero-card{flex-direction:column;text-align:center;padding:2rem 1.5rem;gap:2rem}.profile-hero-card:after{display:none}.avatar-circle{width:140px;height:140px;font-size:3.5rem}.profile-title-row{justify-content:center;flex-wrap:wrap;gap:1rem}.profile-name{font-size:28px}.card-header{margin-bottom:1.5rem}.profile-card{padding:1.5rem}}@media(max-width:640px){.profile-container{padding:1rem}.profile-page-header{padding:1.25rem}.breadcrumb{display:none}.page-title{font-size:24px;text-align:center}.action-section{flex-direction:column}.profile-name{font-size:24px}.profile-title-row{flex-direction:column;gap:.75rem}.profile-role-badge{width:fit-content;margin:0 auto}}@media(max-width:480px){.profile-hero-card{padding:1.5rem 1rem}.avatar-circle{width:120px;height:120px;font-size:3rem;border-radius:24px}.form-value,.form-input,.phone-input .PhoneInputInput{padding:12px 14px;font-size:14px}.section-title{font-size:1.1rem}.card-header svg{padding:8px;width:36px;height:36px}}.session-dialog{background:#fff;border-radius:20px;width:90%;max-width:520px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;display:flex;flex-direction:column}.dialog-header{background:var(--color-primary);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:flex-start;border-radius:20px 20px 0 0;position:relative;flex-shrink:0}.dialog-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.dialog-title{display:flex;color:#fff;align-items:flex-start;gap:12px;flex:1}.title-icon{background:#fff3;padding:8px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.dialog-title-content h2{margin:0;font-size:20px;font-weight:700;line-height:1.2}.dialog-title-content .title-subtitle{color:#fff;margin:4px 0 0;opacity:.9;font-size:14px;font-weight:400}.dialog-body{padding:24px;background:#f8fafc;overflow-y:auto;flex:1}.session-info-card{background:linear-gradient(135deg,#f0f4ff,#f8fafc);padding:20px;border-radius:16px;margin-bottom:24px;border:1px solid #e2e8f0;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 8px #0000000d}.info-icon{background:var(--color-primary);color:#fff;padding:8px;border-radius:8px;flex-shrink:0}.info-content{flex:1;display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#1f2937;font-weight:500;font-size:14px;display:flex;align-items:center;gap:6px}.form-section{display:flex;flex-direction:column;gap:24px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-label{font-weight:600;color:#374151;font-size:14px;display:flex;align-items:center;gap:8px}.form-select{padding:12px 40px 12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s ease;background:#fff;width:100%;appearance:none;cursor:pointer;font-weight:500}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .2s ease;background:#fff;width:100%;font-weight:500}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#9ca3af}.error-message{color:#ef4444;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;margin-top:4px}.warning-message{color:#f59e0b;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;margin-top:4px;background:#fef3c7;padding:8px 12px;border-radius:8px;border-left:3px solid #f59e0b}.checkbox-group{margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:#374151;font-size:14px;padding:12px;border-radius:12px;transition:all .2s ease}.checkbox-label:hover{background:#f8fafc}.checkbox-input{display:none}.checkbox-custom{color:#667eea;transition:all .2s ease}.checkbox-input:checked+.checkbox-custom{color:#10b981}.checkbox-text{flex:1}.checkbox-warning{color:#6b7280;font-size:12px;margin-top:8px;padding:12px;background:#f3f4f6;border-radius:8px;border-left:3px solid #667eea;display:flex;align-items:center;gap:8px}.dialog-footer{padding:20px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border-radius:0 0 20px 20px;flex-shrink:0}.footer-left{flex:1}.footer-actions{display:flex;gap:12px}.btn_primary,.btn-secondary,.btn-destructive{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;justify-content:center}.btn_primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn_primary:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.btn_primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-destructive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-destructive:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}@media(max-width:768px){.session-dialog{max-width:95%;margin:10px}.form-row{flex-direction:column;gap:16px}.dialog-footer{flex-direction:column;align-items:stretch;gap:12px}.footer-actions{order:-1;justify-content:stretch}.footer-actions button{flex:1}.btn-destructive{order:1;width:100%;margin-top:8px}.footer-left{width:100%}}.dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.modern-dialog{background:#fff;border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header.fixed-header{color:#fff;background:var(--color-primary);padding:24px;display:flex;justify-content:space-between;align-items:flex-start;border-radius:20px 20px 0 0;position:relative;flex-shrink:0;z-index:10}.dialog-header.fixed-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.dialog-title{display:flex;align-items:flex-start;gap:12px;flex:1}.dialog-title-icon-wrapper{background:#fff3;padding:8px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.dialog-title-content h2{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#fff}.dialog-title-subtitle{margin:4px 0 0;opacity:.9;font-size:14px;font-weight:400;color:#fff}.dialog-close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px;border-radius:10px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.dialog-close:hover{background:#ffffff4d;transform:scale(1.05)}.dialog-body.scrollable-content{padding:24px;background:#f8fafc;overflow-y:auto;flex:1;max-height:calc(90vh - 160px)}.dialog-footer.fixed-footer{padding:20px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px;background:#fff;border-radius:0 0 20px 20px;flex-shrink:0;z-index:10}.period-controls,.period-drag-handle{display:none}.period-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.period-type{display:flex;align-items:center;gap:12px}.type-icon-wrapper{background:var(--color-primary);color:#fff;padding:8px;border-radius:10px;box-shadow:0 2px 8px #667eea4d}.break-card .type-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626)}.period-label{font-weight:600;font-size:16px;color:#1f2937}.break-card .period-label{color:#991b1b}.info-card{background:linear-gradient(135deg,#f0f4ff,#f8fafc);padding:20px;border-radius:16px;margin-bottom:24px;border:1px solid #e2e8f0;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 8px #0000000d}.info-icon-wrapper{background:#667eea;color:#fff;padding:8px;border-radius:10px;flex-shrink:0}.info-content{flex:1}.info-main{margin:0 0 8px;color:#374151;font-size:14px;line-height:1.5;font-weight:500}.info-note{margin:0;color:#6b7280;font-size:13px;line-height:1.4;border-top:1px solid #e5e7eb;padding-top:8px}.quick-actions{display:flex;gap:12px;margin-bottom:24px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;justify-content:center;box-shadow:0 2px 4px #0000001a}.action-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.secondary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.action-btn:active{transform:translateY(0)}.periods-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.period-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.period-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.period-card.break-card{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5}.time-inputs{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.time-input-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.time-input-group label{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.select-wrapper{position:relative;display:flex;align-items:center}.time-select{padding:12px 40px 12px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;font-weight:500;width:100%;transition:all .2s ease;appearance:none;cursor:pointer}.time-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.break-card .time-select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.select-icon{position:absolute;right:12px;color:#9ca3af;pointer-events:none}.time-separator{color:#6b7280;font-weight:600;padding:0 8px;font-size:14px}.break-settings{margin-bottom:16px}.toggle-wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;font-size:14px;color:#374151}.toggle-input{display:none}.toggle-slider{width:44px;height:24px;background:#d1d5db;border-radius:24px;position:relative;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.toggle-input:checked+.toggle-slider{background:#10b981}.toggle-input:checked+.toggle-slider:before{transform:translate(20px)}.break-options{margin-top:16px;padding:16px;background:#fffc;border-radius:12px;display:flex;gap:16px;flex-wrap:wrap;border:1px solid #e5e7eb}.break-option{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.break-option label{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.break-select{padding:12px 40px 12px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;width:100%;transition:all .2s ease;appearance:none;cursor:pointer}.break-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper{position:relative}.break_input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;transition:all .2s ease}.break-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.remove-btn{position:absolute;top:16px;right:16px;background:#ef4444;color:#fff;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #ef44444d}.remove-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.remove-btn:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}.schedule-preview{background:#fff;padding:20px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.preview-title{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.preview-list{display:flex;flex-direction:column;gap:8px}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;transition:all .2s ease}.preview-item.period{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9;color:#0369a1}.preview-item.break{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444;color:#dc2626}.preview-time{font-weight:600;font-size:13px}.preview-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--web-primary) 0%,#1a4d8c 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0a2e5d40}.btn-secondary{background:#6b7280;color:#fff;box-shadow:0 2px 8px #6b72804d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6b728066;background:#4b5563}.empty-state{text-align:center;padding:60px 40px;background:#fff;border-radius:16px;border:2px dashed #d1d5db}.empty-icon{color:#9ca3af;margin-bottom:16px}.empty-title{margin:0 0 8px;color:#374151;font-size:18px;font-weight:600}.empty-hint{margin:0;color:#6b7280;font-size:14px}@media(max-width:768px){.dialog-overlay{padding:10px}.time-inputs{flex-direction:column;align-items:stretch}.time-separator{text-align:center;padding:8px 0}.break-options{flex-direction:column}.dialog-footer.fixed-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.timetable-container{height:100%;display:flex;flex-direction:column}.timetable-glass{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%}.timetable-header{background:#fff;padding:15px 24px;display:flex;justify-content:space-between;align-items:center}.timetable-header-content h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#2d3748;font-size:20px}.timetable-header-subtitle{color:#718096;font-size:14px;font-weight:500}.btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.btn_primary{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn_secondary{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.timetable-content{flex:1;overflow:auto;padding:12px}.timetable-grid{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}.grid-header{display:grid;grid-template-columns:150px repeat(7,1fr);background:var(--color-primary);color:#fff}.time-column-header{padding:16px 12px;text-align:center;font-weight:600;font-size:14px;border-right:1px solid rgba(255,255,255,.2)}.day-column-header{padding:16px 12px;text-align:center;font-weight:600;font-size:14px;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:4px}.day-name{font-size:12px;opacity:.9}.day-short{font-size:10px;opacity:.7}.time-period-row{display:grid;grid-template-columns:150px repeat(7,1fr);border-bottom:1px solid #e2e8f0}.time-slot-header{padding:12px;border-right:1px solid #e2e8f0;background:#f7fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.time-slot-header.break-header{background:#fff5f5;color:#c53030}.time-range{font-weight:600;font-size:12px;color:#2d3748}.break-header .time-range{color:#c53030}.break-indicator{font-size:10px;font-weight:500;color:#e53e3e;background:#f565651a;padding:2px 6px;border-radius:4px}.timetable-cell{padding:8px;border-right:1px solid #e2e8f0;min-height:80px;cursor:pointer;transition:all .3s ease;position:relative;background:#fafafa}.timetable-cell.break-cell{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-left:4px solid #f56565;color:#742a2a}.timetable-cell.session-cell{background:#fff;border-left:4px solid #48bb78}.timetable-cell.empty-cell{background:#f7fafc}.timetable-cell.cell-hovered{background:#edf2f7;box-shadow:inset 0 0 0 2px #cbd5e0;z-index:2}.break-cell:hover{background:linear-gradient(135deg,#feb2b2,#fc8181)}.session-cell:hover{background:#f0fff4;transform:scale(1.02);box-shadow:0 4px 12px #00000026;z-index:3}.empty-cell:hover{background:#e2e8f0}.break-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.break-icon{font-size:16px}.break-label{font-weight:600;font-size:11px;text-align:center}.session-content{height:100%;display:flex;flex-direction:column;justify-content:center;gap:4px}.session-subject{font-weight:600;font-size:12px;color:#2d3748;line-height:1.2}.session-teacher{font-size:11px;color:#718096}.session-topic{font-size:10px;color:#48bb78;font-style:italic;background:#f0fff4;padding:2px 6px;border-radius:4px;display:inline-block}.add-session-prompt{display:flex;flex-direction:column;align-items:center;gap:6px;color:#718096;font-size:11px;font-weight:500;animation:fadeIn .3s ease}.add-icon{background:#48bb78;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.timetable-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #4c51bf;border-radius:50%;animation:spin 1s linear infinite}.snackbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:16px 24px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 20px #00000026;z-index:1000;min-width:300px;text-align:center;animation:slideUpSnackbar .3s ease}@keyframes slideUpSnackbar{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.snackbar-success{background:linear-gradient(135deg,#48bb78,#38a169)}.snackbar-error{background:linear-gradient(135deg,#f56565,#e53e3e)}.snackbar-info{background:linear-gradient(135deg,#4299e1,#3182ce)}.snackbar-content{display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:1200px){.timetable-container{padding:10px}.timetable-content{padding:16px}}@media(max-width:768px){.timetable-header{flex-direction:column;gap:16px;text-align:center}.header-actions{width:100%;justify-content:center}.grid-header,.time-period-row{grid-template-columns:100px repeat(7,1fr)}.time-slot-header{padding:8px 4px}.time-range{font-size:10px}.break-indicator{font-size:8px}}.schedule_page,.schedule-page{display:flex;flex-direction:column;gap:16px;height:89vh;overflow:hidden;padding:10px 20px}.schedule-hero{display:grid;gap:16px;background:linear-gradient(135deg,#471b08,#a04823);color:#e2e8f0;padding:20px 24px;border-radius:16px;box-shadow:0 20px 50px #0f172a59}.hero-copy .title{color:#fff}.hero-copy .kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;opacity:.8}.hero-copy .title{margin:4px 0;font-size:28px;font-weight:800;letter-spacing:-.02em}.hero-copy .subtitle{margin:0 0 12px;color:#cbd5e1}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions .btn_primary{display:inline-flex;align-items:center;gap:8px}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;align-items:stretch}.metric-card{background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center}.metric-card .metric-value{font-size:22px;font-weight:800;color:#fff}.metric-card .metric-label{font-size:13px;color:#cbd5e1}.schedule-layout{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:stretch;height:calc(100vh - 220px);overflow:hidden}.group-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;position:sticky;top:12px;max-height:calc(100vh - 120px);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center}.panel-header h3{font-size:18px}.panel-count{font-size:13px;background-color:#c1711c59;padding:2px 8px;border-radius:10px}.group-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;height:calc(100vh - 210px)}.group-pill{width:100%;text-align:left;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .15s ease}.group-pill .pill-name{font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-pill .pill-meta{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-pill:hover{border-color:#cbd5e1}.group-pill.active{border-color:#2563eb;background:#eef2ff;box-shadow:0 4px 18px #2563eb26}.panel-loading,.panel-empty,.panel-error{padding:10px;color:#475569;font-size:14px}.panel-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecdd3;border-radius:8px}.schedule-content{min-height:480px;position:relative;height:100%;overflow:hidden}.schedule-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:32px;text-align:center;color:#475569}.schedule-content-wrapper{position:relative;height:100%;overflow:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.schedule-overlay{position:absolute;inset:0;background:#ffffffa6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:10}.overlay-spinner{width:28px;height:28px;border-radius:50%;border:3px solid #cbd5e1;border-top-color:#2563eb;animation:res-spin .8s linear infinite}@keyframes res-spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.schedule-layout{grid-template-columns:1fr}.group-panel{max-height:280px}}@media(max-width:720px){.schedule-hero{grid-template-columns:1fr}}:root{--ga-primary: #0a2e5d;--ga-primary-light: #1a4d8c;--ga-secondary: #64748b;--ga-accent: #3b82f6;--ga-success: #10b981;--ga-danger: #ef4444;--ga-warning: #f59e0b;--ga-bg: #f8fafc;--ga-white: #ffffff;--ga-border: #e2e8f0;--ga-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--ga-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.ga-container{padding:.5rem 0;animation:ga-fadeIn .5s ease-out;font-family:Inter,-apple-system,sans-serif}.ga-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2.5rem!important;gap:2rem}@media(max-width:992px){.ga-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;margin-bottom:1.5rem!important}.ga-icon-box{width:44px;height:44px}.ga-title-group h1{font-size:22px}}.ga-header-info{display:flex;align-items:center;gap:1.5rem}.ga-icon-box{width:56px;height:56px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--ga-primary);box-shadow:inset 0 0 0 1px #0a2e5d1a}.ga-title-group h1{font-size:26px;font-weight:800;color:var(--ga-primary);margin:0;letter-spacing:-.03em;line-height:1.2}@media(max-width:640px){.ga-title-group h1{font-size:18px}}.ga-subtitle{font-size:15px;color:var(--ga-secondary);margin:4px 0 0;font-weight:500}.ga-filters{display:flex;align-items:center;gap:1.5rem;background:var(--ga-white);padding:.75rem 1.5rem;border-radius:18px;border:1px solid var(--ga-border);box-shadow:var(--ga-shadow)}@media(max-width:992px){.ga-filters{width:100%;gap:1rem;flex-wrap:wrap}}@media(max-width:640px){.ga-container{padding:.5rem}.ga-header{margin-bottom:1.25rem!important}.ga-title-group h1{font-size:20px}.ga-subtitle{font-size:13px}.ga-filters{padding:.875rem;gap:.75rem;flex-direction:column;align-items:stretch;border-radius:14px}.ga-filter-group{width:100%;justify-content:space-between}.ga-filter-input{flex:1;max-width:180px;padding:6px 10px;font-size:12px}}.ga-filter-group{display:flex;align-items:center;gap:.75rem}.ga-filter-label{font-size:11px;font-weight:800;color:var(--ga-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ga-filter-input{border:1.5px solid var(--ga-border);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;color:var(--ga-primary);outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:#f8fafc;cursor:pointer}.ga-filter-input:hover{border-color:var(--ga-primary-light);background:var(--ga-white)}.ga-filter-input:focus{border-color:var(--ga-accent);background:var(--ga-white);box-shadow:0 0 0 4px #3b82f61a}.ga-filter-reset{background:none;border:none;color:var(--ga-secondary);cursor:pointer;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.ga-filter-reset:hover{background:#f1f5f9;color:var(--ga-danger)}.ga-stats-row{display:flex;gap:1.25rem;margin-bottom:2.5rem}@media(max-width:640px){.ga-stats-row{margin-bottom:1.5rem;gap:.75rem}}.ga-stat-card{flex:1;background:var(--ga-white);padding:1.25rem 1.5rem;border-radius:20px;border:1px solid var(--ga-border);box-shadow:var(--ga-shadow);display:flex;align-items:center;gap:1.25rem;transition:all .3s ease}.ga-stat-card:hover{transform:translateY(-2px);box-shadow:var(--ga-shadow-lg);border-color:var(--ga-primary-light)}.ga-stat-icon-mini{width:44px;height:44px;border-radius:12px;background:#f1f5f9;color:var(--ga-primary);display:flex;align-items:center;justify-content:center}.ga-stat-info{display:flex;flex-direction:column}.ga-stat-label{font-size:12px;font-weight:700;color:var(--ga-secondary);text-transform:uppercase;letter-spacing:.05em}.ga-stat-value{font-size:20px;font-weight:800;color:var(--ga-primary);margin:2px 0 0}@media(max-width:640px){.ga-stat-card{padding:1rem;gap:1rem}.ga-stat-value{font-size:18px}}.ga-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.ga-card{background:var(--ga-white);border-radius:20px;border:1px solid var(--ga-border);padding:1.25rem;box-shadow:var(--ga-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem}@media(max-width:640px){.ga-card{padding:1rem}.ga-day{font-size:16px}.ga-time{font-size:13px}}.ga-card:hover{transform:translateY(-4px);box-shadow:var(--ga-shadow-lg);border-color:var(--ga-accent)}.ga-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--ga-primary);opacity:0;transition:opacity .3s}.ga-card:hover:before{opacity:1}.ga-card-header{display:flex;justify-content:space-between;align-items:flex-start}.ga-session-date-box{display:flex;flex-direction:column}.ga-day{font-size:18px;font-weight:800;color:var(--ga-primary);margin:0}.ga-time{font-size:14px;color:var(--ga-secondary);font-weight:600;margin-top:2px;display:flex;align-items:center;gap:6px}.ga-badge{padding:6px 12px;background:#0a2e5d0d;color:var(--ga-primary);border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(10,46,93,.1)}.ga-card-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.ga-card-body{grid-template-columns:1fr;gap:.75rem}}.ga-info-group{display:flex;flex-direction:column}.ga-label{font-size:11px;font-weight:700;color:var(--ga-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.ga-value{font-size:14px;font-weight:700;color:var(--ga-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ga-card-actions{margin-top:.5rem;display:flex;gap:.75rem}.ga-btn-premium{flex:1;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 16px!important;border-radius:12px!important;font-weight:700!important;font-size:13px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}@media(max-width:640px){.ga-card-actions .ga-btn-premium{padding:10px!important;flex:0 0 initial}.ga-card-actions .ga-btn-premium span{display:none}}.ga-btn-primary{background:linear-gradient(135deg,var(--ga-primary) 0%,var(--ga-primary-light) 100%)!important;color:var(--ga-white)!important;border:none!important;box-shadow:0 4px 12px #0a2e5d33!important}.ga-btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 16px #0a2e5d4d!important}.ga-btn-secondary{background:var(--ga-white)!important;color:var(--ga-primary)!important;border:1.5px solid var(--ga-border)!important}.ga-btn-secondary:hover{background:#f1f5f9!important;border-color:var(--ga-primary-light)!important;transform:translateY(-1px)!important}.ga-modal-overlay{position:fixed;inset:0;background:#0a2e5d80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:2000}.ga-modal-card{background:var(--ga-white);width:100%;max-width:850px;max-height:85vh;border-radius:28px;box-shadow:var(--ga-shadow-lg);overflow:hidden;display:flex;flex-direction:column}.ga-modal-header{padding:1.75rem 2.25rem;background:#f8fafc;border-bottom:1px solid var(--ga-border);display:flex;justify-content:space-between;align-items:center}.ga-modal-title-group h3{margin:0;font-size:20px;font-weight:800;color:var(--ga-primary);letter-spacing:-.02em}.ga-modal-subtitle{font-size:13px;color:var(--ga-secondary);font-weight:600;margin-top:4px}.ga-modal-close{background:none;border:none;color:var(--ga-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:12px;transition:all .2s}.ga-modal-close:hover{background:#f1f5f9;color:var(--ga-danger)}.ga-modal-body{padding:1.5rem 2.25rem;overflow-y:auto;flex:1}.ga-modal-footer{padding:1.5rem 2.25rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1.25rem;border-top:1px solid var(--ga-border)}@media(max-width:480px){.ga-modal-footer,.ga-player-footer{flex-direction:column;gap:.75rem}.ga-modal-footer button,.ga-player-footer a{width:100%!important}}.ga-student-list{display:flex;flex-direction:column;gap:10px}.ga-student-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#fff;border:1px solid var(--ga-border);border-radius:16px;transition:all .2s}.ga-student-row:hover{border-color:var(--ga-accent);box-shadow:0 4px 12px #00000008;background:#fcfdfe}.ga-student-id-cell{display:flex;align-items:center;gap:14px}.ga-avatar-mini{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--ga-primary) 0%,var(--ga-primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.ga-student-name{font-weight:700;color:var(--ga-primary);font-size:15px;margin:0}.ga-student-email{font-size:12px;color:var(--ga-secondary);margin:2px 0 0}.ga-status-pills{display:flex;gap:6px;background:#f1f5f9;padding:4px;border-radius:12px}.ga-pill{padding:8px 16px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;border:none;background:transparent;color:var(--ga-secondary);transition:all .2s}.ga-pill:hover:not(.active){color:var(--ga-primary);background:#ffffff80}.ga-pill.active{background:var(--ga-white);color:var(--ga-primary);box-shadow:0 2px 8px #0000000d}.ga-pill.active.present{color:var(--ga-success)}.ga-pill.active.absent{color:var(--ga-danger)}.ga-pill.active.late{color:var(--ga-warning)}.ga-pill.active.excused{color:var(--ga-accent)}.ga-recordings-layout{display:flex;gap:1.5rem;height:60vh;overflow:hidden}@media(max-width:992px){.ga-recordings-layout{flex-direction:column;height:auto;overflow-y:auto;max-height:70vh}}.ga-recordings-list{flex:0 0 300px;overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:.75rem}@media(max-width:992px){.ga-recordings-list{flex:none;width:100%;max-height:200px;order:2}}.ga-recording-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--ga-border);background:var(--ga-white);cursor:pointer;transition:all .2s ease}.ga-recording-item:hover{border-color:var(--ga-primary-light);background:#f8fafc}.ga-recording-item.active{background:#f0f9ff;border-color:var(--ga-primary-light);box-shadow:0 2px 8px #0ea5e926}.ga-recording-item-icon{width:36px;height:36px;border-radius:50%;background:#e0f2fe;color:var(--ga-primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ga-recording-title{font-size:13px;font-weight:700;color:var(--ga-primary);margin:0;line-height:1.4}.ga-recording-date{font-size:11px;color:var(--ga-secondary);margin-top:4px}.ga-recordings-player{flex:1;display:flex;flex-direction:column;gap:1rem;overflow:hidden;background:#000;border-radius:20px;padding:1rem;position:relative;border:1px solid var(--ga-border)}@media(max-width:992px){.ga-recordings-player{aspect-ratio:16 / 9;flex:none;order:1}}.ga-video-wrapper{flex:1;display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px;overflow:hidden;width:100%}.ga-video-wrapper video{width:100%;height:100%;max-height:100%}.ga-player-footer{display:flex;justify-content:flex-end;padding-top:.5rem}@keyframes ga-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ga-spin{to{transform:rotate(360deg)}}.ga-loader{width:24px;height:24px;border:3px solid rgba(10,46,93,.1);border-top-color:var(--ga-primary);border-radius:50%;animation:ga-spin .8s linear infinite}.ga-loading-center{padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ga-error-banner{background:#fef2f2;border:1px solid #fecdd3;color:#b91c1c;padding:1.25rem 1.75rem;border-radius:20px;display:flex;align-items:center;gap:16px;margin:1rem 0}@media(max-width:640px){.ga-error-banner{flex-direction:column;text-align:center;padding:1.5rem}.ga-error-banner button{width:100%;margin-left:0!important}}@media(max-width:768px){.ga-recordings-layout{grid-template-columns:1fr;height:auto}.ga-stats-row{flex-direction:column}}.ga-modal-stats{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:20px;border:1px solid var(--ga-border)}.ga-empty-state-full{padding:5rem 2rem;text-align:center;background:#fff;border-radius:24px;border:1px solid var(--ga-border);display:flex;flex-direction:column;align-items:center;gap:1rem}.ga-empty-state-full .ga-icon-box{margin-bottom:1rem;background:#f8fafc}.ga-empty-state-full h3{font-size:20px;font-weight:800;color:var(--ga-primary);margin:0}@media(max-width:640px){.ga-empty-state-full{padding:3rem 1.5rem}}.ga-modal-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:640px){.ga-modal-stats-grid{grid-template-columns:repeat(2,1fr)}}.ga-modal-stat-item{display:flex;flex-direction:column;gap:4px;padding:1rem;border-radius:14px;background:var(--ga-white);border:1px solid var(--ga-border);transition:all .2s}.ga-modal-stat-item .ga-stat-label{font-size:10px}.ga-modal-stat-item .ga-stat-value{font-size:18px}.ga-modal-stat-item .ga-stat-value small{font-size:11px;color:var(--ga-secondary);font-weight:500}.ga-modal-stat-item.present{border-left:4px solid var(--ga-success)}.ga-modal-stat-item.absent{border-left:4px solid var(--ga-danger)}.ga-modal-stat-item.late{border-left:4px solid var(--ga-warning)}.ga-modal-stat-item.excused{border-left:4px solid var(--ga-accent)}@media(max-width:640px){.ga-student-row{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem 1rem}.ga-status-pills{width:100%;justify-content:space-between;gap:4px;padding:4px}.ga-pill{flex:1;padding:6px 4px;font-size:10px}}@media(max-width:480px){.ga-title-group h1{font-size:16px}.ga-student-name{font-size:13px}.ga-pill{padding:5px 2px;font-size:9px}}.ga-excuse-reason{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#eff6ff;color:#1e40af;border-radius:10px;font-size:12px;font-weight:600;width:fit-content}.ga-excuse-reason span{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ga-edit-reason{background:none;border:none;color:var(--ga-accent);cursor:pointer;display:flex;padding:2px;border-radius:4px;transition:all .2s}.ga-edit-reason:hover{background:#3b82f61a;transform:scale(1.1)}.ga-reason-overlay{z-index:2100!important}.ga-reason-card{max-width:450px!important}.ga-reason-input-wrapper{width:100%;background:#f8fafc;border-radius:16px;padding:12px;border:1px solid var(--ga-border)}.ga-reason-textarea{width:100%;min-height:120px;background:transparent;border:none;outline:none;font-size:14px;font-weight:500;color:var(--ga-primary);resize:none;font-family:inherit;line-height:1.5}.ga-reason-textarea::placeholder{color:var(--ga-secondary);opacity:.6}.hw-chat-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.hw-chat-modal{max-width:1000px;height:650px;max-height:88vh;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px rgba(var(--color-primary-rgb),.18);background:var(--color-card);border:1px solid var(--color-border)}.hw-chat-modal .hw-modal-header{background:linear-gradient(135deg,var(--color-primary) 0%,#0d3870 100%);color:var(--color-text-inverse);padding:18px 24px;border-bottom:none;display:flex;align-items:center;justify-content:space-between}.hw-chat-modal .hw-modal-header h3{color:var(--color-text-inverse);font-size:var(--font-size-body);font-weight:600;margin:0;letter-spacing:-.2px}.hw-chat-modal .hw-modal-close{color:var(--color-text-inverse);opacity:.9;font-size:24px;transition:all .2s;background:#ffffff1a;border:none;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.hw-chat-modal .hw-modal-close:hover{opacity:1;background:#fff3}.hw-chat-body{display:grid;grid-template-columns:280px 1fr;height:calc(100% - 62px);overflow:hidden;background:var(--color-bg)}.hw-chat-members{background:var(--color-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.hw-chat-members h4{margin:0;padding:14px 16px;font-size:var(--font-size-caption);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.8px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.hw-member-list{list-style:none;padding:8px;margin:0;overflow-y:auto;flex:1}.hw-member-list li{padding:10px 12px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:all .2s ease;background:transparent;border:1px solid transparent;position:relative}.hw-member-list li:hover{background:var(--color-bg);border-color:var(--color-border)}.hw-member-list li.active{background:rgba(var(--color-primary-rgb),.08);border-color:var(--color-primary)}.hw-member-list li.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 4px 4px 0}.member-info{display:flex;flex-direction:column;gap:4px}.member-name{font-weight:600;font-size:var(--font-size-secondary-text);color:var(--color-text-primary);display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-badge{font-size:9px;padding:2px 6px;border-radius:10px;background:var(--color-success);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.member-role{font-size:var(--font-size-tiny);color:var(--color-text-secondary);text-transform:capitalize;font-weight:500}.member-comment-count{font-size:var(--font-size-tiny);color:var(--color-primary);font-weight:600}.hw-chat-comments{display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden}.hw-chat-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);font-size:var(--font-size-body);gap:16px;padding:40px;text-align:center}.hw-chat-placeholder-icon{color:var(--color-border);opacity:.4}.hw-chat-empty{color:var(--color-text-secondary);font-size:var(--font-size-body);text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.hw-comments-header{padding:14px 20px;background:var(--color-card);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.hw-comments-header-info{display:flex;align-items:center;gap:12px}.hw-chat-back-btn{display:none;background:transparent;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:14px}.hw-chat-back-btn:hover{background:rgba(var(--color-primary-rgb),.05)}.hw-comments-header-info h5{margin:0;font-size:var(--font-size-body);font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw-comments-header-info p{margin:4px 0 0;font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:500}.hw-comments-list{flex:1;overflow-y:auto;padding:16px 20px;background:var(--color-bg);display:flex;flex-direction:column;gap:12px}.hw-comment{padding:12px 14px;background:var(--color-card);border-radius:10px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000a;transition:all .2s ease}.hw-comment:hover{box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.2)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.comment-author{font-weight:600;font-size:var(--font-size-secondary-text);color:var(--color-primary);display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-author-badge{font-size:9px;padding:3px 8px;border-radius:10px;background:var(--color-accent);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.comment-time{font-size:var(--font-size-tiny);color:var(--color-text-secondary);font-weight:500;white-space:nowrap;flex-shrink:0}.comment-text{margin:0;font-size:var(--font-size-body);color:var(--color-text-primary);line-height:1.5;word-wrap:break-word}.hw-comment-input{display:flex;gap:10px;padding:16px 20px;background:var(--color-card);border-top:1px solid var(--color-border)}.hw-comment-input input{flex:1;border:2px solid var(--color-border);border-radius:10px;padding:12px 16px;font-size:var(--font-size-body);font-family:var(--font-family);transition:all .2s ease;background:var(--color-bg);color:var(--color-text-primary)}.hw-comment-input input:focus{outline:none;border-color:var(--color-primary);background:var(--color-card);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.hw-comment-input input::placeholder{color:var(--color-text-secondary);opacity:.5}.hw-comment-input button{padding:12px 20px;border-radius:10px;font-weight:600;font-size:var(--font-size-button);background:var(--color-primary);border:none;color:var(--color-text-inverse);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.25);display:flex;align-items:center;gap:6px;white-space:nowrap}.hw-comment-input button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.35);background:#0d3870}.hw-comment-input button:active:not(:disabled){transform:translateY(0)}.hw-comment-input button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.hw-member-list::-webkit-scrollbar,.hw-comments-list::-webkit-scrollbar{width:6px}.hw-member-list::-webkit-scrollbar-track,.hw-comments-list::-webkit-scrollbar-track{background:transparent}.hw-member-list::-webkit-scrollbar-thumb,.hw-comments-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.hw-member-list::-webkit-scrollbar-thumb:hover,.hw-comments-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.hw-chat-error{padding:12px 20px;background:var(--color-error-bg);color:var(--color-error);border-bottom:1px solid var(--color-error);font-size:var(--font-size-secondary-text);display:flex;align-items:center;gap:8px;font-weight:500}.hw-chat-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--color-text-secondary);font-size:var(--font-size-body)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hw-comment{animation:slideIn .3s ease}@media(max-width:1024px){.hw-chat-modal{width:90%;max-width:none;height:85vh}}@media(max-width:768px){.hw-chat-modal{width:95%;max-width:none;height:90vh}.hw-chat-body{grid-template-columns:1fr}.hw-chat-members.mobile-hidden,.hw-chat-comments.mobile-hidden{display:none}.hw-chat-back-btn{display:block}.hw-comments-header-info{gap:8px}.hw-comment-input{padding:12px 16px}.hw-comment-input button{padding:10px 16px}}:root{--gh-primary: #0a2e5d;--gh-primary-light: #1a4d8c;--gh-secondary: #64748b;--gh-accent: #3b82f6;--gh-success: #10b981;--gh-danger: #ef4444;--gh-warning: #f59e0b;--gh-bg: #f8fafc;--gh-white: #ffffff;--gh-border: #e2e8f0;--gh-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--gh-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.gh-container{padding:.5rem 0;animation:gh-fadeIn .5s ease-out;font-family:Inter,-apple-system,sans-serif}.gh-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2.5rem!important;gap:2rem}.gh-header-info{display:flex;align-items:center;gap:1.5rem}.gh-icon-box{width:56px;height:56px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--gh-primary);box-shadow:inset 0 0 0 1px #0a2e5d1a}.gh-title-group h1{font-size:26px;font-weight:800;color:var(--gh-primary);margin:0;letter-spacing:-.03em;line-height:1.2}.gh-subtitle{font-size:15px;color:var(--gh-secondary);margin:4px 0 0;font-weight:500}.gh-header-actions{display:flex;align-items:center;gap:1rem}.gh-table-card{background:var(--gh-white);border-radius:24px;border:1px solid var(--gh-border);overflow:hidden;box-shadow:var(--gh-shadow)}.gh-table-wrapper{overflow-x:auto;width:100%}.gh-table{width:100%;border-collapse:separate;border-spacing:0}.gh-table th{background:#f8fafc;padding:1.25rem 1.5rem;text-align:left;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid #f1f5f9}.gh-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:var(--gh-primary);font-size:14px}.gh-table tr:last-child td{border-bottom:none}.gh-table tr:hover{background:#fcfdfe}.gh-hw-cell{display:flex;align-items:center;gap:14px;min-width:0}.gh-identity-box{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--gh-primary) 0%,var(--gh-primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0;box-shadow:0 4px 10px #0a2e5d33}.gh-hw-name{font-weight:700;color:var(--gh-primary);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.gh-subject-tag{display:inline-flex;padding:4px 10px;background:#f1f5f9;border-radius:8px;font-size:12px;color:var(--gh-primary);font-weight:600;border:1px solid var(--gh-border)}.gh-status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.gh-status-badge.active,.gh-status-badge.submitted{background:#ecfdf5;color:#059669;border:1px solid #ccfbf1}.gh-status-badge.homework,.gh-status-badge.assignment{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.gh-status-badge.exam,.gh-status-badge.overdue{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.gh-status-badge.quiz{background:#fdf2f8;color:#db2777;border:1px solid #fce7f3}.gh-action-group{display:flex;gap:10px;justify-content:flex-end}.gh-icon-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--gh-border);background:var(--gh-white);color:var(--gh-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;padding:0}.gh-icon-btn:hover{background:var(--gh-bg);border-color:#cbd5e1;color:var(--gh-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.gh-unread-dot{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;background:var(--gh-danger);border:2.5px solid var(--gh-white);border-radius:10px;font-size:10px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.gh-modal-overlay{position:fixed;inset:0;background:#0a2e5d80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:2000}.gh-modal-card{background:var(--gh-white);width:100%;max-width:800px;max-height:90vh;border-radius:28px;box-shadow:var(--gh-shadow-lg);overflow:hidden;display:flex;flex-direction:column}.gh-modal-header{padding:1.75rem 2.25rem;background:#f8fafc;border-bottom:1px solid var(--gh-border);display:flex;justify-content:space-between;align-items:center}.gh-modal-header h3{margin:0;font-size:22px;font-weight:800;color:var(--gh-primary);letter-spacing:-.02em}.gh-modal-body{padding:2.25rem;overflow-y:auto;flex:1}.gh-modal-footer{padding:1.5rem 2.25rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1.25rem;border-top:1px solid var(--gh-border)}.gh-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.gh-form-group{margin-bottom:1.5rem}.gh-form-group.full-width{grid-column:span 2}.gh-form-group label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.gh-input,.gh-select,.gh-textarea{width:100%;padding:13px 18px;border-radius:14px;border:1.5px solid var(--gh-border);background:var(--gh-white);font-size:15px;font-weight:600;color:var(--gh-primary);transition:all .2s}.gh-input:focus,.gh-select:focus,.gh-textarea:focus{outline:none;border-color:var(--gh-primary);box-shadow:0 0 0 4px #0a2e5d14}.gh-btn-premium{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:12px 24px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--gh-primary) 0%,var(--gh-primary-light) 100%)!important;color:var(--gh-white)!important;font-weight:700!important;font-size:15px!important;border:none!important;cursor:pointer!important;box-shadow:0 10px 15px -3px #0a2e5d33!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}.gh-btn-premium:hover{transform:translateY(-2px)!important;box-shadow:0 20px 25px -5px #0a2e5d4d!important}.gh-empty-state{padding:5rem 2rem;text-align:center;background:var(--gh-white);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center}.gh-empty-icon{width:100px;height:100px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;font-size:48px;box-shadow:inset 0 2px 4px #0000000d}.gh-switch{width:48px;height:26px;position:relative;display:inline-block}.gh-switch input{opacity:0;width:0;height:0}.gh-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gh-border);transition:.4s;border-radius:34px}.gh-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.gh-slider{background-color:var(--gh-primary)}input:checked+.gh-slider:before{transform:translate(22px)}.gh-attachments-box{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:16px;border:1.5px solid var(--gh-border)}.gh-att-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--gh-white);border-radius:12px;border:1.5px solid var(--gh-border);margin-bottom:12px}.gh-student-info{display:flex;flex-direction:column;gap:4px}.gh-student-name{font-weight:700;color:var(--gh-primary);font-size:14px}.gh-student-email{font-size:12px;color:var(--gh-secondary)}.gh-icon-btn.edit:hover{background:#eff6ff;border-color:var(--gh-accent);color:var(--gh-accent)}.gh-back-btn{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--gh-border);background:var(--gh-white);color:var(--gh-primary);cursor:pointer;flex-shrink:0}@keyframes gh-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gh-spin{to{transform:rotate(360deg)}}.gh-loader{width:24px;height:24px;border:3px solid rgba(10,46,93,.1);border-top-color:var(--gh-primary);border-radius:50%;animation:gh-spin .8s linear infinite}@media(max-width:1024px){.gh-container{padding:1rem}.gh-header{margin-bottom:1.5rem!important;gap:1rem}.gh-title-group h1{font-size:20px}.gh-subtitle{font-size:13px}.gh-table th,.gh-table td{padding:.875rem 1rem;font-size:12px}}@media(max-width:992px){.gh-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.gh-header-actions{width:100%;justify-content:flex-end}.gh-icon-box{width:44px;height:44px}}@media(max-width:768px){.gh-container{padding:.75rem}.gh-title-group h1{font-size:18px}.gh-form-grid{grid-template-columns:1fr;gap:1rem}.gh-form-group.full-width{grid-column:span 1}.gh-modal-header{padding:1.25rem 1.5rem}.gh-modal-body{padding:1.5rem}.gh-modal-footer{padding:1rem 1.5rem;flex-direction:column;gap:.75rem}.gh-modal-footer button{width:100%!important}}@media(max-width:640px){.gh-container{padding:.5rem}.gh-icon-box{width:38px;height:38px}.gh-identity-box{width:36px;height:36px;font-size:13px}.gh-hw-name{font-size:13px}.gh-btn-premium span{display:none}.gh-btn-premium{padding:10px 16px!important}}@media(max-width:480px){.gh-title-group h1{font-size:16px}.gh-subtitle{font-size:12px}.gh-attachments-box{padding:1rem}.gh-att-item{padding:10px;flex-direction:column;align-items:flex-start;gap:10px}.gh-att-actions{width:100%;justify-content:flex-end}}:root{--gr-primary: #0a2e5d;--gr-primary-light: #1a4d8c;--gr-secondary: #64748b;--gr-accent: #3b82f6;--gr-success: #10b981;--gr-danger: #ef4444;--gr-warning: #f59e0b;--gr-bg: #f8fafc;--gr-white: #ffffff;--gr-border: #e2e8f0;--gr-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--gr-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.gr-container{padding:.5rem 0;animation:gr-fadeIn .5s ease-out;font-family:Inter,-apple-system,sans-serif}.gr-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2.5rem!important;gap:2rem}.gr-header-info{display:flex;align-items:center;gap:1.5rem}.gr-icon-box{width:56px;height:56px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--gr-primary);box-shadow:inset 0 0 0 1px #0a2e5d1a}.gr-title-group h1{font-size:28px;font-weight:800;color:var(--gr-primary);margin:0;letter-spacing:-.03em;line-height:1.2}.gr-subtitle{font-size:15px;color:var(--gr-secondary);margin:4px 0 0;font-weight:500}.gr-header-actions{display:flex;align-items:center;gap:1rem}.gr-table-card{background:var(--gr-white);border-radius:24px;border:1px solid var(--gr-border);overflow:hidden;box-shadow:var(--gr-shadow)}.gr-table-wrapper{overflow-x:auto;width:100%}.gr-table{width:100%;border-collapse:separate;border-spacing:0}.gr-table th{background:#f8fafc;padding:1.25rem 1.5rem;text-align:left;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid #f1f5f9}.gr-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:var(--gr-primary);font-size:14px}.gr-table tr:last-child td{border-bottom:none}.gr-table tr:hover{background:#fcfdfe}.gr-res-cell{display:flex;align-items:center;gap:14px}.gr-identity-box{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--gr-primary) 0%,var(--gr-primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0;box-shadow:0 4px 10px #0a2e5d33}.gr-res-name{font-weight:700;color:var(--gr-primary);font-size:15px}.gr-resource-meta{margin-top:4px;display:flex;gap:8px;align-items:center}.gr-link-pill{display:inline-flex;padding:4px 10px;background:#f1f5f9;border-radius:8px;font-size:11px;color:var(--gr-primary);font-weight:600;border:1px solid var(--gr-border);cursor:pointer;transition:all .2s;text-decoration:none}.gr-link-pill:hover{background:var(--gr-primary);color:#fff;border-color:var(--gr-primary)}.gr-link-pill.secondary{background:#eff6ff;color:var(--gr-accent);border-color:#dbeafe}.gr-link-pill.secondary:hover{background:var(--gr-accent);color:#fff}.gr-status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.gr-status-badge.public{background:#ecfdf5;color:#059669;border:1px solid #ccfbf1}.gr-status-badge.teachers-only{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.gr-status-badge.students-only{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.gr-status-badge.group-only{background:#fdf2f8;color:#db2777;border:1px solid #fce7f3}.gr-chips-container{display:flex;flex-wrap:wrap;gap:6px}.gr-chip{display:inline-flex;align-items:center;background:#f1f5f9;border:1px solid var(--gr-border);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--gr-secondary)}.gr-action-group{display:flex;gap:10px;justify-content:flex-end}.gr-icon-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--gr-border);background:var(--gr-white);color:var(--gr-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;padding:0}.gr-icon-btn:hover{background:var(--gr-bg);border-color:#cbd5e1;color:var(--gr-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.gr-icon-btn.edit:hover{background:#eff6ff;border-color:var(--gr-accent);color:var(--gr-accent)}.gr-icon-btn.delete:hover{background:#fef2f2;border-color:var(--gr-danger);color:var(--gr-danger)}.gr-modal-overlay{position:fixed;inset:0;background:#0a2e5d80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:2000}.gr-modal-card{background:var(--gr-white);width:100%;max-width:800px;max-height:90vh;border-radius:28px;box-shadow:var(--gr-shadow-lg);overflow:hidden;display:flex;flex-direction:column}.gr-modal-header{padding:1.75rem 2.25rem;background:#f8fafc;border-bottom:1px solid var(--gr-border);display:flex;justify-content:space-between;align-items:center}.gr-modal-header h3{margin:0;font-size:22px;font-weight:800;color:var(--gr-primary);letter-spacing:-.02em}.gr-modal-close{background:none;border:none;color:var(--gr-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:12px;transition:all .2s}.gr-modal-close:hover{background:#f1f5f9;color:var(--gr-danger)}.gr-modal-body{padding:2.25rem;overflow-y:auto;flex:1}.gr-modal-footer{padding:1.5rem 2.25rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1.25rem;border-top:1px solid var(--gr-border)}.gr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.gr-form-group{margin-bottom:1.5rem}.gr-form-group.full-width{grid-column:span 2}.gr-form-group label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.gr-input,.gr-select,.gr-textarea{width:100%;padding:13px 18px;border-radius:14px;border:1.5px solid var(--gr-border);background:var(--gr-white);font-size:15px;font-weight:600;color:var(--gr-primary);transition:all .2s}.gr-input:focus,.gr-select:focus,.gr-textarea:focus{outline:none;border-color:var(--gr-primary);box-shadow:0 0 0 4px #0a2e5d14}.gr-textarea{resize:vertical;min-height:100px}.gr-radio-group{display:inline-flex;background:#f1f5f9;padding:5px;border-radius:14px;gap:4px;width:auto;border:1px solid var(--gr-border);position:relative}.gr-radio-label{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 28px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:800;color:var(--gr-secondary);-webkit-user-select:none;user-select:none;border:1px solid transparent;line-height:1;min-width:140px}.gr-radio-label input[type=radio]{position:absolute;opacity:0;pointer-events:none}.gr-radio-label:has(input:checked){background:var(--gr-white);color:var(--gr-primary);box-shadow:0 4px 12px #0a2e5d1a;border-color:#0a2e5d0d}.gr-radio-label:hover:not(:has(input:checked)){background:#ffffff80;color:var(--gr-primary)}.gr-radio-label svg{color:inherit;flex-shrink:0;transition:transform .2s}.gr-radio-label:has(input:checked) svg{color:var(--gr-accent);transform:scale(1.1)}.gr-radio-label span{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.gr-file-picker{width:100%}.gr-file-input{display:none}.gr-file-dropzone{width:100%;padding:2.5rem;border:2px dashed var(--gr-border);border-radius:18px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .2s}.gr-file-dropzone:hover{border-color:var(--gr-primary);background:#f1f5f9}.gr-file-dropzone svg{color:var(--gr-primary)}.gr-file-info{text-align:center}.gr-file-name{display:block;font-weight:700;color:var(--gr-primary);font-size:15px}.gr-file-help{display:block;font-size:13px;color:var(--gr-secondary);margin-top:4px}.gr-btn-premium{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:12px 24px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--gr-primary) 0%,var(--gr-primary-light) 100%)!important;color:var(--gr-white)!important;font-weight:700!important;font-size:15px!important;border:none!important;cursor:pointer!important;box-shadow:0 10px 15px -3px #0a2e5d33!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}.gr-btn-premium:hover{transform:translateY(-2px)!important;box-shadow:0 20px 25px -5px #0a2e5d4d!important}.gr-btn-premium:active{transform:translateY(0)!important}.gr-btn-secondary{background:var(--gr-white)!important;color:var(--gr-primary)!important;border:1.5px solid var(--gr-border)!important;box-shadow:none!important}.gr-btn-secondary:hover{background:var(--gr-bg)!important;border-color:#cbd5e1!important}.gr-empty-state{padding:5rem 2rem;text-align:center;background:var(--gr-white);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center}.gr-empty-icon{width:100px;height:100px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;font-size:48px;box-shadow:inset 0 2px 4px #0000000d}.gr-empty-state h3{font-size:22px;font-weight:800;color:var(--gr-primary);margin-bottom:.75rem}.gr-empty-state p{color:var(--gr-secondary);max-width:400px;margin-bottom:2rem;font-size:16px}.gr-preview-overlay{position:fixed;inset:0;background:#0a2e5d80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:3000}.gr-preview-modal{background:var(--gr-white);width:100%;max-width:1000px;height:90vh;border-radius:28px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--gr-shadow-lg)}.gr-preview-header{padding:1.25rem 2rem;background:#f8fafc;border-bottom:1px solid var(--gr-border);display:flex;justify-content:space-between;align-items:center}.gr-preview-title{font-weight:800;color:var(--gr-primary);font-size:18px}.gr-preview-body{flex:1;background:#f1f5f9}.gr-preview-frame{width:100%;height:100%;border:none}.gr-loader{width:20px;height:20px;border:3px solid rgba(10,46,93,.1);border-top-color:var(--gr-primary);border-radius:50%;animation:gr-spin 1s linear infinite}.gr-error{background:#fef2f2;border:1px solid #fecdd3;color:#b91c1c;padding:1rem 1.5rem;border-radius:16px;margin-bottom:2rem;font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #dc26260d}.gr-loader-lg{width:48px;height:48px;border-width:4px}.gr-loading-text{margin-top:1.5rem;font-weight:600;color:var(--gr-secondary)}.gr-empty-icon-box{color:var(--gr-secondary);opacity:.3;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.gr-btn-premium .gr-loader{border-color:#ffffff4d;border-top-color:#fff}@keyframes gr-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gr-spin{to{transform:rotate(360deg)}}@keyframes gr-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gr-res-cell{display:flex;align-items:center;gap:14px;min-width:0}.gr-res-name{font-weight:700;color:var(--gr-primary);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.gr-container{padding:1rem}.gr-header{margin-bottom:1.5rem!important;gap:1.25rem}.gr-title-group h1{font-size:22px}.gr-subtitle{font-size:13px}.gr-table th,.gr-table td{padding:.875rem 1rem}.gr-form-grid{gap:1.25rem}}@media(max-width:992px){.gr-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.gr-header-actions{width:100%;justify-content:flex-end}.gr-icon-box{width:44px;height:44px}}@media(max-width:768px){.gr-container{padding:.75rem}.gr-title-group h1{font-size:20px}.gr-table th{font-size:11px;padding:.75rem .875rem}.gr-table td{padding:.75rem .875rem;font-size:13px}.gr-form-grid{grid-template-columns:1fr;gap:1rem}.gr-form-group.full-width{grid-column:span 1}.gr-modal-card{border-radius:20px}.gr-modal-header{padding:1.25rem 1.5rem}.gr-modal-body{padding:1.5rem}.gr-modal-footer{padding:1rem 1.5rem;flex-direction:column;gap:.75rem}.gr-modal-footer button{width:100%!important}.gr-radio-group{display:flex;flex-direction:column;width:100%}.gr-radio-label{width:100%;min-width:0;justify-content:flex-start}}@media(max-width:640px){.gr-container{padding:.5rem}.gr-header{margin-bottom:1.25rem!important}.gr-title-group h1{font-size:18px}.gr-icon-box{width:38px;height:38px}.gr-identity-box{width:36px;height:36px;font-size:16px}.gr-res-name{font-size:13px}.gr-btn-premium{padding:10px 16px!important;font-size:13px!important}.gr-btn-premium span{display:none}.gr-table-card{border-radius:16px}.gr-file-dropzone{padding:1.5rem}}@media(max-width:480px){.gr-title-group h1{font-size:16px}.gr-subtitle{font-size:12px}.gr-preview-modal{height:95vh;border-radius:16px}.gr-preview-header{padding:1rem}.gr-preview-title{font-size:15px}}.gs-container{padding:1.5rem;animation:gs-fadeIn .5s ease-out}.gs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.gs-header-info{display:flex;align-items:center;gap:1.25rem}.gs-icon-box{width:48px;height:48px;background:linear-gradient(135deg,#0a2e5d1a,#1a4d8c1a);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#0a2e5d}.gs-title-group h1{font-size:24px;font-weight:800;color:#0a2e5d;margin:0;letter-spacing:-.02em}.gs-subtitle{font-size:14px;color:#64748b;margin:2px 0 0;font-weight:500}.gs-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;flex-wrap:nowrap}.gs-search-box{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:0 14px;width:280px;transition:all .3s}.gs-search-box:focus-within{border-color:#0a2e5d;box-shadow:0 0 0 4px #0a2e5d0d}.gs-search-box svg{color:#94a3b8}.gs-search-box input{border:none;background:none;padding:10px;font-size:14px;font-weight:600;color:#0a2e5d;width:100%}.gs-search-box input:focus{outline:none}.gs-table-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.gs-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.gs-table{width:100%;border-collapse:collapse;min-width:700px}.gs-table th{background:#f8fafc;padding:1rem 1.5rem;text-align:left;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9}.gs-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f8fafc;vertical-align:middle}.gs-table tr:hover{background:#fcfdfe}.gs-table tr.selected{background:#0a2e5d05}.gs-student-cell{display:flex;align-items:center;gap:12px}.gs-avatar-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.gs-student-name{font-weight:700;color:#0a2e5d;font-size:14px}.gs-email-text{font-size:13px;color:#64748b;font-weight:500}.gs-id-badge{display:inline-flex;padding:4px 10px;background:#f1f5f9;border-radius:8px;font-size:12px;font-weight:700;color:#475569;font-family:JetBrains Mono,monospace}.gs-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:700}.gs-status-pill.active{background:#ecfdf5;color:#059669}.gs-status-pill.active:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.gs-bulk-bar{background:#0a2e5d;padding:.75rem 1.5rem;border-radius:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;color:#fff;box-shadow:0 10px 15px -3px #0a2e5d33;animation:gs-slideDown .3s ease-out}.gs-bulk-info{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14px}.gs-btn-premium{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;font-weight:700;font-size:14px;border:none;cursor:pointer;box-shadow:0 4px 12px #0a2e5d33;transition:all .3s}.gs-btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.gs-btn-premium:disabled{opacity:.7;cursor:not-allowed;transform:none}.gs-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;animation:gs-fadeIn .2s ease-out}.gs-modal-card{background:#fff;width:100%;max-width:640px;max-height:90vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;animation:gs-slideUp .3s cubic-bezier(.165,.84,.44,1)}.gs-modal-header{padding:1.25rem 2rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;flex-shrink:0}.gs-modal-header h3{margin:0;font-size:18px;font-weight:800;color:#0a2e5d}.gs-modal-close{width:32px;height:32px;border-radius:10px;border:none;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.gs-modal-close:hover{background:#f1f5f9;color:#0a2e5d}.gs-modal-body{padding:1.5rem 2rem;overflow-y:auto;flex:1}.gs-modal-footer{padding:1.25rem 2rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #f1f5f9;flex-shrink:0}.gs-candidate-list{display:flex;flex-direction:column;gap:12px}.gs-candidate-row{background:#f8fafc;border:2px solid #f1f5f9;padding:14px 18px;border-radius:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s}.gs-candidate-row:hover{border-color:#cbd5e1;background:#fff}.gs-candidate-row.selected{border-color:#0a2e5d;background:#0a2e5d05}.gs-checkbox-custom{width:22px;height:22px;border:2px solid #cbd5e1;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;flex-shrink:0}.gs-candidate-row.selected .gs-checkbox-custom{background:#0a2e5d;border-color:#0a2e5d}.gs-candidate-info{flex:1}.gs-candidate-name{font-weight:700;font-size:15px;color:#0a2e5d;margin-bottom:2px}.gs-candidate-meta{font-size:13px;color:#64748b;font-weight:500}@keyframes gs-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gs-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gs-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gs-empty-state{padding:100px 40px;text-align:center;background:#fff;border-radius:24px}.gs-empty-icon{width:80px;height:80px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#cbd5e1}.gs-empty-state h3{font-size:20px;font-weight:800;color:#0a2e5d;margin-bottom:8px}.gs-empty-state p{color:#64748b;font-weight:500;margin-bottom:1.5rem}.gs-check-col{width:40px;text-align:center}.gs-checkbox{width:18px;height:18px;accent-color:#0a2e5d;cursor:pointer}.gs-header .gs-btn-premium{padding:10px;width:44px;height:44px;justify-content:center}.gs-header .gs-btn-premium span{display:none}@media(max-width:768px){.gs-container{padding:1rem}.gs-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.gs-header-info,.gs-header-actions{width:100%}.gs-header-actions{flex-direction:row;gap:.75rem}.gs-search-box{flex:1;width:auto}.gs-table-card{border-radius:16px}.gs-table th{padding:.875rem 1rem;font-size:12px}.gs-table td{padding:1rem}.gs-bulk-bar{padding:.75rem 1rem;flex-direction:column;gap:.75rem;align-items:flex-start}.gs-modal-overlay{padding:1rem}.gs-modal-card{border-radius:20px}.gs-modal-header{padding:1rem 1.25rem}.gs-modal-body{padding:1.25rem}.gs-modal-footer{padding:1rem 1.25rem}}@media(max-width:640px){.gs-container{padding:.875rem}.gs-header{margin-bottom:1.25rem}.gs-icon-box{width:42px;height:42px}.gs-title-group h1{font-size:20px}.gs-subtitle{font-size:13px}.gs-table-card{border-radius:14px}.gs-table th{padding:.75rem .875rem;font-size:11px}.gs-table td{padding:.875rem}.gs-avatar-box{width:36px;height:36px;font-size:13px}.gs-student-name{font-size:13px}.gs-email-text{font-size:12px}.gs-id-badge{padding:3px 8px;font-size:11px}.gs-status-pill{padding:4px 10px;font-size:11px}.gs-bulk-bar{padding:.625rem .875rem;border-radius:12px}.gs-bulk-info{font-size:13px}.gs-modal-header h3{font-size:16px}.gs-candidate-row{padding:12px 14px}.gs-candidate-name{font-size:14px}.gs-candidate-meta{font-size:12px}}@media(max-width:480px){.gs-container{padding:.75rem}.gs-header{gap:.875rem;margin-bottom:1rem}.gs-icon-box{width:38px;height:38px}.gs-title-group h1{font-size:18px}.gs-subtitle{font-size:12px}.gs-search-box{padding:0 12px}.gs-search-box input{padding:8px;font-size:13px}.gs-table-card{border-radius:12px}.gs-table th{padding:.625rem .75rem;font-size:10px}.gs-table td{padding:.75rem}.gs-avatar-box{width:32px;height:32px;font-size:12px}.gs-student-name{font-size:12px}.gs-email-text{font-size:11px}.gs-id-badge{padding:2px 6px;font-size:10px}.gs-status-pill{padding:3px 8px;font-size:10px}.gs-bulk-bar{padding:.5rem .75rem}.gs-bulk-info{font-size:12px}.gs-btn-premium{padding:8px 16px;font-size:13px}.gs-modal-overlay{padding:.75rem}.gs-modal-card{border-radius:16px}.gs-modal-header{padding:.875rem 1rem}.gs-modal-header h3{font-size:15px}.gs-modal-body{padding:1rem}.gs-modal-footer{padding:.875rem 1rem;flex-direction:column}.gs-modal-footer .gs-btn-premium{width:100%;justify-content:center}.gs-candidate-row{padding:10px 12px}.gs-checkbox-custom{width:20px;height:20px}.gs-candidate-name{font-size:13px}.gs-candidate-meta{font-size:11px}.gs-empty-state{padding:60px 20px}.gs-empty-icon{width:60px;height:60px}.gs-empty-state h3{font-size:18px}.gs-empty-state p{font-size:14px}}.gsu-container{padding:1.5rem;animation:gsu-fadeIn .5s ease-out}.gsu-layout{display:flex;gap:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}@media(max-width:992px){.gsu-layout.split-view{flex-direction:column}}.gsu-main-content{flex:1;min-width:0}.gsu-layout.split-view .gsu-main-content{flex:0 0 45%}@media(max-width:992px){.gsu-layout.split-view .gsu-main-content{flex:0 0 100%}}.gsu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.gsu-header-info{display:flex;align-items:center;gap:1.25rem}.gsu-icon-box{width:48px;height:48px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#0a2e5d}.gsu-title-group h1{font-size:24px;font-weight:800;color:#0a2e5d;margin:0;letter-spacing:-.02em}.gsu-subtitle{font-size:14px;color:#64748b;margin:2px 0 0;font-weight:500}.gsu-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.gsu-header-actions .gsu-btn-premium{padding:10px 20px}.gsu-header-actions .gsu-btn-premium span{display:inline}@media(max-width:768px){.gsu-header-actions .gsu-btn-premium{padding:10px;width:44px;height:44px;justify-content:center}.gsu-header-actions .gsu-btn-premium span{display:none}}.gsu-table-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.gsu-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.gsu-table{width:100%;border-collapse:collapse;min-width:700px}@media(max-width:1024px){.gsu-table{min-width:600px}}@media(max-width:640px){.gsu-table{min-width:500px}}.gsu-table th{background:#f8fafc;padding:1rem 1.5rem;text-align:left;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9}.gsu-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f8fafc;vertical-align:middle}.gsu-table tr:hover{background:#fcfdfe}.gsu-table tr.selected{background:#0a2e5d05}.gsu-table tr.viewing-recordings{background:#0a2e5d0a;border-right:4px solid #0a2e5d}.gsu-subject-cell{display:flex;align-items:center;gap:12px}.gsu-identity-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.gsu-subject-name{font-weight:700;color:#0a2e5d;font-size:14px}.gsu-id-text{font-size:12px;color:#94a3b8;font-weight:600;font-family:JetBrains Mono,monospace}.gsu-teacher-chips{display:flex;flex-wrap:wrap;gap:6px}.gsu-teacher-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:600;border:1px solid #e2e8f0}.gsu-meeting-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#eff6ff;color:#3b82f6;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s}.gsu-meeting-link:hover{background:#dbeafe;transform:translateY(-1px)}.gsu-no-link{font-size:12px;color:#94a3b8;font-style:italic}.gsu-action-group{display:flex;gap:8px;justify-content:flex-end}.gsu-icon-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.gsu-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0a2e5d}.gsu-icon-btn.edit:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.gsu-icon-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.gsu-recordings-sidebar{flex:1;background:#fff;border-radius:20px;border:1px solid #e2e8f0;display:flex;flex-direction:column;box-shadow:0 10px 25px -5px #0000001a;animation:gsu-slideInRight .4s cubic-bezier(.165,.84,.44,1);overflow:hidden;max-height:calc(100vh - 200px)}.gsu-sidebar-header{padding:1.5rem;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.gsu-sidebar-title h3{margin:0;font-size:18px;font-weight:800;color:#0a2e5d}.gsu-sidebar-title p{margin:4px 0 0;font-size:13px;color:#64748b;font-weight:500}.gsu-sidebar-content{padding:1.5rem;overflow-y:auto;flex:1}.gsu-recording-list{display:flex;flex-direction:column;gap:1rem}.gsu-recording-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.gsu-recording-card:hover{border-color:#cbd5e1;transform:translateY(-2px);background:#fff;box-shadow:0 4px 12px #0000000d}.gsu-recording-info{display:flex;flex-direction:column;gap:8px}.gsu-recording-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#0a2e5d;font-size:14px}.gsu-recording-meta{display:flex;gap:12px}.gsu-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;font-weight:600}.gsu-watch-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:#0a2e5d;color:#fff;border:none;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.gsu-watch-btn:hover{background:#1a4d8c;transform:scale(1.05)}.gsu-playback-overlay{position:fixed;inset:0;background:#0a2e5dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:2rem}.gsu-playback-container{width:100%;max-width:1000px;aspect-ratio:16 / 9;background:#000;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000080}.gsu-close-playback{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:12px;background:#fff3;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.gsu-close-playback:hover{background:#ffffff4d;transform:rotate(90deg)}.gsu-video-player{width:100%;height:100%}.gsu-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;animation:gsu-fadeIn .2s ease-out}.gsu-modal-card{background:#fff;width:100%;max-width:640px;max-height:90vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;animation:gsu-slideUp .3s cubic-bezier(.165,.84,.44,1)}.gsu-modal-header{padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.gsu-modal-header h3{margin:0;font-size:20px;font-weight:800;color:#0a2e5d}.gsu-modal-close{width:32px;height:32px;border-radius:10px;border:none;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.gsu-modal-close:hover{background:#f1f5f9;color:#0a2e5d}.gsu-modal-body{padding:2rem;overflow-y:auto;flex:1}.gsu-modal-footer{padding:1.5rem 2rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #f1f5f9}.gsu-btn-text{background:none;border:none;color:#64748b;font-weight:700;cursor:pointer;padding:10px 20px;border-radius:12px;transition:all .2s;display:flex;align-items:center;justify-content:center}.gsu-btn-text:hover{background:#f1f5f9;color:#0a2e5d}.gsu-form-group{margin-bottom:1.5rem}.gsu-form-group label{display:block;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.gsu-select{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;font-size:14px;font-weight:600;color:#0a2e5d;transition:all .3s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.gsu-select:focus{outline:none;border-color:#0a2e5d;box-shadow:0 0 0 4px #0a2e5d1a}.gsu-teacher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.gsu-teacher-option{background:#f8fafc;border:2px solid #f1f5f9;padding:12px 16px;border-radius:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.gsu-teacher-option:hover{border-color:#cbd5e1;background:#fff}.gsu-teacher-option.selected{border-color:#0a2e5d;background:#0a2e5d05}.gsu-checkbox-custom{width:22px;height:22px;border:2px solid #cbd5e1;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;flex-shrink:0}.gsu-teacher-option.selected .gsu-checkbox-custom{background:#0a2e5d;border-color:#0a2e5d}.gsu-teacher-info{flex:1;display:flex;flex-direction:column}.gsu-teacher-name{font-weight:700;font-size:14px;color:#0a2e5d}.gsu-teacher-email{font-size:12px;color:#64748b;font-weight:500}.gsu-btn-premium{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;font-weight:700;font-size:14px;border:none;cursor:pointer;box-shadow:0 4px 12px #0a2e5d33;transition:all .3s}.gsu-btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.gsu-bulk-bar{background:#0a2e5d;padding:.75rem 1.5rem;border-radius:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;color:#fff;box-shadow:0 10px 15px -3px #0a2e5d33;animation:gsu-slideDown .3s ease-out}.gsu-btn-bulk-clear{background:#fff3;box-shadow:none;border:none;color:#fff;font-weight:700;font-size:13px;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .2s}.gsu-btn-bulk-clear:hover{background:#ffffff4d}.gsu-bulk-info{display:flex;align-items:center;gap:12px}@media(max-width:640px){.gsu-bulk-info{gap:8px}}.gsu-empty-state{padding:100px 40px;text-align:center;background:#fff;border-radius:24px}.gsu-empty-icon{width:80px;height:80px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:32px}.gsu-loading-spinner{width:40px;height:40px;border:4px solid #f1f5f9;border-top-color:#0a2e5d;border-radius:50%;animation:gsu-spin .8s linear infinite}@keyframes gsu-spin{to{transform:rotate(360deg)}}@keyframes gsu-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gsu-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gsu-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes gsu-slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.gsu-check-col{width:40px;text-align:center}.gsu-checkbox{width:18px;height:18px;accent-color:#0a2e5d;cursor:pointer}@media(max-width:1024px){.gsu-container{padding:1rem}.gsu-header{margin-bottom:1.25rem;gap:1rem}.gsu-title-group h1{font-size:20px}.gsu-subtitle{font-size:13px}.gsu-table th,.gsu-table td{padding:.75rem .875rem;font-size:12px}.gsu-teacher-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.gsu-container{padding:.75rem}.gsu-header{flex-direction:column;align-items:flex-start;gap:.75rem}.gsu-title-group h1{font-size:18px}.gsu-header-info,.gsu-header-actions{width:100%}.gsu-header-actions{justify-content:flex-end}.gsu-bulk-bar{flex-direction:column;gap:.75rem;align-items:flex-start;padding:.5rem 1rem}.gsu-recordings-sidebar{max-height:none}}@media(max-width:640px){.gsu-container{padding:.5rem}.gsu-icon-box{width:36px;height:36px}.gsu-title-group h1{font-size:16px}.gsu-identity-box{width:32px;height:32px;font-size:12px}.gsu-subject-name{font-size:12px}.gsu-teacher-chip{font-size:10px;padding:2px 6px}.gsu-modal-overlay{padding:.75rem}.gsu-modal-header{padding:.75rem 1rem}.gsu-modal-body{padding:1rem}.gsu-teacher-grid{grid-template-columns:1fr}.gsu-playback-overlay{padding:.5rem}}@media(max-width:480px){.gsu-container{padding:.75rem}.gsu-title-group h1{font-size:18px}.gsu-subtitle{font-size:12px}.gsu-table th{font-size:11px;padding:.75rem .5rem}.gsu-table td{padding:.75rem .5rem}.gsu-check-col{width:30px}.gsu-checkbox{width:16px;height:16px}.gsu-modal-footer{flex-direction:column;padding:1rem 1.25rem}.gsu-modal-footer button{width:100%}.gsu-btn-text{background:#f8fafc;border:1px solid #e2e8f0}.gsu-recording-card{flex-direction:column;align-items:flex-start;gap:1rem}.gsu-watch-btn{width:100%;justify-content:center}}.gt-container{padding:1.5rem;animation:gt-fadeIn .5s ease-out}.gt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.gt-header-info{display:flex;align-items:center;gap:1.25rem}.gt-icon-box{width:48px;height:48px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#0a2e5d}.gt-title-group h1{font-size:24px;font-weight:800;color:#0a2e5d;margin:0;letter-spacing:-.02em}.gt-subtitle{font-size:14px;color:#64748b;margin:2px 0 0;font-weight:500}.gt-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.gt-table-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.gt-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.gt-table{width:100%;border-collapse:collapse;min-width:700px}@media(max-width:768px){.gt-table{min-width:600px}}@media(max-width:640px){.gt-table{min-width:500px}}.gt-table th{background:#f8fafc;padding:1rem 1.5rem;text-align:left;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9}.gt-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f8fafc;vertical-align:middle}.gt-table tr:hover{background:#fcfdfe}.gt-table tr.selected{background:#0a2e5d05}.gt-teacher-cell{display:flex;align-items:center;gap:12px}.gt-teacher-info{min-width:0;flex:1}@media(max-width:640px){.gt-teacher-cell{gap:10px}}.gt-avatar-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.gt-teacher-name{font-weight:700;color:#0a2e5d;font-size:14px}.gt-email-text{font-size:13px;color:#64748b;font-weight:500}.gt-chips-container{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}@media(max-width:640px){.gt-chips-container{gap:4px}}.gt-subject-chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:8px;background:#eff6ff;color:#3b82f6;font-size:12px;font-weight:700;border:1px solid #dbeafe;transition:all .2s}.gt-subject-chip:hover{background:#dbeafe;transform:translateY(-1px)}.gt-action-group{display:flex;gap:8px;justify-content:flex-end;flex-wrap:nowrap}@media(max-width:640px){.gt-action-group{gap:6px}}@media(max-width:480px){.gt-action-group{gap:4px}}.gt-icon-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.gt-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0a2e5d}.gt-icon-btn.edit:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.gt-icon-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.gt-icon-btn:disabled{opacity:.5;cursor:not-allowed}.gt-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;animation:gt-fadeIn .2s ease-out}.gt-modal-card{background:#fff;width:100%;max-width:640px;max-height:90vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;animation:gt-slideUp .3s cubic-bezier(.165,.84,.44,1)}.gt-modal-header{padding:1.25rem 2rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.gt-modal-header h3{margin:0;font-size:18px;font-weight:800;color:#0a2e5d}.gt-modal-close{width:32px;height:32px;border-radius:10px;border:none;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.gt-modal-close:hover{background:#f1f5f9;color:#0a2e5d}.gt-modal-body{padding:1.5rem 2rem;overflow-y:auto;flex:1}.gt-modal-footer{padding:1.25rem 2rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #f1f5f9}.gt-btn-text{background:none;border:none;color:#64748b;font-weight:700;cursor:pointer;padding:10px 20px;border-radius:12px;transition:all .2s}.gt-btn-text:hover{background:#f1f5f9;color:#0a2e5d}.gt-form-group{margin-bottom:1.5rem}.gt-form-group label{display:block;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.gt-select{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;font-size:14px;font-weight:600;color:#0a2e5d;transition:all .3s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.gt-select:focus{outline:none;border-color:#0a2e5d;box-shadow:0 0 0 4px #0a2e5d1a}.gt-select:disabled{background-color:#f8fafc;cursor:not-allowed}.gt-subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.gt-subject-option{background:#f8fafc;border:2px solid #f1f5f9;padding:12px 16px;border-radius:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.gt-subject-option:hover{border-color:#cbd5e1;background:#fff}.gt-subject-option.selected{border-color:#0a2e5d;background:#0a2e5d05}.gt-checkbox-custom{width:22px;height:22px;border:2px solid #cbd5e1;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;flex-shrink:0}.gt-subject-option.selected .gt-checkbox-custom{background:#0a2e5d;border-color:#0a2e5d}.gt-subject-info{flex:1}.gt-subject-name{font-weight:700;font-size:14px;color:#0a2e5d;margin-bottom:2px}.gt-subject-meta{font-size:12px;color:#64748b;font-weight:500}.gt-btn-premium{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;font-weight:700;font-size:14px;border:none;cursor:pointer;box-shadow:0 4px 12px #0a2e5d33;transition:all .3s}.gt-btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.gt-btn-premium:disabled{opacity:.7;cursor:not-allowed;transform:none}.gt-bulk-bar{background:#0a2e5d;padding:.75rem 1.5rem;border-radius:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;color:#fff;box-shadow:0 10px 15px -3px #0a2e5d33;animation:gt-slideDown .3s ease-out}.gt-bulk-info{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14px}@keyframes gt-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gt-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes gt-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gt-empty-state{padding:100px 40px;text-align:center;background:#fff;border-radius:24px}.gt-empty-icon{width:80px;height:80px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#cbd5e1}.gt-empty-state h3{font-size:20px;font-weight:800;color:#0a2e5d;margin-bottom:8px}.gt-empty-state p{color:#64748b;font-weight:500;margin-bottom:1.5rem}.gt-check-col{width:40px;text-align:center;padding-left:1rem!important;padding-right:.5rem!important}.gt-checkbox{width:18px;height:18px;accent-color:#0a2e5d;cursor:pointer}@media(max-width:640px){.gt-check-col{width:32px;padding-left:.75rem!important;padding-right:.25rem!important}.gt-checkbox{width:16px;height:16px}}@media(max-width:480px){.gt-check-col{width:28px;padding-left:.5rem!important;padding-right:.25rem!important}.gt-checkbox{width:14px;height:14px}}.gt-loading-spinner{width:40px;height:40px;border:4px solid #f1f5f9;border-top-color:#0a2e5d;border-radius:50%;animation:gt-spin .8s linear infinite}@keyframes gt-spin{to{transform:rotate(360deg)}}.premium-empty-state{padding:100px 40px;text-align:center;background:#fff;border-radius:24px}.premium-empty-icon{width:80px;height:80px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#cbd5e1}.premium-empty-state h3{font-size:20px;font-weight:800;color:#0a2e5d;margin-bottom:8px}.premium-empty-state p{color:#64748b;font-weight:500;margin-bottom:1.5rem}.gt-header .gt-btn-premium{padding:10px 20px;width:auto;height:auto}.gt-header .gt-btn-premium span{display:inline}@media(max-width:768px){.gt-header .gt-btn-premium{padding:10px;width:44px;height:44px;justify-content:center}.gt-header .gt-btn-premium span{display:none}}@media(max-width:1024px){.gt-container{padding:1rem}.gt-header{margin-bottom:1.5rem;gap:1rem}.gt-title-group h1{font-size:20px}.gt-subtitle{font-size:13px}.gt-table th{padding:.875rem 1rem;font-size:11px}.gt-table td{padding:.875rem 1rem}.gt-subject-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.gt-container{padding:.75rem}.gt-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.gt-title-group h1{font-size:18px}.gt-header-info,.gt-header-actions{width:100%}.gt-header-actions{flex-direction:row;gap:.5rem;justify-content:flex-end}.gt-table-card{border-radius:12px}.gt-table th{padding:.75rem .875rem;font-size:11px}.gt-table td{padding:.75rem .875rem}.gt-teacher-name{font-size:13px}.gt-email-text{font-size:12px}.gt-subject-chip{padding:3px 8px;font-size:11px}.gt-bulk-bar{padding:.5rem .875rem;gap:.5rem;border-radius:10px}.gt-modal-overlay{padding:.75rem}.gt-modal-card{border-radius:16px}.gt-modal-header{padding:.875rem 1.25rem}.gt-modal-header h3{font-size:16px}.gt-modal-body{padding:1rem 1.25rem}.gt-modal-footer{padding:.875rem 1.25rem;gap:.75rem}.gt-subject-grid{grid-template-columns:1fr}}@media(max-width:640px){.gt-container{padding:.5rem}.gt-header{margin-bottom:1rem}.gt-icon-box{width:36px;height:36px}.gt-title-group h1{font-size:20px}.gt-subtitle{font-size:13px}.gt-table-card{border-radius:14px}.gt-table th{padding:.75rem .875rem;font-size:11px}.gt-table td{padding:.875rem}.gt-avatar-box{width:36px;height:36px;font-size:13px}.gt-teacher-name{font-size:13px}.gt-email-text{font-size:12px}.gt-subject-chip{padding:4px 10px;font-size:11px;white-space:nowrap}.gt-icon-btn{width:30px;height:30px}.gt-bulk-bar{padding:.625rem .875rem;border-radius:12px}.gt-bulk-info{font-size:13px}.gt-modal-header h3{font-size:16px}.gt-subject-option{padding:10px 14px}.gt-subject-name{font-size:13px}.gt-subject-meta{font-size:11px}.premium-empty-state{padding:80px 30px}.premium-empty-icon{width:70px;height:70px}.premium-empty-state h3{font-size:18px}.premium-empty-state p{font-size:14px}}@media(max-width:480px){.gt-container{padding:.75rem}.gt-header{gap:.875rem;margin-bottom:1rem}.gt-icon-box{width:38px;height:38px}.gt-title-group h1{font-size:18px}.gt-subtitle{font-size:12px}.gt-table-card{border-radius:12px}.gt-table th{padding:.625rem .75rem;font-size:10px}.gt-table td{padding:.75rem}.gt-avatar-box{width:32px;height:32px;font-size:12px}.gt-teacher-name{font-size:12px}.gt-email-text{font-size:11px}.gt-subject-chip{padding:3px 8px;font-size:10px}.gt-icon-btn{width:28px;height:28px}.gt-bulk-bar{padding:.5rem .75rem}.gt-bulk-info{font-size:12px}.gt-btn-premium{padding:8px 16px;font-size:13px}.gt-modal-overlay{padding:.75rem}.gt-modal-card{border-radius:16px}.gt-modal-header{padding:.875rem 1rem}.gt-modal-header h3{font-size:15px}.gt-modal-body{padding:1rem}.gt-modal-footer{padding:.875rem 1rem;flex-direction:column;gap:.75rem}.gt-modal-footer .gt-btn-premium,.gt-modal-footer .gt-btn-text{width:100%;justify-content:center}.gt-btn-text{padding:10px;background:#f8fafc;border:1px solid #e2e8f0}.gt-form-group{margin-bottom:1.25rem}.gt-form-group label{font-size:12px;margin-bottom:.5rem}.gt-select{padding:10px 14px;font-size:13px}.gt-subject-option{padding:8px 12px}.gt-checkbox-custom{width:20px;height:20px}.gt-subject-name{font-size:12px}.gt-subject-meta{font-size:10px}.gt-empty-state{padding:60px 20px}.gt-empty-icon{width:60px;height:60px}.gt-empty-state h3{font-size:18px}.gt-empty-state p{font-size:14px}.premium-empty-state{padding:50px 20px}.premium-empty-icon{width:60px;height:60px}.premium-empty-state h3{font-size:16px}.premium-empty-state p{font-size:13px}.gt-loading-spinner{width:32px;height:32px;border-width:3px}}.premium-group-management{display:flex;flex-direction:column;gap:20px;animation:fadeIn .4s ease-out}.management-header{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05);overflow:hidden}.header-top-row{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.group-identity{display:flex;align-items:center;gap:1.5rem}.gm-group-avatar{width:52px;height:52px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:800;box-shadow:0 4px 12px #0a2e5d26;flex-shrink:0}.group-titles h1{margin:4px 0 0;font-size:22px;font-weight:800;color:#0a2e5d;letter-spacing:-.02em}.header-meta{display:flex;align-items:center;gap:8px}.id-tag{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.dot-sep{color:#cbd5e1}.mode-pill{font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;text-transform:uppercase}.mode-pill.online{background:#eff6ff;color:#2563eb}.mode-pill.offline{background:#fef2f2;color:#dc2626}.header-actions{display:flex;gap:12px}.icon-btn-secondary{width:44px;height:44px;border-radius:12px;border:1px solid #f1f5f9;background:#f8fafc;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn-secondary:hover{background:#fff;border-color:#0a2e5d;color:#0a2e5d;box-shadow:0 4px 12px #0a2e5d14}.management-tabs{display:flex;padding:0 1.5rem;background:#f8fafc;overflow-x:auto;scrollbar-width:none}.management-tabs::-webkit-scrollbar{display:none}.mgmt-tab-btn{display:flex;align-items:center;gap:8px;padding:1.25rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#64748b;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.mgmt-tab-btn:hover{color:#0a2e5d;background:#0a2e5d05}.mgmt-tab-btn.active{color:#0a2e5d;border-bottom-color:#e0591e;background:#fff}.mgmt-tab-btn svg{transition:transform .3s ease}.mgmt-tab-btn.active svg{color:#e0591e;transform:scale(1.1)}.management-content-card{background:#fff;border-radius:20px;min-height:500px;box-shadow:0 4px 20px #0a2e5d08;border:1px solid rgba(10,46,93,.05);padding:1.5rem}@media(max-width:768px){.header-top-row{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.header-actions{width:100%;justify-content:flex-end}.mgmt-tab-btn{padding:.875rem 1rem;font-size:13px}}.mobile-back-btn{display:none;width:40px;height:40px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#0a2e5d;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.mobile-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(-2px)}.mobile-back-btn:active{transform:translate(0)}@media(max-width:768px){.mobile-back-btn{display:flex}.header-top-row{gap:12px}.management-header{padding:1rem!important}.management-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.management-tabs::-webkit-scrollbar{display:none}.mgmt-tab-btn{white-space:nowrap}.group-identity{flex:1;min-width:0}.group-titles h1{font-size:18px!important}.header-actions{gap:6px}.icon-btn-secondary{width:36px;height:36px}}@media(max-width:640px){.premium-group-management{gap:1rem}.management-header{border-radius:16px}.header-top-row{padding:1rem;gap:1rem}.gm-group-avatar{width:44px;height:44px;font-size:18px}.group-titles h1{font-size:16px!important}.id-tag{font-size:10px}.mode-pill{font-size:9px;padding:2px 6px}.header-actions{gap:8px}.icon-btn-secondary{width:34px;height:34px}.management-tabs{padding:0 1rem}.mgmt-tab-btn{padding:.875rem 1rem;font-size:12px;gap:6px}.management-content-card{padding:1.25rem;border-radius:16px;min-height:400px}}@media(max-width:480px){.premium-group-management{gap:.75rem}.management-header{border-radius:14px}.header-top-row{padding:1rem}.gm-group-avatar{width:40px;height:40px;font-size:16px}.group-titles h1{font-size:15px!important}.header-meta{gap:6px}.id-tag{font-size:9px}.mode-pill{font-size:8px;padding:2px 6px}.header-actions{gap:6px}.icon-btn-secondary{width:32px;height:32px}.mobile-back-btn{width:36px;height:36px}.management-tabs{padding:0 .875rem}.mgmt-tab-btn{padding:.75rem .875rem;font-size:11px;gap:4px}.management-content-card{padding:.75rem;min-height:350px}}.groups-tab-container{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-out}.groups-tab-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.groups-tab-header .header-left{display:flex;align-items:center;gap:1.25rem}.groups-tab-header .header-icon{width:48px;height:48px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--color-primary, #0a2e5d)}.groups-tab-header .header-text h2{font-size:20px;font-weight:800;color:#0a2e5d;margin:0;letter-spacing:-.02em}.groups-tab-header .header-text p{font-size:13px;color:#64748b;margin:2px 0 0;font-weight:500}.groups-tab-header .header-right{display:flex;align-items:center;gap:.75rem}.search-wrapper{position:relative;display:flex;align-items:center}.search-wrapper svg{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.search-wrapper input{padding:10px 16px 10px 42px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;font-size:14px;width:240px;transition:all .3s ease;color:#0a2e5d;font-weight:500}.search-wrapper input:focus{outline:none;background:#fff;border-color:#0a2e5d;box-shadow:0 0 0 4px #0a2e5d0d}.premium-table-wrapper{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0a;overflow:hidden;border:1px solid rgba(10,46,93,.05)}.premium-groups-table{width:100%;border-collapse:separate;border-spacing:0}.premium-groups-table th{background:#f8fafc;padding:1.25rem 1.5rem;text-align:left;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9}.premium-groups-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.clickable-row{cursor:pointer;transition:background .2s ease}.clickable-row:hover{background:#f8fafc}.premium-name-cell{display:flex;align-items:center;gap:1rem}.group-avatar-ring{width:44px;height:44px;border-radius:12px;padding:2px;background:linear-gradient(135deg,#0a2e5d,#e0591e)}.group-avatar{width:100%;height:100%;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#0a2e5d;font-size:16px}.name-info{display:flex;flex-direction:column;min-width:0;flex:1}.name-info .name{font-weight:700;color:#0a2e5d;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.name-info .sub{font-size:12px;color:#94a3b8;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-badge{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700;font-family:monospace}.premium-mode-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.premium-mode-badge.online{background:#eff6ff;color:#2563eb}.premium-mode-badge.offline{background:#fef2f2;color:#dc2626}.mode-dot{width:6px;height:6px;border-radius:50%}.online .mode-dot{background:#3b82f6;box-shadow:0 0 10px #3b82f680}.offline .mode-dot{background:#ef4444}.count-badge{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #f1f5f9;padding:4px 10px;border-radius:8px;color:#64748b;font-weight:600;font-size:13px}.premium-table-actions{display:flex;justify-content:flex-end;gap:8px}.action-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.action-btn.view:hover{color:#2563eb}.action-btn.edit:hover{color:#059669}.groups-split-view{display:grid;grid-template-columns:280px 1fr;gap:20px;height:calc(100vh - 180px)}.groups-sidebar{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0a;border:1px solid rgba(10,46,93,.05);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1.25rem;border-bottom:1px solid #f1f5f9}.back-to-all{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:none;padding:8px 12px;border-radius:10px;color:#475569;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.back-to-all:hover{background:#e2e8f0;color:#0a2e5d}.sidebar-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;cursor:pointer;transition:all .3s ease;position:relative;border:1px solid transparent}.sidebar-item:hover{background:#f8fafc}.sidebar-item.active{background:#0a2e5d0a;border-color:#0a2e5d1a}.item-avatar{width:40px;height:40px;border-radius:10px;background:#0a2e5d;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.item-info h4{margin:0;font-size:14px;font-weight:700;color:#0a2e5d}.item-info p{margin:2px 0 0;font-size:12px;color:#94a3b8}.active-indicator{position:absolute;left:0;top:12px;bottom:12px;width:4px;background:#e0591e;border-radius:0 4px 4px 0}.group-details-main{flex:1;overflow-y:auto;border-radius:20px}.premium-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000}.premium-modal{background:#fff;width:100%;max-width:480px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:slideUp .3s cubic-bezier(.165,.84,.44,1)}.modal-header{padding:1.5rem 2rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9}.header-titles .kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#64748b}.header-titles h3{margin:4px 0 0;font-size:20px;font-weight:800;color:#0a2e5d}.modal-close{width:32px;height:32px;border-radius:8px;border:none;background:#e2e8f0;color:#475569;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#cbd5e1;color:#0a2e5d}.modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.premium-form-group label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:8px}.input-with-icon,.select-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg,.select-with-icon svg{position:absolute;left:14px;color:#94a3b8}.input-with-icon input,.select-with-icon select{width:100%;padding:12px 16px 12px 42px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;font-size:14px;font-weight:600;color:#0a2e5d;transition:all .3s ease}.input-with-icon input:focus,.select-with-icon select:focus{outline:none;border-color:#0a2e5d;background:#fff}.modal-footer{padding:1.5rem 2rem;background:#f1f5f9;display:flex;justify-content:flex-end;gap:1rem}.premium-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;border:none}.groups-tab-header .premium-btn.primary{padding:10px;width:44px;height:44px;justify-content:center}.groups-tab-header .premium-btn.primary span{display:none}.premium-btn.primary{background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;box-shadow:0 4px 12px #0a2e5d33}.premium-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.premium-btn.secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.premium-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#0a2e5d}.text-right{text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.premium-spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top:3px solid #0a2e5d;border-radius:50%;animation:spin 1s linear infinite}.premium-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0a;border:1px solid rgba(10,46,93,.05)}.premium-empty-state .empty-illustration{width:120px;height:120px;background:linear-gradient(135deg,#0a2e5d0d,#e0591e0d);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#64748b;margin-bottom:1.5rem}.premium-empty-state h3{font-size:20px;font-weight:800;color:#0a2e5d;margin:0 0 .5rem}.premium-empty-state p{font-size:14px;color:#64748b;margin:0 0 2rem;max-width:400px}@media(max-width:768px){.groups-tab-header{flex-direction:column;gap:1rem;padding:1rem}.groups-tab-header .header-left,.groups-tab-header .header-right{width:100%}.groups-tab-header .header-right{flex-direction:row;gap:.75rem}.search-wrapper{flex:1}.search-wrapper input{width:100%}.groups-split-view{grid-template-columns:1fr;height:auto}.groups-split-view .groups-sidebar{display:none}.group-details-main{width:100%}.premium-table-wrapper{overflow-x:auto}.premium-groups-table{min-width:600px}}@media(max-width:1024px)and (min-width:769px){.groups-split-view{grid-template-columns:240px 1fr}.search-wrapper input{width:180px}}@media(max-width:640px){.groups-tab-container{gap:1rem}.groups-tab-header{padding:.875rem;border-radius:16px}.groups-tab-header .header-icon{width:42px;height:42px}.groups-tab-header .header-text h2{font-size:18px}.groups-tab-header .header-text p{font-size:12px}.premium-btn{width:100%;justify-content:center}.premium-table-wrapper{border-radius:16px}.premium-groups-table th{padding:.875rem 1rem;font-size:11px}.premium-groups-table td{padding:.875rem 1rem}.group-avatar-ring{width:40px;height:40px}.group-avatar,.name-info .name{font-size:14px}.name-info .sub{font-size:11px}.premium-modal{max-width:100%;border-radius:20px}.modal-header{padding:1.25rem 1.5rem}.modal-body{padding:1.5rem}.modal-footer{padding:1.25rem 1.5rem}}@media(max-width:480px){.groups-tab-container{gap:.875rem}.groups-tab-header{padding:.75rem}.groups-tab-header .header-icon{width:38px;height:38px}.groups-tab-header .header-text h2{font-size:16px}.groups-tab-header .header-text p{font-size:11px}.search-wrapper input{padding:8px 12px 8px 38px;font-size:13px}.premium-groups-table th{padding:.75rem .875rem;font-size:10px}.premium-groups-table td{padding:.75rem .875rem;font-size:13px}.group-avatar-ring{width:36px;height:36px}.group-avatar,.name-info .name{font-size:13px}.name-info .sub{font-size:10px}.id-badge{padding:3px 8px;font-size:12px}.premium-mode-badge{padding:3px 10px;font-size:11px}.count-badge{padding:3px 8px;font-size:12px}.action-btn{width:32px;height:32px}.premium-btn{padding:8px 16px;font-size:13px}.modal-header{padding:1rem 1.25rem}.header-titles h3{font-size:18px}.modal-body{padding:1.25rem;gap:1.25rem}.modal-footer{padding:1rem 1.25rem}.sidebar-item{padding:10px}.item-avatar{width:36px;height:36px}.item-info h4{font-size:13px}.item-info p{font-size:11px}}.st-subjects-container{display:flex;flex-direction:column;gap:24px;animation:st-fadeIn .4s ease-out}.st-header-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.st-header-info{display:flex;align-items:center;gap:1.25rem}.st-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#0a2e5d}.st-title-group .st-title{font-size:20px;font-weight:800;color:#0a2e5d;margin:0;letter-spacing:-.02em}.st-title-group .st-subtitle{font-size:13px;color:#64748b;margin:2px 0 0;font-weight:500}.st-header-actions{display:flex;align-items:center;gap:.75rem}.st-search-box{position:relative;display:flex;align-items:center}.st-search-box svg{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.st-search-box input{padding:10px 16px 10px 42px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;font-size:14px;width:240px;transition:all .3s ease;color:#0a2e5d;font-weight:500}.st-search-box input:focus{outline:none;background:#fff;border-color:#0a2e5d;box-shadow:0 0 0 4px #0a2e5d0d}.st-table-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0a;border:1px solid rgba(10,46,93,.05);overflow:hidden;min-height:400px}.st-table-wrapper{overflow-x:auto}.st-premium-table{width:100%;border-collapse:separate;border-spacing:0}.st-premium-table th{background:#f8fafc;padding:1.25rem 1.5rem;text-align:left;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9}.st-premium-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.st-table-row{transition:background .2s ease}.st-table-row:hover{background:#f8fafc}.st-subject-identity{display:flex;align-items:center;gap:1rem}.st-identity-box{width:44px;height:44px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 4px 8px #0a2e5d26}.st-identity-text{display:flex;flex-direction:column}.st-subject-name{font-weight:700;color:#0a2e5d;font-size:15px}.st-subject-id{font-size:12px;color:#94a3b8;font-weight:600}.st-teacher-grid{display:flex;flex-wrap:wrap;gap:6px;max-width:300px}.st-teacher-chip{background:#eff6ff;color:#2563eb;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid #dbeafe}.st-link-action{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;padding:6px 14px;border-radius:10px;color:#0a2e5d;text-decoration:none;font-weight:700;font-size:13px;transition:all .2s}.st-link-action:hover{background:#0a2e5d;color:#fff;transform:translateY(-2px)}.st-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:800}.st-status-pill.active{background:#ecfdf5;color:#059669}.st-status-pill.inactive{background:#fef2f2;color:#dc2626}.st-status-dot{width:6px;height:6px;border-radius:50%}.active .st-status-dot{background:#10b981;box-shadow:0 0 10px #10b98180}.inactive .st-status-dot{background:#ef4444}.st-action-group{display:flex;gap:8px;justify-content:flex-end}.st-icon-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:none;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .2s}.st-icon-btn:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.st-icon-btn.edit:hover{color:#0a2e5d}.st-icon-btn.delete:hover{color:#dc2626}.st-empty-state{padding:80px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.st-empty-icon{width:100px;height:100px;background:#f8fafc;border-radius:30px;display:flex;align-items:center;justify-content:center;color:#cbd5e1}.st-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000}.st-modal-card{background:#fff;width:100%;max-width:520px;border-radius:28px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:st-slideUp .3s cubic-bezier(.165,.84,.44,1)}.st-modal-header{padding:1.5rem 2rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9}.st-modal-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#e0591e}.st-modal-header h2{margin:4px 0 0;font-size:20px;font-weight:800;color:#0a2e5d}.st-modal-close{width:32px;height:32px;border-radius:10px;border:none;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 6px #0000000d}.st-modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;max-height:400px;overflow-y:auto}.st-form-group label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:10px}.st-select-wrapper{position:relative;display:flex;align-items:center}.st-input-icon{position:absolute;left:14px;color:#94a3b8}.st-select-wrapper select{width:100%;padding:12px 16px 12px 42px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;font-size:14px;font-weight:600;color:#0a2e5d;appearance:none}.st-teacher-selection-list{display:flex;flex-direction:column;gap:8px}.st-teacher-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#f8fafc;border:2px solid #f1f5f9;cursor:pointer;transition:all .2s}.st-teacher-option:hover{border-color:#cbd5e1}.st-teacher-option.selected{background:#eff6ff;border-color:#2563eb}.st-option-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;color:#2563eb}.selected .st-option-checkbox{background:#2563eb;border-color:#2563eb;color:#fff}.st-option-info{display:flex;flex-direction:column}.st-option-name{font-size:14px;font-weight:700;color:#1e293b}.st-option-email{font-size:12px;color:#64748b}.st-modal-footer{padding:1.5rem 2rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #f1f5f9}.st-btn-premium{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;font-weight:700;font-size:14px;border:none;cursor:pointer;box-shadow:0 4px 12px #0a2e5d33;transition:all .3s}.st-header-card .st-btn-premium{padding:10px;width:44px;height:44px;justify-content:center}.st-header-card .st-btn-premium span{display:none}.st-btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.st-btn-text{background:none;border:none;color:#64748b;font-weight:700;font-size:14px;cursor:pointer;transition:color .2s}.st-btn-text:hover{color:#0a2e5d}.st-text-right{text-align:right}.st-muted-text{color:#94a3b8}.st-muted-text.small{font-size:12px}@keyframes st-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.st-spinner{width:32px;height:32px;border:3px solid #f1f5f9;border-top:3px solid #0a2e5d;border-radius:50%;animation:st-spin 1s linear infinite}@keyframes st-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.st-header-card{flex-direction:column;gap:1rem;padding:1rem}.st-header-info,.st-header-actions{width:100%}.st-header-actions{flex-direction:row;gap:.75rem}.st-search-box{flex:1}.st-search-box input{width:100%}.st-table-wrapper{overflow-x:auto}.st-premium-table{min-width:600px}}@media(max-width:640px){.st-header-card{padding:.875rem;border-radius:16px}.st-icon-wrapper{width:42px;height:42px}.st-title-group .st-title{font-size:18px}.st-title-group .st-subtitle{font-size:12px}.st-premium-table th{padding:.875rem 1rem;font-size:11px}.st-premium-table td{padding:.875rem 1rem}}@media(max-width:480px){.st-header-card{padding:.75rem}.st-icon-wrapper{width:38px;height:38px}.st-title-group .st-title{font-size:16px}.st-title-group .st-subtitle{font-size:11px}.st-search-box input{padding:8px 12px 8px 38px;font-size:13px}.st-premium-table th{padding:.75rem .875rem;font-size:10px}.st-premium-table td{padding:.75rem .875rem;font-size:13px}.st-identity-box{width:36px;height:36px;font-size:16px}.st-subject-name{font-size:14px}.st-subject-id{font-size:11px}.st-teacher-chip{padding:3px 8px;font-size:11px}.st-icon-btn{width:32px;height:32px}}.rt-resources-container{display:flex;flex-direction:column;gap:24px;animation:rt-fadeIn .4s ease-out}.rt-header-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.rt-header-info{display:flex;align-items:center;gap:1.25rem}.rt-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#0a2e5d}.rt-title-group .rt-title{font-size:20px;font-weight:800;color:#0a2e5d;margin:0;letter-spacing:-.02em}.rt-title-group .rt-subtitle{font-size:13px;color:#64748b;margin:2px 0 0;font-weight:500}.rt-header-actions{display:flex;align-items:center;gap:.75rem}.rt-search-box{position:relative;display:flex;align-items:center}.rt-search-box svg{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.rt-search-box input{padding:10px 16px 10px 42px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;font-size:14px;width:240px;transition:all .3s ease;color:#0a2e5d;font-weight:500}.rt-search-box input:focus{outline:none;background:#fff;border-color:#0a2e5d;box-shadow:0 0 0 4px #0a2e5d0d}.rt-table-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0a;border:1px solid rgba(10,46,93,.05);overflow:hidden;min-height:400px}.rt-table-wrapper{overflow-x:auto}.rt-premium-table{width:100%;border-collapse:separate;border-spacing:0}.rt-premium-table th{background:#f8fafc;padding:1.25rem 1.5rem;text-align:left;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9}.rt-premium-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.rt-table-row{transition:background .2s ease}.rt-table-row:hover{background:#f8fafc}.rt-item-identity{display:flex;align-items:center;gap:1rem}.rt-identity-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 8px #0000001a}.rt-identity-box.type-pdf{background:linear-gradient(135deg,#ef4444,#991b1b)}.rt-identity-box.type-mp4,.rt-identity-box.type-video{background:linear-gradient(135deg,#a855f7,#6b21a8)}.rt-identity-box.type-image,.rt-identity-box.type-png,.rt-identity-box.type-jpg{background:linear-gradient(135deg,#06b6d4,#0891b2)}.rt-identity-box.type-link{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.rt-identity-box{background:linear-gradient(135deg,#64748b,#334155)}.rt-identity-text{display:flex;flex-direction:column;gap:4px}.rt-item-name{font-weight:700;color:#0a2e5d;font-size:15px}.rt-item-quick-actions{display:flex;align-items:center;gap:8px}.rt-quick-link{background:none;border:none;padding:1px 4px;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;border-radius:4px}.rt-quick-link:hover{color:#0a2e5d;background:#f1f5f9}.rt-dot-sep{color:#cbd5e1;font-size:10px}.rt-type-badge{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.rt-visibility-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700}.rt-visibility-pill.public{background:#ecfdf5;color:#059669}.rt-visibility-pill.teachers-only{background:#fff7ed;color:#c2410c}.rt-visibility-pill.students-only{background:#eff6ff;color:#1d4ed8}.rt-visibility-pill.group-only{background:#fdf2f8;color:#be185d}.rt-tag-grid{display:flex;flex-wrap:wrap;gap:6px;max-width:200px}.rt-tag-chip{background:#f1f5f9;color:#64748b;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.rt-action-group{display:flex;gap:8px;justify-content:flex-end}.rt-icon-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:none;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .2s}.rt-icon-btn:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.rt-icon-btn.edit:hover{color:#0a2e5d}.rt-icon-btn.delete:hover{color:#dc2626}.rt-empty-state{padding:80px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.rt-empty-icon{width:100px;height:100px;background:#f8fafc;border-radius:30px;display:flex;align-items:center;justify-content:center;color:#cbd5e1}.rt-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000}.rt-modal-card{background:#fff;width:100%;max-width:580px;border-radius:28px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:rt-slideUp .3s cubic-bezier(.165,.84,.44,1)}.rt-modal-header{padding:1.5rem 2rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9}.rt-modal-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#e0591e}.rt-modal-header h2{margin:4px 0 0;font-size:20px;font-weight:800;color:#0a2e5d}.rt-modal-close{width:32px;height:32px;border-radius:10px;border:none;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 6px #0000000d}.rt-modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;max-height:500px;overflow-y:auto}.rt-form-group label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:8px}.rt-input-wrapper,.rt-select-wrapper{position:relative;display:flex;align-items:center}.rt-input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.rt-input-wrapper input,.rt-select-wrapper select,.rt-modal-body textarea{width:100%;padding:12px 16px 12px 42px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;font-size:14px;font-weight:600;color:#0a2e5d;transition:all .3s}.rt-modal-body textarea{padding-left:16px;resize:none}.rt-input-wrapper input:focus,.rt-select-wrapper select:focus,.rt-modal-body textarea:focus{outline:none;background:#fff;border-color:#0a2e5d;box-shadow:0 0 0 4px #0a2e5d0d}.rt-source-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rt-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:14px;border:2px solid #f1f5f9;background:#f8fafc;color:#64748b;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.rt-toggle-btn.active{background:#eff6ff;border-color:#0a2e5d;color:#0a2e5d}.rt-file-upload-zone{border:2px dashed #e2e8f0;border-radius:16px;padding:24px;text-align:center;background:#f8fafc;transition:all .2s;position:relative}.rt-file-upload-zone:hover{border-color:#0a2e5d;background:#f1f5f9}.rt-hidden-file-input{display:none}.rt-upload-label{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;color:#64748b}.rt-upload-label svg{color:#0a2e5d}.rt-upload-text{font-weight:700;font-size:14px}.rt-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rt-modal-footer{padding:1.5rem 2rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #f1f5f9}.rt-preview-overlay{position:fixed;inset:0;background:#0a2e5d99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:40px;z-index:3000}.rt-preview-card{background:#fff;width:100%;max-width:1000px;height:100%;border-radius:32px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px #0006}.rt-preview-header{padding:1.25rem 2rem;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.rt-preview-body{flex:1;background:#f8fafc}.rt-preview-frame{width:100%;height:100%;border:none}.rt-btn-premium{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;font-weight:700;font-size:14px;border:none;cursor:pointer;box-shadow:0 4px 12px #0a2e5d33;transition:all .3s}.rt-header-card .rt-btn-premium{padding:10px;width:44px;height:44px;justify-content:center}.rt-header-card .rt-btn-premium span{display:none}.rt-btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.rt-btn-text{background:none;border:none;color:#64748b;font-weight:700;font-size:14px;cursor:pointer;transition:color .2s}.rt-btn-text:hover{color:#0a2e5d}.rt-text-right{text-align:right}.rt-muted-text{color:#94a3b8}.rt-error-box{padding:12px;background:#fef2f2;color:#dc2626;border-radius:12px;font-size:13px;font-weight:600;border:1px solid #fee2e2}@keyframes rt-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rt-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rt-spinner{width:32px;height:32px;border:3px solid #f1f5f9;border-top:3px solid #0a2e5d;border-radius:50%;animation:rt-spin 1s linear infinite}@keyframes rt-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.rt-header-card{flex-direction:column;gap:1rem;padding:1rem}.rt-header-info,.rt-header-actions{width:100%}.rt-header-actions{flex-direction:row;gap:.75rem}.rt-search-box{flex:1}.rt-search-box input{width:100%}.rt-table-wrapper{overflow-x:auto}.rt-premium-table{min-width:700px}.rt-modal-card{max-width:100%;border-radius:20px}.rt-form-row{grid-template-columns:1fr}}@media(max-width:640px){.rt-header-card{padding:.875rem;border-radius:16px}.rt-icon-wrapper{width:42px;height:42px}.rt-title-group .rt-title{font-size:18px}.rt-title-group .rt-subtitle{font-size:12px}.rt-premium-table th{padding:.875rem 1rem;font-size:11px}.rt-premium-table td{padding:.875rem 1rem}.rt-modal-header{padding:1.25rem 1.5rem}.rt-modal-body{padding:1.5rem}.rt-modal-footer{padding:1.25rem 1.5rem}}@media(max-width:480px){.rt-header-card{padding:.75rem}.rt-icon-wrapper{width:38px;height:38px}.rt-title-group .rt-title{font-size:16px}.rt-title-group .rt-subtitle{font-size:11px}.rt-search-box input{padding:8px 12px 8px 38px;font-size:13px}.rt-premium-table th{padding:.75rem .875rem;font-size:10px}.rt-premium-table td{padding:.75rem .875rem;font-size:13px}.rt-identity-box{width:36px;height:36px}.rt-item-name{font-size:14px}.rt-type-badge{padding:3px 8px;font-size:10px}.rt-visibility-pill{padding:4px 10px;font-size:11px}.rt-tag-chip{padding:2px 6px;font-size:10px}.rt-icon-btn{width:32px;height:32px}.rt-modal-header{padding:1rem 1.25rem}.rt-modal-header h2{font-size:18px}.rt-modal-body{padding:1.25rem}.rt-modal-footer{padding:1rem 1.25rem}.rt-btn-premium{padding:8px 16px;font-size:13px}}.ht-homework-container{display:flex;flex-direction:column;gap:24px;animation:ht-fadeIn .4s ease-out}.ht-header-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.ht-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;flex-wrap:nowrap}.ht-header-info{display:flex;align-items:center;gap:1.25rem}.ht-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#0a2e5d}.ht-icon-btn.back-btn{width:40px;height:40px;border-radius:12px;background:#f8fafc;border:1px solid #f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ht-icon-btn.back-btn:hover{background:#eff6ff;color:#0a2e5d;border-color:#0a2e5d}.ht-title-group .ht-title{font-size:20px;font-weight:800;color:#0a2e5d;margin:0;letter-spacing:-.02em}.ht-title-group .ht-subtitle{font-size:13px;color:#64748b;margin:2px 0 0;font-weight:500}.ht-header-stats{display:flex;gap:12px}.ht-stat-pill{display:flex;align-items:center;gap:8px;background:#f1f5f9;padding:6px 14px;border-radius:20px;color:#475569;font-size:13px;font-weight:700}.ht-search-box{position:relative;display:flex;align-items:center}.ht-search-box svg{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.ht-search-box input{padding:10px 16px 10px 42px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;font-size:14px;width:240px;transition:all .3s ease;color:#0a2e5d;font-weight:500}.ht-search-box input:focus{outline:none;background:#fff;border-color:#0a2e5d;box-shadow:0 0 0 4px #0a2e5d0d}.ht-table-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0a2e5d0a;border:1px solid rgba(10,46,93,.05);overflow:hidden;min-height:400px}.ht-table-wrapper{overflow-x:auto}.ht-premium-table{width:100%;border-collapse:separate;border-spacing:0}.ht-premium-table th{background:#f8fafc;padding:1.25rem 1.5rem;text-align:left;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9}.ht-premium-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.ht-table-row{transition:background .2s ease}.ht-table-row:hover{background:#f8fafc}.ht-item-identity{display:flex;align-items:center;gap:1rem}.ht-identity-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 4px 8px #0000001a}.ht-identity-box.type-homework{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.ht-identity-box.type-assignment{background:linear-gradient(135deg,#a855f7,#6b21a8)}.ht-identity-box.type-quiz{background:linear-gradient(135deg,#f59e0b,#d97706)}.ht-identity-box.type-project{background:linear-gradient(135deg,#10b981,#047857)}.ht-identity-box{background:linear-gradient(135deg,#64748b,#334155)}.ht-identity-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.ht-item-name{font-weight:700;color:#0a2e5d;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.ht-item-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ht-subject-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#eff6ff;color:#1d4ed8;border-radius:8px;font-size:13px;font-weight:700}.ht-date-wrapper{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px;font-weight:600}.ht-date-wrapper.past-due{color:#ef4444}.ht-status-pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:capitalize}.ht-status-pill.active{background:#ecfdf5;color:#059669}.ht-status-pill.graded{background:#eff6ff;color:#1d4ed8}.ht-status-pill.past-due{background:#fef2f2;color:#dc2626;box-shadow:0 0 0 1px #fee2e2}.ht-student-cell{display:flex;align-items:center;gap:12px}.ht-student-avatar{width:36px;height:36px;border-radius:10px;background:#f1f5f9;color:#0a2e5d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;border:1px solid #e2e8f0}.ht-student-name{font-weight:700;color:#0a2e5d;font-size:14px}.ht-email-text{font-size:13px;color:#64748b;font-weight:500}.ht-status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ht-status-badge.submitted{background:#fff7ed;color:#c2410c}.ht-status-badge.reviewed{background:#f0f9ff;color:#0369a1}.ht-score-input-group{display:flex;align-items:center;gap:8px}.ht-score-select{padding:6px 10px;border:2px solid #f1f5f9;border-radius:8px;font-weight:700;color:#0a2e5d;background:#f8fafc;cursor:pointer}.ht-action-group{display:flex;gap:8px;justify-content:flex-end}.ht-icon-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid #f1f5f9;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ht-icon-btn:hover{background:#fff;box-shadow:0 4px 12px #0a2e5d1a;transform:translateY(-2px);border-color:#0a2e5d;color:#0a2e5d}.ht-icon-btn.edit:hover{background:#eff6ff;color:#1d4ed8;border-color:#3b82f6}.ht-icon-btn.view:hover{background:#f0fdf4;color:#16a34a;border-color:#22c55e}.ht-icon-btn.chat:hover{background:#fff7ed;color:#c2410c;border-color:#f97316}.ht-score-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ht-score-btn.edit{background:#f1f5f9;color:#64748b}.ht-score-btn.save{background:#0a2e5d;color:#fff}.ht-toggle{position:relative;display:inline-block;width:44px;height:24px}.ht-toggle input{opacity:0;width:0;height:0}.ht-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e2e8f0;transition:.4s;border-radius:34px}.ht-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 3px #0000001a}.ht-toggle input:checked+.ht-toggle-slider{background-color:#0a2e5d}.ht-toggle input:checked+.ht-toggle-slider:before{transform:translate(20px)}.ht-gradable-section{background:#f8fafc;padding:1.5rem;border-radius:20px;border:1px solid #f1f5f9;margin:.5rem 0}.ht-gradable-header{display:flex;justify-content:space-between;align-items:center}.ht-gradable-title{display:block;font-weight:800;color:#0a2e5d;font-size:15px;margin-bottom:2px}.ht-gradable-desc{font-size:12px;color:#64748b;font-weight:500}.ht-score-wrapper{margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed #e2e8f0}.ht-score-wrapper label{font-size:12px;font-weight:700;color:#475569;margin-bottom:10px;display:block}.ht-score-input{letter-spacing:.05em;font-family:inherit;font-weight:800!important}.ht-modal-overlay{position:fixed;inset:0;background:#0a2e5d66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000}.ht-modal-card{background:#fff;width:100%;max-width:640px;max-height:90vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;animation:ht-slideUp .3s cubic-bezier(.165,.84,.44,1)}.ht-modal-header{padding:1.25rem 2rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;flex-shrink:0}.ht-modal-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#e0591e}.ht-modal-header h2{margin:4px 0 0;font-size:22px;font-weight:800;color:#0a2e5d}.ht-modal-close{width:36px;height:36px;border-radius:12px;border:none;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 6px #0000000d}.ht-modal-body{padding:1.75rem 2rem;overflow-y:auto;flex:1}.ht-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.ht-form-group.full-width{grid-column:1 / -1}.ht-form-group label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:8px}.ht-input-wrapper,.ht-select-wrapper{position:relative;display:flex;align-items:center}.ht-input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.ht-input-wrapper input,.ht-select-wrapper select,.ht-modal-body textarea{width:100%;padding:12px 16px 12px 42px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;font-size:14px;font-weight:600;color:#0a2e5d;transition:all .3s}.ht-modal-body textarea{padding-left:16px;resize:none}.ht-input-wrapper input:focus,.ht-select-wrapper select:focus,.ht-modal-body textarea:focus{outline:none;background:#fff;border-color:#0a2e5d;box-shadow:0 0 0 4px #0a2e5d0d}.ht-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;color:#0a2e5d;font-size:14px}.ht-checkbox-label input{display:none}.ht-checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.ht-checkbox-label input:checked+.ht-checkbox-custom{background:#0a2e5d;border-color:#0a2e5d}.ht-attachments-section{background:#f8fafc;padding:1.25rem;border-radius:18px;border:1px solid #f1f5f9}.ht-attachments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ht-attachment-btns{display:flex;gap:8px}.ht-btn-ghost{background:#fff;border:1px solid #e2e8f0;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;color:#0a2e5d;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.ht-btn-ghost:hover{background:#f1f5f9}.ht-attachments-list{display:flex;flex-direction:column;gap:10px}.ht-attachment-item{background:#fff;padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.ht-attachment-info{display:flex;align-items:center;gap:10px;flex:1}.ht-attachment-info svg{color:#64748b}.ht-attachment-name{font-size:13px;font-weight:600;color:#0a2e5d}.ht-attachment-url-input{border:none;background:none;padding:0;font-size:13px;width:100%;color:#0a2e5d}.ht-attachment-actions{display:flex;gap:4px}.ht-attachment-actions button{width:30px;height:30px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer}.ht-attachment-actions button.delete:hover{background:#fef2f2;color:#dc2626}.ht-resubmit-row{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f1f5f9}.ht-resubmit-title{display:block;font-weight:800;color:#0a2e5d;font-size:14px}.ht-resubmit-desc{font-size:12px;color:#64748b}.ht-modal-footer{padding:1.25rem 2rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #f1f5f9;flex-shrink:0}.ht-btn-premium{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;font-weight:700;font-size:14px;border:none;cursor:pointer;box-shadow:0 4px 12px #0a2e5d33;transition:all .3s}.ht-header-card .ht-btn-premium{padding:10px;width:44px;height:44px;justify-content:center}.ht-header-card .ht-btn-premium span{display:none}.ht-btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.ht-btn-text{background:none;border:none;color:#64748b;font-weight:700;font-size:14px;cursor:pointer;transition:color .2s}@keyframes ht-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ht-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ht-spinner{width:32px;height:32px;border:3px solid #f1f5f9;border-top:3px solid #0a2e5d;border-radius:50%;animation:ht-spin 1s linear infinite;margin:auto}@keyframes ht-spin{to{transform:rotate(360deg)}}.ht-text-right{text-align:right}.ht-loading-container,.ht-error-container{padding:80px 40px;text-align:center;background:#fff;border-radius:20px}.ht-error-icon{color:#dc2626;margin-bottom:20px}@media(max-width:768px){.ht-header-card{flex-direction:column;gap:1rem;padding:1rem}.ht-header-info,.ht-header-actions{width:100%}.ht-header-actions{flex-direction:row;gap:.75rem}.ht-search-box{flex:1}.ht-search-box input{width:100%}.ht-header-stats{flex-wrap:wrap}.ht-table-wrapper{overflow-x:auto}.ht-premium-table{min-width:800px}.ht-modal-card{max-width:100%;border-radius:20px}.ht-form-grid{grid-template-columns:1fr}}@media(max-width:640px){.ht-header-card{padding:.875rem;border-radius:16px}.ht-icon-wrapper{width:42px;height:42px}.ht-title-group .ht-title{font-size:18px}.ht-title-group .ht-subtitle{font-size:12px}.ht-premium-table th{padding:.875rem 1rem;font-size:11px}.ht-premium-table td{padding:.875rem 1rem}.ht-modal-header{padding:1.25rem 1.5rem}.ht-modal-body{padding:1.5rem}.ht-modal-footer{padding:1.25rem 1.5rem}.ht-gradable-section{padding:1.25rem}}@media(max-width:480px){.ht-header-card{padding:.75rem}.ht-icon-wrapper{width:38px;height:38px}.ht-title-group .ht-title{font-size:16px}.ht-title-group .ht-subtitle{font-size:11px}.ht-search-box input{padding:8px 12px 8px 38px;font-size:13px}.ht-stat-pill{padding:4px 10px;font-size:12px}.ht-premium-table th{padding:.75rem .875rem;font-size:10px}.ht-premium-table td{padding:.75rem .875rem;font-size:13px}.ht-identity-box{width:36px;height:36px}.ht-item-name{font-size:14px}.ht-subject-chip{padding:4px 10px;font-size:12px}.ht-status-pill{padding:4px 10px;font-size:11px}.ht-icon-btn{width:32px;height:32px}.ht-modal-header{padding:1rem 1.25rem}.ht-modal-header h2{font-size:18px}.ht-modal-body{padding:1.25rem}.ht-modal-footer{padding:1rem 1.25rem}.ht-btn-premium{padding:8px 16px;font-size:13px}.ht-gradable-section{padding:1rem}.ht-student-avatar{width:32px;height:32px;font-size:12px}.ht-student-name{font-size:13px}}.course-details-container{min-height:100vh;padding:24px;background:#f8fafc;background-image:radial-gradient(circle at 100% 100%,rgba(10,46,93,.03) 0,transparent 25%),radial-gradient(circle at 0% 0%,rgba(224,89,30,.03) 0,transparent 25%);display:flex;flex-direction:column;gap:24px}.course-details-header{background:#fff;padding:1.5rem 2rem;border-radius:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.header-left{display:flex;align-items:center;gap:1.5rem}.premium-back-btn{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.premium-back-btn:hover{background:var(--color-primary, #0a2e5d);color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #0a2e5d33}.header-text{display:flex;flex-direction:column;gap:4px}.course-page-title{font-size:24px;font-weight:800;color:#0a2e5d;margin:0;letter-spacing:-.02em}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b;font-weight:500}.breadcrumb-item{cursor:pointer;transition:color .2s ease;display:flex;align-items:center}.breadcrumb-item:hover{color:#0a2e5d}.breadcrumb-item.active{color:var(--color-accent, #e0591e);font-weight:700}.breadcrumb-sep{color:#cbd5e1}.header-right{display:flex;align-items:center;gap:1.5rem}.premium-status-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700}.premium-status-badge.active{background:#ecfdf5;color:#059669}.premium-status-badge.inactive{background:#fef2f2;color:#dc2626}.status-dot{width:8px;height:8px;border-radius:50%}.active .status-dot{background:#10b981;animation:pulse-green 2s infinite}.inactive .status-dot{background:#ef4444}@keyframes pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.btn-premium-edit{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0a2e5d,#1a4d8c);color:#fff;padding:10px 20px;border-radius:12px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0a2e5d33}.btn-premium-edit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.course-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.db-stat-card{background:#fff;padding:1.25rem;border-radius:20px;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 12px #0a2e0005;border:1px solid rgba(10,46,93,.03);transition:all .3s ease}.db-stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0a2e5d14;border-color:#0a2e5d1a}.db-stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.yellow .db-stat-icon{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#fff}.blue .db-stat-icon{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff}.purple .db-stat-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.green .db-stat-icon{background:linear-gradient(135deg,#34d399,#059669);color:#fff}.orange .db-stat-icon{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff}.red .db-stat-icon{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff}.db-stat-content{display:flex;flex-direction:column}.db-stat-label{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0}.db-stat-value{font-size:18px;font-weight:800;color:#0a2e5d;margin:2px 0 0}.course-main-content{display:flex;flex-direction:column;gap:1.5rem}.premium-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px #0a2e5d08;border:1px solid rgba(10,46,93,.05)}.description-card .card-header{background:#f8fafc;padding:1.25rem 2rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #f1f5f9}.description-card .card-header h3{margin:0;font-size:16px;font-weight:700;color:#0a2e5d}.description-card .card-header svg{color:#3b82f6}.description-card .card-body{padding:1.5rem 2rem}.description-card .card-body p{margin:0;line-height:1.6;color:#475569;font-size:15px}.premium-tabs-card{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0a2e5d08;border:1px solid rgba(10,46,93,.05);display:flex;flex-direction:column;overflow:hidden}.premium-tabs-header{background:#f8fafc;display:flex;padding:0 1rem;border-bottom:1px solid #f1f5f9;overflow-x:auto}.premium-tab-btn{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#64748b;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.premium-tab-btn:hover{color:#0a2e5d;background:#0a2e5d05}.premium-tab-btn.active{color:#0a2e5d;border-bottom-color:#0a2e5d;background:#fff}.premium-tab-btn svg{transition:transform .3s ease}.premium-tab-btn.active svg{color:#3b82f6;transform:scale(1.1)}.premium-tab-content{padding:1.5rem;min-height:400px}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#64748b}.premium-spinner{width:48px;height:48px;border:4px solid #f1f5f9;border-top:4px solid #0a2e5d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-card{background:#fff;border-radius:20px;padding:3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 4px 15px #0000000d}.error-card svg{color:#f87171}.error-card p{font-size:18px;color:#475569;margin:0;font-weight:600}@media(max-width:992px){.header-right{gap:1rem}}@media(max-width:768px){.course-details-header{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem}.header-right{width:100%;justify-content:space-between}.course-stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.course-stats-grid{grid-template-columns:1fr}.premium-tab-btn{padding:1rem;font-size:13px}}@media(max-width:1024px){.course-details-container{padding:1.5rem}.course-stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.premium-card .card-header,.description-card .card-header{padding:1rem 1.5rem}.premium-card .card-body,.description-card .card-body{padding:1.25rem 1.5rem}}@media(max-width:640px){.course-details-container{padding:.75rem;gap:1.25rem}.course-details-header{padding:1rem;border-radius:16px}.course-page-title{font-size:20px}.header-right{flex-direction:column;width:100%}.btn-premium-edit,.premium-status-badge{width:100%;justify-content:center}.course-stats-grid{grid-template-columns:1fr;gap:1rem}.db-stat-card{padding:1rem}.db-stat-icon{width:48px;height:48px}.premium-card{border-radius:16px}.description-card .card-header{padding:1rem 1.25rem}.description-card .card-body{padding:1.25rem}.premium-tab-content{padding:1rem;min-height:300px}}:root{--sd-primary: #0a2e5d;--sd-primary-light: #1a4d8c;--sd-secondary: #e0591e;--sd-success: #10b981;--sd-warning: #f59e0b;--sd-danger: #ef4444;--sd-info: #3b82f6;--sd-purple: #8b5cf6;--sd-bg: #f8fafc;--sd-white: #ffffff;--sd-border: #e2e8f0;--sd-text: #0f172a;--sd-text-secondary: #64748b;--sd-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--sd-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.sd-container{padding:2rem;background:var(--sd-bg);min-height:100vh;animation:sd-fadeIn .5s ease-out}.sd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.sd-spinner{width:48px;height:48px;border:4px solid var(--sd-border);border-top-color:var(--sd-primary);border-radius:50%;animation:sd-spin 1s linear infinite}.sd-loading p{font-size:16px;color:var(--sd-text-secondary);font-weight:600}.sd-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;text-align:center}.sd-error-icon{width:80px;height:80px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--sd-danger);font-weight:800}.sd-error-state h3{font-size:24px;font-weight:800;color:var(--sd-text);margin:0}.sd-error-state p{font-size:16px;color:var(--sd-text-secondary);max-width:400px}.sd-header{background:var(--sd-white);border-radius:20px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:var(--sd-shadow);border:1px solid var(--sd-border)}.sd-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.sd-header-main{display:flex;align-items:center;gap:1.5rem}.sd-back-btn{width:42px;height:42px;border-radius:12px;border:1.5px solid var(--sd-border);background:var(--sd-white);color:var(--sd-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sd-back-btn:hover{background:var(--sd-bg);border-color:var(--sd-primary);transform:translate(-3px)}.sd-breadcrumb{display:flex;align-items:center;gap:.75rem;font-size:14px;font-weight:600}.sd-breadcrumb-item{color:var(--sd-text-secondary);cursor:pointer;transition:color .2s}.sd-breadcrumb-item:hover{color:var(--sd-primary)}.sd-breadcrumb-item.active{color:var(--sd-primary);font-weight:700}.sd-breadcrumb-separator{color:var(--sd-border)}.sd-header-actions{display:flex;gap:1rem}.sd-btn-primary,.sd-btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.sd-btn-primary{background:linear-gradient(135deg,var(--sd-primary) 0%,var(--sd-primary-light) 100%);color:var(--sd-white);box-shadow:0 4px 12px #0a2e5d33}.sd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.sd-btn-secondary{background:var(--sd-white);color:var(--sd-text);border:1.5px solid var(--sd-border)}.sd-btn-secondary:hover{background:var(--sd-bg);border-color:var(--sd-primary);color:var(--sd-primary)}.sd-stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.sd-stat-card{background:var(--sd-white);border-radius:20px;padding:1.75rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--sd-shadow);border:1px solid var(--sd-border);transition:all .3s ease}.sd-stat-card:hover{transform:translateY(-4px);box-shadow:var(--sd-shadow-lg)}.sd-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--sd-white);flex-shrink:0}.sd-stat-card.blue .sd-stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.sd-stat-card.green .sd-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.sd-stat-card.orange .sd-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.sd-stat-card.purple .sd-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.sd-stat-content h3{font-size:32px;font-weight:800;color:var(--sd-text);margin:0 0 .25rem;letter-spacing:-.02em}.sd-stat-content p{font-size:14px;color:var(--sd-text-secondary);margin:0;font-weight:600}.sd-profile-card{background:var(--sd-white);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:var(--sd-shadow);border:1px solid var(--sd-border)}.sd-profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--sd-bg)}.sd-profile-left{display:flex;gap:1.5rem}.sd-avatar-ring{width:120px;height:120px;border-radius:20px;padding:4px;background:linear-gradient(135deg,var(--sd-primary) 0%,var(--sd-secondary) 100%);flex-shrink:0}.sd-avatar{width:100%;height:100%;background:var(--sd-white);border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--sd-primary);font-size:32px;overflow:hidden}.sd-avatar img{width:100%;height:100%;object-fit:cover}.sd-profile-info{display:flex;flex-direction:column;gap:.75rem}.sd-name-row{display:flex;align-items:center;gap:1rem}.sd-name-row h1{font-size:28px;font-weight:800;color:var(--sd-text);margin:0;letter-spacing:-.02em}.sd-gender-badge{width:32px;height:32px;border-radius:8px;background:var(--sd-bg);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--sd-primary)}.sd-status-badge{padding:.5rem 1rem;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sd-status-badge.active{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.sd-status-badge.inactive{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.sd-email-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--sd-bg);border:1.5px solid var(--sd-border);border-radius:10px;color:var(--sd-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:fit-content}.sd-email-chip:hover{background:var(--sd-white);border-color:var(--sd-primary);box-shadow:0 4px 12px #0a2e5d1a}.sd-student-id{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--sd-bg);border-radius:10px;color:var(--sd-text-secondary);font-size:13px;font-weight:700;font-family:monospace;width:fit-content}.sd-profile-actions{display:flex;gap:.75rem}.sd-action-btn{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--sd-border);background:var(--sd-white);color:var(--sd-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sd-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sd-action-btn.mail:hover{background:#eff6ff;border-color:var(--sd-info);color:var(--sd-info)}.sd-action-btn.chat:hover{background:#ecfdf5;border-color:var(--sd-success);color:var(--sd-success)}.sd-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.sd-info-card{display:flex;gap:1rem;padding:1.25rem;background:var(--sd-bg);border-radius:14px;border:1px solid var(--sd-border);transition:all .2s}.sd-info-card:hover{background:var(--sd-white);box-shadow:0 4px 12px #0000000d}.sd-info-icon{width:40px;height:40px;border-radius:10px;background:var(--sd-white);display:flex;align-items:center;justify-content:center;color:var(--sd-primary);flex-shrink:0}.sd-info-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.sd-info-label{font-size:12px;font-weight:700;color:var(--sd-text-secondary);text-transform:uppercase;letter-spacing:.05em}.sd-info-value{font-size:15px;font-weight:700;color:var(--sd-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-tabs-card{background:var(--sd-white);border-radius:20px;box-shadow:var(--sd-shadow);border:1px solid var(--sd-border);overflow:hidden}.sd-tabs{display:flex;gap:.5rem;padding:1.5rem 1.5rem 0;background:var(--sd-bg);border-bottom:2px solid var(--sd-border)}.sd-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:12px 12px 0 0;color:var(--sd-text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;position:relative}.sd-tab:hover{background:#0a2e5d0d;color:var(--sd-primary)}.sd-tab.active{background:var(--sd-white);color:var(--sd-primary)}.sd-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--sd-primary)}.sd-tab-content{padding:2rem}@keyframes sd-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.sd-stats-section,.sd-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sd-container,.sd-header{padding:1rem}.sd-header-content{flex-direction:column;gap:1rem}.sd-header-main{width:100%}.sd-header-actions{width:100%;justify-content:stretch}.sd-header-actions button{flex:1}.sd-stats-section{grid-template-columns:1fr}.sd-profile-header{flex-direction:column;gap:1.5rem}.sd-profile-left{flex-direction:column;align-items:center;text-align:center;width:100%}.sd-profile-info{align-items:center}.sd-name-row{flex-direction:column;gap:.75rem}.sd-name-row h1{font-size:24px}.sd-profile-actions{width:100%;justify-content:center}.sd-info-grid{grid-template-columns:1fr}.sd-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sd-tabs::-webkit-scrollbar{display:none}.sd-tab{white-space:nowrap}.sd-tab-content{padding:1.5rem}}:root{--st-primary: #0a2e5d;--st-primary-light: #1a4d8c;--st-secondary: #e0591e;--st-success: #10b981;--st-warning: #f59e0b;--st-danger: #ef4444;--st-info: #3b82f6;--st-purple: #8b5cf6;--st-bg: #f8fafc;--st-white: #ffffff;--st-border: #e2e8f0;--st-text: #0f172a;--st-text-secondary: #64748b}.st-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.st-spinner{width:40px;height:40px;border:3px solid var(--st-border);border-top-color:var(--st-primary);border-radius:50%;animation:st-spin 1s linear infinite}.st-loading p{font-size:15px;color:var(--st-text-secondary);font-weight:600}.st-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;gap:1.5rem;text-align:center}.st-empty-icon{width:80px;height:80px;background:var(--st-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--st-text-secondary)}.st-empty-state h3{font-size:20px;font-weight:800;color:var(--st-text);margin:0}.st-empty-state p{font-size:15px;color:var(--st-text-secondary);max-width:400px;margin:0}.st-stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}.st-summary-card{background:var(--st-white);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1.5px solid var(--st-border);transition:all .2s ease}.st-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.st-summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--st-white);flex-shrink:0}.st-summary-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.st-summary-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.st-summary-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.st-summary-content h4{font-size:28px;font-weight:800;color:var(--st-text);margin:0 0 .25rem;letter-spacing:-.02em}.st-summary-content p{font-size:13px;color:var(--st-text-secondary);margin:0;font-weight:600}.st-course-tab{animation:st-fadeIn .4s ease-out}.st-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.st-course-card{background:var(--st-white);border-radius:16px;border:1.5px solid var(--st-border);overflow:hidden;transition:all .3s ease;position:relative}.st-course-card.clickable{cursor:pointer}.st-course-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--st-primary)}.st-course-card:hover .st-chevron{transform:translate(4px);color:var(--st-primary)}.st-chevron{color:var(--st-text-secondary);transition:all .2s ease}.st-course-accent{height:4px;width:100%}.st-course-accent.active{background:linear-gradient(90deg,var(--st-success) 0%,#34d399 100%)}.st-course-accent.inactive{background:linear-gradient(90deg,var(--st-text-secondary) 0%,#94a3b8 100%)}.st-course-header{padding:1.5rem;display:flex;gap:1rem}.st-course-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);display:flex;align-items:center;justify-content:center;color:var(--st-primary);flex-shrink:0}.st-course-info{flex:1;min-width:0}.st-course-title{font-size:16px;font-weight:800;color:var(--st-text);margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-course-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.st-course-date{display:flex;align-items:center;gap:.5rem;font-size:13px;color:var(--st-text-secondary);font-weight:600}.st-status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;height:fit-content}.st-status-badge.active{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.st-status-badge.inactive{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.st-payments-tab{animation:st-fadeIn .4s ease-out}.st-payments-list{background:var(--st-white);border-radius:16px;border:1.5px solid var(--st-border);overflow:hidden}.st-list-header{padding:1.5rem 2rem;background:var(--st-bg);border-bottom:2px solid var(--st-border);display:flex;justify-content:space-between;align-items:center}.st-list-header h3{font-size:18px;font-weight:800;color:var(--st-text);margin:0}.st-count-badge{padding:.5rem 1rem;background:var(--st-white);border-radius:20px;font-size:12px;font-weight:700;color:var(--st-text-secondary);border:1px solid var(--st-border)}.st-payment-cards{display:flex;flex-direction:column}.st-payment-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--st-border);transition:all .2s ease}.st-payment-card:last-child{border-bottom:none}.st-payment-card:hover{background:var(--st-bg)}.st-payment-left{display:flex;gap:1.25rem;align-items:center;flex:1;min-width:0}.st-payment-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--st-white);flex-shrink:0}.st-payment-icon.paid{background:linear-gradient(135deg,#10b981,#059669)}.st-payment-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.st-payment-icon.overdue{background:linear-gradient(135deg,#ef4444,#dc2626)}.st-payment-info{flex:1;min-width:0}.st-payment-info h4{font-size:15px;font-weight:700;color:var(--st-text);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-payment-meta{display:flex;gap:1rem;flex-wrap:wrap}.st-payment-date,.st-payment-method{display:flex;align-items:center;gap:.5rem;font-size:13px;color:var(--st-text-secondary);font-weight:600}.st-payment-invoice{display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:8px;font-size:12px;font-weight:700;color:#1e40af;font-family:Courier New,Courier,monospace;letter-spacing:.02em}.st-payment-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.st-payment-amount{font-size:20px;font-weight:800;color:var(--st-text);letter-spacing:-.02em}.st-payment-status{display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.st-payment-status.paid{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.st-payment-status.pending{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.st-payment-status.overdue{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}@keyframes st-spin{to{transform:rotate(360deg)}}.st-documents-tab{animation:st-fadeIn .4s ease-out}.st-documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.st-documents-header h3{font-size:20px;font-weight:800;color:var(--st-text);margin:0 0 .25rem}.st-documents-header p{font-size:14px;color:var(--st-text-secondary);margin:0}.st-add-document-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--st-primary) 0%,var(--st-primary-light) 100%);color:var(--st-white);border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.st-add-document-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0a2e5d33}.st-documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem}.st-document-card{background:var(--st-white);border:1.5px solid var(--st-border);border-radius:16px;padding:1.5rem;display:flex;gap:1rem;transition:all .2s ease}.st-document-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014;border-color:var(--st-primary)}.st-document-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0a2e5d1a,#0a2e5d0d);display:flex;align-items:center;justify-content:center;color:var(--st-primary);flex-shrink:0}.st-document-info{flex:1;min-width:0}.st-document-info h4{font-size:15px;font-weight:700;color:var(--st-text);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-document-desc{font-size:13px;color:var(--st-text-secondary);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.st-document-meta{display:flex;align-items:center;gap:.5rem;font-size:13px;color:var(--st-text-secondary);font-weight:500}.st-document-meta span{white-space:nowrap;display:flex;align-items:center}.st-document-actions{display:flex;gap:.5rem;align-items:flex-start}.st-action-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.st-action-btn.download{background:#eff6ff;color:#2563eb}.st-action-btn.download:hover{background:#2563eb;color:#fff}.st-action-btn.delete{background:#fee2e2;color:#ef4444}.st-action-btn.delete:hover{background:#ef4444;color:#fff}.st-action-btn.view{background:#f0fdf4;color:#16a34a}.st-action-btn.view:hover{background:#16a34a;color:#fff}.st-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:st-fadeIn .2s ease-out}.st-modal-content{background:var(--st-white);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.st-modal-header{padding:1.5rem 2rem;border-bottom:2px solid var(--st-border);display:flex;justify-content:space-between;align-items:center}.st-modal-header h3{font-size:18px;font-weight:800;color:var(--st-text);margin:0}.st-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:var(--st-bg);color:var(--st-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.st-modal-close:hover{background:var(--st-border);color:var(--st-text)}.st-form-group{margin-bottom:1.5rem}.st-form-group:last-child{margin-bottom:0}.st-form-group label{display:block;font-size:14px;font-weight:700;color:var(--st-text);margin-bottom:.5rem}.st-file-input-wrapper{position:relative}.st-file-input-label{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--st-bg);border:2px dashed var(--st-border);border-radius:12px;font-size:14px;font-weight:600;color:var(--st-text-secondary);cursor:pointer;transition:all .2s ease}.st-file-input-label:hover{border-color:var(--st-primary);background:#0a2e5d0d;color:var(--st-primary)}.st-input,.st-textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--st-border);border-radius:12px;font-size:14px;font-family:inherit;color:var(--st-text);transition:all .2s ease}.st-input:focus,.st-textarea:focus{outline:none;border-color:var(--st-primary);box-shadow:0 0 0 3px #0a2e5d1a}.st-textarea{resize:vertical;min-height:80px}.st-modal-footer{padding:1.5rem 2rem;border-top:2px solid var(--st-border);display:flex;gap:1rem;justify-content:flex-end}.st-btn-primary,.st-btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.st-btn-primary{background:linear-gradient(135deg,var(--st-primary) 0%,var(--st-primary-light) 100%);color:var(--st-white)}.st-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0a2e5d33}.st-btn-primary:disabled{opacity:.5;cursor:not-allowed}.st-btn-secondary{background:var(--st-bg);color:var(--st-text-secondary)}.st-btn-secondary:hover:not(:disabled){background:var(--st-border);color:var(--st-text)}.st-view-modal{max-width:90vw;max-height:90vh;width:auto}.st-view-modal-body{padding:0;display:flex;align-items:center;justify-content:center;min-height:400px;max-height:calc(90vh - 120px);overflow:auto;background:var(--st-bg)}.st-view-image{max-width:100%;max-height:calc(90vh - 120px);object-fit:contain}.st-view-iframe{width:100%;height:calc(90vh - 120px);border:none}.st-view-unsupported{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;color:var(--st-text-secondary)}.st-view-unsupported p{font-size:15px;margin:0}.st-spinner-small{animation:st-spin 1s linear infinite}.st-records-container{animation:st-fade-in .3s ease;display:flex;flex-direction:column;gap:1.5rem}.st-records-header-view{display:flex;align-items:center;gap:1.5rem;padding:.5rem 0}.st-back-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--st-white);border:1.5px solid var(--st-border);border-radius:10px;font-size:14px;font-weight:700;color:var(--st-text-secondary);cursor:pointer;transition:all .2s ease}.st-back-button:hover{background:var(--st-bg);border-color:var(--st-primary);color:var(--st-primary);transform:translate(-3px)}.st-course-detail-summary h2{margin:0;font-size:20px;font-weight:800;color:var(--st-primary)}.st-detail-meta{display:flex;gap:1.25rem;margin-top:.5rem;color:var(--st-text-secondary);font-size:13px;font-weight:600}.st-detail-meta span{display:flex;align-items:center;gap:.4rem}.st-records-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.st-records-stats-grid.wide{grid-template-columns:1fr 1.5fr}.st-record-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--st-white);border-radius:16px;box-shadow:0 4px 12px #0a2e5d0a;border:1px solid var(--st-border-light)}.st-stat-icon.purple{background:#9333ea1a;color:#9333ea}.st-stat-icon.gold{background:#ca8a041a;color:#ca8a04}.st-stat-value{font-size:18px;font-weight:800;color:var(--st-primary)}.st-total-grade-val{display:flex;align-items:baseline;gap:.4rem;margin-top:.5rem}.st-total-grade-val .current{font-size:32px;font-weight:800;color:var(--st-primary)}.st-total-grade-val .separator{font-size:20px;color:var(--st-text-secondary);opacity:.5}.st-total-grade-val .total{font-size:18px;font-weight:600;color:var(--st-text-secondary)}.st-record-stat-card.attendance{flex:2}.st-attendance-pie-grid{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.st-attendance-pie{height:160px;width:100%;display:flex;justify-content:center}.st-attendance-legend{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%}.st-attendance-legend-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .75rem;border-radius:10px;background:var(--st-bg);transition:all .2s ease;flex:1;min-width:fit-content;white-space:nowrap}.st-attendance-legend-row:hover{background:var(--st-white);box-shadow:0 4px 12px #0a2e5d0d}.st-legend-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.st-legend-info{display:flex;align-items:center;gap:.5rem}.st-legend-name{font-size:13px;font-weight:700;color:var(--st-text-primary)}.st-legend-meta{font-size:12px;font-weight:800;color:var(--st-primary)}.st-stat-icon.gold.large{background:#eab3081a;color:#ca8a04;width:80px;height:80px;border-radius:20px}.st-attendance-summary-table{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;width:100%}.st-att-row{display:flex;align-items:center;gap:.75rem;padding:.45rem .75rem;background:var(--st-bg);border-radius:8px;font-size:13px}.st-att-row .dot{width:8px;height:8px;border-radius:50%}.st-att-row .dot.present{background:#16a34a}.st-att-row .dot.absent{background:#dc2626}.st-att-row .dot.late{background:#d97706}.st-att-row .dot.total{background:var(--st-primary)}.st-att-row .lbl{flex:1;font-weight:600;color:var(--st-text-secondary)}.st-att-row .val{font-weight:700;color:var(--st-primary)}.st-stat-icon.large{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.st-stat-label{font-size:13px;color:var(--st-text-secondary);font-weight:600}.st-records-tabs{display:flex;gap:.5rem;background:#0a2e5d08;padding:.4rem;border-radius:12px;width:fit-content}.st-record-tab{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;border:none;border-radius:8px;font-size:14px;font-weight:700;color:var(--st-text-secondary);background:transparent;cursor:pointer;transition:all .2s ease}.st-record-tab.active{background:var(--st-primary);color:var(--st-white);box-shadow:0 4px 8px #0a2e5d26}.st-records-content{background:var(--st-white);border-radius:16px;border:1px solid var(--st-border-light);overflow:hidden}.st-records-table{width:100%;border-collapse:collapse}.st-records-table th{text-align:left;padding:1rem 1.5rem;background:var(--st-bg);color:var(--st-text-secondary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--st-border)}.st-records-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--st-border-light);font-size:14px;color:var(--st-text)}.st-records-table tr:last-child td{border-bottom:none}.st-record-badge{display:inline-flex;padding:.35rem .75rem;border-radius:8px;font-size:12px;font-weight:700;text-transform:capitalize}.st-record-badge.present,.st-record-badge.graded,.st-record-badge.submitted{background:#22c55e1a;color:#16a34a}.st-record-badge.absent{background:#ef44441a;color:#dc2626}.st-record-badge.late{background:#f59e0b1a;color:#d97706}.st-record-badge.pending{background:#64748b1a;color:#64748b}.st-score-val{font-weight:700;color:var(--st-primary)}.st-score-pending{color:var(--st-text-secondary);font-style:italic}.st-record-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;color:var(--st-text-secondary)}.st-loading-records{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.st-attendance-calendar{padding:1.5rem;background:var(--st-white);border-radius:16px;animation:st-fade-in .4s ease}.st-cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.st-cal-header h3{margin:0;font-size:20px;font-weight:800;color:var(--st-primary);text-transform:capitalize}.st-cal-nav{display:flex;gap:.75rem}.st-cal-nav button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1.5px solid var(--st-border);background:var(--st-white);color:var(--st-text-secondary);cursor:pointer;transition:all .2s ease}.st-cal-nav button:hover{border-color:var(--st-primary);color:var(--st-primary);background:var(--st-bg);transform:scale(1.05)}.st-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:1rem;border-bottom:2px solid var(--st-border-light);padding-bottom:.75rem}.st-cal-weekdays .weekday{text-align:center;font-size:12px;font-weight:700;color:var(--st-text-secondary);text-transform:uppercase;letter-spacing:.05em}.st-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.st-cal-day{aspect-ratio:1;border-radius:16px;background:var(--st-bg);padding:.75rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1);border:1.5px solid transparent}.st-cal-day.today{border-color:#f59e0b;background:#f59e0b14;box-shadow:0 0 0 4px #f59e0b26}.st-cal-day.today .day-num{color:#d97706}.st-cal-day.empty{background:transparent;border:none}.st-cal-day.has-record{background:var(--st-white);box-shadow:0 4px 15px #0a2e5d0a;border-color:var(--st-border-light)}.st-cal-day:hover:not(.empty){transform:translateY(-2px);box-shadow:0 8px 16px #0a2e5d14;border-color:var(--st-primary)}.day-num{font-size:13px;font-weight:700;color:var(--st-text-secondary)}.st-cal-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:10px;font-size:11px;font-weight:800;width:100%;margin:.5rem 0}.st-cal-status .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-lbl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.st-cal-status.present{background:#22c55e1a;color:#16a34a}.st-cal-status.present .dot{background:#16a34a}.st-cal-status.absent{background:#ef44441a;color:#dc2626}.st-cal-status.absent .dot{background:#dc2626}.st-cal-status.late{background:#f59e0b1a;color:#d97706}.st-cal-status.late .dot{background:#d97706}.st-cal-status.excused{background:#9333ea1a;color:#9333ea}.st-cal-status.excused .dot{background:#9333ea}.st-cal-details{display:flex;flex-direction:column;gap:2px;margin-top:4px;overflow:hidden}.st-cal-subject{font-size:11px;font-weight:800;color:var(--st-primary);background:#0a2e5d0f;padding:2px 8px;border-radius:6px;width:fit-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;display:inline-block}.st-cal-teacher{font-size:9px;font-weight:500;color:var(--st-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.st-course-grid,.st-documents-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.st-cal-grid{gap:4px}.st-cal-day{padding:4px;border-radius:8px}.status-lbl{display:none}.st-cal-status{padding:0;background:transparent;justify-content:center}.st-cal-status .dot{width:8px;height:8px}.st-stats-summary,.st-course-grid,.st-documents-grid{grid-template-columns:1fr}.st-documents-header{flex-direction:column;gap:1rem;align-items:flex-start}.st-add-document-btn{width:100%;justify-content:center}.st-list-header{flex-direction:column;gap:1rem;align-items:flex-start}.st-records-header-view{flex-direction:column;align-items:flex-start;gap:1rem}.st-records-stats-grid.wide{grid-template-columns:1fr}.st-payment-card{flex-direction:column;align-items:flex-start;gap:1rem}.st-payment-left{width:100%}.st-payment-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}.contract-offline-modal{background:#fff;padding:20px;border-radius:8px;max-width:700px;margin:auto;position:relative}.contract-page{font-family:PT Sans Narrow,sans-serif}.top-table{width:100%;border-collapse:collapse}.top-table th,.top-table td{text-align:left;border:1px solid #ccc}.col-1{width:70%}.col-2{width:10%}.col-3{width:20%}.top-table tr:first-child td{border-bottom:2px dotted #888}.row-3{display:flex}.row-3 div{border-right:1px solid #ccc}.row-3 div:last-child{border-right:none}.top-table tr:nth-child(3) .top-table td:first-child{border-right:2px dotted #888}.top-table tr:nth-child(3) .top-table td:last-child{border-right:2px dotted #888}.information-table{width:100%}.information-table td{vertical-align:top;font-size:12px}.contract-popup-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000}.contract-popup{position:relative;background:#fff;padding:20px;width:80%;height:auto;box-shadow:0 5px 15px #0000004d;border-radius:10px;overflow-y:auto;height:80%}.contract-close-btn{position:absolute;right:20px;top:20px;background-color:transparent;font-size:25px;border:none;cursor:pointer}.contract-close-btn:hover{color:red}.contract-form-container{display:flex;flex-direction:column;gap:20px;padding:25px;border:1px solid #ccc;border-radius:8px;background:#f9f9f9;max-width:600px;margin:0 auto}.contract-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;flex-direction:column;gap:10px}.contract-form label{font-weight:700;color:#555}.contract-form input,.contract-form select,.contract-form textarea{width:100%;padding:12px;font-size:14px;border:1px solid #ccc;border-radius:4px;transition:.3s}.contract-form input:focus,.contract-form select:focus,.contract-form textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.stamp_image{z-index:100000}.bilingual-container{max-width:1200px;margin:0 auto;font-family:Times New Roman,serif;font-size:10px;line-height:1.5}.header-rows,.content-rows,.section-rows{display:flex}.content-rows,.section-rows{padding:1px;gap:5px}.column{width:50%;padding:2px;box-sizing:border-box}.document-title{font-size:10px;font-weight:700;text-align:center}.document-date{text-align:center}.section-titles{font-size:12px;font-weight:700;margin-bottom:3px;text-align:center}.paragraph{font-size:12px;margin-bottom:0;text-align:justify;text-indent:20px}.para{text-align:justify;font-size:12px}.page-break{page-break-before:always;break-before:page}.container{margin:0;padding:10px;font-family:Arial,sans-serif;line-height:1.6;color:#000;box-sizing:border-box}.border-table{border-collapse:collapse;width:100%;margin:auto}.border-table th,.border-table td{border:2px solid #000;padding:5px;text-align:left;font-size:14px}.heading{font-size:25px;font-weight:700;text-decoration:underline;margin-bottom:20px;text-align:left}.info-table{width:100%;margin-bottom:10px}.info-table td{padding:10px;vertical-align:top;font-size:14px}.signature-box{width:100%;height:60px;border-bottom:2px solid #000;margin-top:10px}.actions{text-align:center;margin-top:20px;display:flex;justify-content:space-between;gap:10px}.btn{background-color:#4caf50;color:#fff;padding:12px 25px;font-size:16px;border:none;cursor:pointer;transition:.3s;border-radius:4px}.btn:hover{background-color:#45a049}.akt-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center}.akt-popup{background:#fff;padding:30px;width:80%;max-height:90%;overflow-y:auto;box-shadow:0 5px 15px #0000004d;border-radius:8px;position:relative}.close-btn{position:absolute;top:15px;right:20px;font-size:24px;color:#000;background:transparent;border:none;cursor:pointer;transition:.3s}.close-btn:hover{color:red}hr{height:2px;color:#000;background:#000;margin:15px 0}.signature-table{width:100%;margin-top:30px}.signature-table td{padding:10px;vertical-align:bottom}.signature-table .signature-line{border-bottom:2px solid #000;height:60px}.akt-form-container{display:flex;flex-direction:column;gap:15px;padding:20px;border:1px solid #ccc;border-radius:8px;background:#f9f9f9;margin-bottom:20px}.akt-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.akt-form label{font-weight:700;margin-bottom:5px;color:#555}.akt-form input,.akt-form select,.akt-form textarea{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px;transition:.3s}.akt-form input:focus,.akt-form select:focus,.akt-form textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.edit-btn{background:#007bff;color:#fff;transition:.3s}.edit-btn:hover{background:#0056b3}.pdf-btn{background:#28a745;color:#fff;transition:.3s}.pdf-btn:hover{background:#218838}@media(max-width:768px){.akt-popup{width:95%;padding:20px}form{grid-template-columns:1fr}.btn{width:100%;margin:5px 0}}@media(max-width:480px){.akt-popup{width:100%;padding:15px}.form-container{padding:15px}form label,form input{font-size:14px}}.meeting-shell{height:100vh;width:100vw;overflow:hidden;background:#0b1220;position:relative;padding:0;margin:0}.meeting-frame-wrapper{width:100%;height:100%;display:block}.meeting-frame-card{width:100%;height:100%;border:none;background:#000;position:relative}.meeting-frame-card iframe{border:none;width:100%;height:100%;display:block}.meeting-fab-back,.meeting-fab-refresh{position:fixed;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0f172ab3;color:#fff;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:999;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d}.meeting-fab-back{top:20px;left:20px}.meeting-fab-refresh{bottom:20px;right:20px}.meeting-fab-back:hover,.meeting-fab-refresh:hover{background:#1e293be6;transform:scale(1.1);border-color:#ffffff4d;box-shadow:0 0 15px #ffffff1a}.meeting-loading{position:absolute;inset:0;display:grid;place-items:center;background:#0b1220;color:#e2e8f0;font-weight:600;z-index:100}.meeting-room-empty{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1220;color:#e2e8f0;text-align:center;gap:12px;padding:20px}.meeting-room-empty h3{margin:0;font-size:1.5rem}.meeting-room-empty p{opacity:.7}:root{--app-primary: #1e293b;--app-accent: var(--color-accent);--app-success: #10b981;--app-warning: #f59e0b;--app-danger: #ef4444;--app-background: #f8fafc;--app-surface: #ffffff;--app-border: #e2e8f0;--app-text: #1e293b;--app-text-muted: #64748b;--app-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}.application-page-container{padding:2rem;background:var(--app-background);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.application-header{background:#fff;padding:1.5rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.application-header-content{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:2rem;font-weight:800;color:var(--app-primary);margin:0;letter-spacing:-.02em}.application-header-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:1rem;font-weight:700;font-size:.938rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.application-stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid rgba(226,232,240,.5);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-icon{width:3.5rem;height:3.5rem;border-radius:1.125rem;display:flex;align-items:center;justify-content:center}.stat-icon.pending{background:#fff7ed;color:#f97316}.stat-icon.accepted{background:#f0fdf4;color:#22c55e}.stat-icon.rejected{background:#fef2f2;color:#ef4444}.stat-content h3{font-size:1.5rem;font-weight:800;color:var(--app-primary);margin:0}.stat-content p{font-size:.813rem;font-weight:600;color:var(--app-text-muted);margin:.25rem 0 0}.application-filters-results{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:center}.application-search-box{flex:1;position:relative;max-width:450px}.application-search-icon{position:absolute;left:1.125rem;top:50%;transform:translateY(-50%);color:var(--app-text-muted);pointer-events:none}.application-search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border-radius:1.125rem;border:2px solid var(--app-border);background:#fff;font-size:.938rem;font-weight:500;transition:all .3s}.application-search-input:focus{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 4px #1e293b14}.application-filter-dropdown-bubble{position:relative}.application-filter-trigger{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#fff;border:2px solid var(--app-border);border-radius:1.125rem;cursor:pointer;font-weight:700;color:var(--app-text-muted);transition:all .2s}.application-filter-trigger:hover{border-color:var(--app-primary);color:var(--app-primary)}.application-filter-display{min-width:100px;font-size:.938rem}.application-chevron{transition:transform .3s}.application-chevron.application-open{transform:rotate(180deg)}.application-filter-bubble{position:absolute;top:calc(100% + 12px);right:0;background:#fff;border-radius:1.25rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;border:1px solid var(--app-border);min-width:220px;z-index:100;overflow:hidden;animation:bubbleIn .2s ease-out}@keyframes bubbleIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.application-bubble-arrow{position:absolute;top:-6px;right:24px;width:12px;height:12px;background:#fff;border-top:1px solid var(--app-border);border-left:1px solid var(--app-border);transform:rotate(45deg)}.application-filter-options{padding:.5rem}.application-filter-option{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-radius:.75rem;cursor:pointer;transition:all .2s;font-weight:600;color:var(--app-text-muted)}.application-filter-option:hover{background:#f1f5f9;color:var(--app-primary)}.application-filter-option.application-selected{background:#eff6ff;color:var(--app-accent)}.application-status-indicator{width:.625rem;height:.625rem;border-radius:50%}.application-status-indicator.application-all{background:#94a3b8}.application-status-indicator.application-pending{background:#f97316}.application-status-indicator.application-contacted{background:#3b82f6}.application-status-indicator.application-accepted{background:#22c55e}.application-status-indicator.application-rejected{background:#ef4444}.application-table-card{background:#fff;border-radius:1.5rem;border:1px solid var(--app-border);box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.application-table-wrapper{overflow-x:auto}.application-table-premium{width:100%;border-collapse:separate;border-spacing:0}.application-table-premium th{background:#f8fafc;padding:1.25rem 1.5rem;text-align:left;font-size:.813rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--app-text-muted);border-bottom:2px solid #f1f5f9}.application-tr{transition:all .2s;cursor:pointer}.application-tr:hover{background:#f8fafc}.application-table-premium td{padding:1.125rem 1.5rem;border-bottom:1px solid #f1f5f9;font-size:.938rem;color:var(--app-text)}.application-student-info{display:flex;align-items:center;gap:1rem}.application-avatar{width:2.75rem;height:2.75rem;background:#f1f5f9;color:var(--app-primary);border-radius:.875rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem;border:2px solid white;box-shadow:0 4px 6px #0000000d}.application-name{font-weight:700;color:var(--app-primary)}.application-course-tag{background:#f1f5f9;color:#1e293b;padding:.35rem .75rem;border-radius:.75rem;font-size:.813rem;font-weight:600;display:inline-block}.application-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.application-status-badge.pending{background:#ffedd5;color:#9a3412}.application-status-badge.contacted{background:#dbeafe;color:#1e40af}.application-status-badge.accepted{background:#dcfce7;color:#166534}.application-status-badge.rejected{background:#fee2e2;color:#991b1b}.application-actions-td{width:0;white-space:nowrap}.application-action-group{display:flex;gap:.5rem}.application-btn-premium{width:2.25rem;height:2.25rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--app-border);background:#fff;color:var(--app-text-muted);cursor:pointer;transition:all .2s}.application-btn-premium:hover{transform:scale(1.1);border-color:var(--app-primary);color:var(--app-primary)}.application-btn-premium.mail:hover{color:#dc2626;border-color:#fca5a5}.application-btn-premium.whatsapp:hover{color:#16a34a;border-color:#86efac}.application-btn-premium.telegram:hover{color:#0284c7;border-color:#7dd3fc}.application-btn-premium.max:hover{color:#ea580c;border-color:#fdba74}.application-btn-premium.invoice:hover{color:#7c3aed;border-color:#c4b5fd}.application-btn-premium.edit:hover{color:var(--app-accent);border-color:#bfdbfe}.application-btn-premium.delete:hover{color:var(--app-danger);border-color:#fecaca}.application-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.application-premium-modal{background:#fff;width:100%;max-width:800px;max-height:90vh;border-radius:2rem!important;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:applicationModalIn .3s cubic-bezier(.4,0,.2,1)}@keyframes applicationModalIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.application-modal-header{padding:1.5rem 2.5rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--app-border)}.application-modal-header-title{display:flex;align-items:center;gap:1.25rem}.application-modal-title-icon{width:3rem;height:3rem;background:var(--app-primary);color:#fff;border-radius:1rem;display:flex;align-items:center;justify-content:center}.application-modal-header-title h2{font-size:1.25rem;font-weight:800;color:var(--app-primary);margin:0}.application-modal-header-title p{font-size:.813rem;color:var(--app-text-muted);margin:.125rem 0 0;font-weight:500}.application-modal-close-btn{background:#fff;border:1.5px solid var(--app-border);color:var(--app-text-muted);width:2.5rem;height:2.5rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.application-modal-close-btn:hover{color:var(--app-danger);background:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)}.application-modal-body{padding:2.5rem;overflow-y:auto}.application-modal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.application-modal-form-group.application-full-width{grid-column:span 2}.application-modal-form-group label{display:block;font-size:.813rem;font-weight:700;color:var(--app-primary);margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.025em}.LmsBubbleSelect_Container{display:flex;flex-direction:column;position:relative;width:100%}.LmsBubbleSelect_Trigger{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#f8fafc;border:2px solid var(--app-border);border-radius:1.125rem;cursor:pointer;font-weight:700;color:var(--app-text);transition:all .2s;font-size:.938rem}.LmsBubbleSelect_Trigger:hover:not(.disabled){border-color:var(--app-primary);background:#fff}.LmsBubbleSelect_Trigger.open{border-color:var(--app-primary);background:#fff;box-shadow:0 0 0 4px #1e293b0d}.LmsBubbleSelect_Trigger.disabled{opacity:.7;cursor:not-allowed;background:#f1f5f9}.LmsBubbleSelect_Icon{color:var(--app-text-muted)}.LmsBubbleSelect_Chevron{color:var(--app-text-muted);transition:transform .3s}.LmsBubbleSelect_Bubble{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border-radius:1.25rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--app-border);z-index:100;overflow:hidden;animation:iv-bubbleIn .2s ease-out}.LmsBubbleSelect_Arrow{position:absolute;top:-6px;left:24px;width:12px;height:12px;background:#fff;border-top:1px solid var(--app-border);border-left:1px solid var(--app-border);transform:rotate(45deg)}.LmsBubbleSelect_SearchWrapper{padding:.625rem .75rem;border-bottom:1px solid var(--app-border);display:flex;align-items:center;gap:.625rem;background:#fff;margin:.25rem .25rem 0;border-radius:.625rem}.LmsBubbleSelect_SearchIcon{color:var(--app-text-muted);flex-shrink:0}.LmsBubbleSelect_SearchInput{flex:1;border:none;background:transparent;outline:none;font-size:.875rem;color:var(--app-text);font-weight:600;padding:0}.LmsBubbleSelect_SearchInput::placeholder{color:var(--app-text-muted);font-weight:500}.LmsBubbleSelect_Options{padding:.5rem;max-height:250px;overflow-y:auto}.LmsBubbleSelect_Option{padding:.75rem 1rem;border-radius:.75rem;cursor:pointer;transition:all .2s;font-weight:600;color:var(--app-text-muted);font-size:.875rem}.LmsBubbleSelect_Option:hover{background:#f1f5f9;color:var(--app-primary)}.LmsBubbleSelect_Option.selected{background:#eff6ff;color:var(--app-accent)}.LmsBubbleSelect_NoResults{padding:1rem;text-align:center;color:var(--app-text-muted);font-size:.875rem;font-weight:500}.application-required{color:var(--app-danger)}.application-modal-form-group input,.application-modal-form-group select,.application-modal-form-group textarea,.application-modal-select{width:100%;padding:.875rem 1.125rem;border-radius:1rem;border:2px solid var(--app-border);font-size:.938rem;font-weight:500;background:#fcfcfd;transition:all .3s}.application-modal-form-group input:focus,.application-modal-form-group select:focus,.application-modal-form-group textarea:focus{outline:none;border-color:var(--app-primary);background:#fff;box-shadow:0 0 0 4px #1e293b14}.application-modal-checkbox-group{grid-column:span 2;background:#f8fafc;padding:1.25rem;border-radius:1.25rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border:1px dashed var(--app-border)}.application-modal-checkbox-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;color:var(--app-text-muted);font-size:.875rem}.application-modal-checkbox-item input{width:auto;width:1.125rem;height:1.125rem;border-radius:.375rem;border:2px solid var(--app-border)}.application-modal-footer{padding:1.5rem 2.5rem;background:#f8fafc;border-top:1px solid var(--app-border);display:flex;justify-content:flex-end;gap:1.25rem}.application-modal-btn-primary{background:linear-gradient(135deg,var(--web-primary) 0%,#1a4d8c 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0a2e5d40}.application-modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.application-modal-btn-ghost{padding:.875rem 1.5rem;font-weight:700;color:var(--app-text-muted);background:transparent;border:none;cursor:pointer;transition:color .2s}.application-modal-btn-ghost:hover{color:var(--app-primary)}.application-modal-spinner{width:1.5rem;height:1.5rem;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1200px){.application-page-container{padding:1.5rem}.application-header{padding:1.25rem 1.5rem}}@media(max-width:1024px){.application-stats-section{grid-template-columns:repeat(2,1fr);gap:1.25rem}.page-title{font-size:1.75rem}}@media(max-width:768px){.application-header-content{flex-direction:column;align-items:flex-start;gap:1.25rem}.application-header-actions{width:100%}.application-header-actions .button-primary{width:100%;justify-content:center}.application-filters-results{flex-direction:column;align-items:stretch;gap:1rem}.application-search-box{max-width:100%}.application-filter-dropdown-bubble{width:100%}.application-filter-trigger{justify-content:space-between}.application-filter-bubble{width:100%;right:auto;left:0}.application-table-premium th,.application-table-premium td{padding:1rem}}@media(max-width:640px){.application-stats-section{grid-template-columns:1fr;gap:1rem}.application-page-container{padding:1rem}.application-header{padding:1.25rem;margin-bottom:1.5rem}.page-title{font-size:1.5rem}.application-modal-body{padding:1.5rem}.application-modal-form-grid{grid-template-columns:1fr;gap:1.25rem}.application-modal-checkbox-group{grid-template-columns:1fr;padding:1rem}.application-modal-footer{padding:1.25rem 1.5rem;flex-direction:column-reverse}.application-modal-btn-primary,.application-modal-btn-ghost{width:100%;justify-content:center}}@media(max-width:480px){.application-avatar{width:2.25rem;height:2.25rem;font-size:.75rem}.application-student-info{gap:.75rem}.application-name,.application-table-premium td{font-size:.875rem}.application-action-group{gap:.375rem}.application-btn-premium{width:2rem;height:2rem}}:root{--iv-primary: #2563eb;--iv-primary-light: #eff6ff;--iv-success: #10b981;--iv-warning: #f59e0b;--iv-danger: #ef4444;--iv-text-main: #1e293b;--iv-text-muted: #64748b;--iv-bg-main: #ffffff;--iv-bg-alt: #f8fafc;--iv-border: #e2e8f0;--iv-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}.LmsInvoice_ModalOverlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:iv-fadeIn .3s ease-out}.LmsInvoice_Container{position:relative;background:var(--iv-bg-main);border-radius:20px;width:100%;max-width:900px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--iv-shadow);overflow:hidden;border:1px solid var(--iv-border);animation:iv-slideUp .4s cubic-bezier(.16,1,.3,1)}.LmsInvoice_Header{padding:20px 28px;border-bottom:2px solid var(--iv-border);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#fff,#f8fafc);flex-shrink:0}.LmsInvoice_TitleGroup h2{font-size:22px;font-weight:800;color:var(--iv-text-main);margin:0;letter-spacing:-.5px}.LmsInvoice_TitleGroup p{color:var(--iv-text-muted);font-size:13px;margin:4px 0 0}.LmsInvoice_CloseBtn{background:var(--iv-bg-alt);border:1px solid var(--iv-border);color:var(--iv-text-muted);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.LmsInvoice_CloseBtn:hover{background:var(--iv-danger);color:#fff;border-color:var(--iv-danger)}.LmsInvoice_Content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.LmsInvoice_Grid{display:flex;flex-direction:column;gap:24px}.LmsInvoice_InfoCard{background:var(--iv-primary-light);border-radius:12px;padding:12px 14px;border:1px solid #bfdbfe;display:flex;justify-content:space-between}.LmsInvoice_StudentInfo h4{font-size:10px;text-transform:uppercase;color:var(--iv-primary);letter-spacing:.1em;margin:0 0 6px}.LmsInvoice_StudentName{font-size:16px;font-weight:700;color:var(--iv-text-main);margin:0}.LmsInvoice_StudentContact{color:var(--iv-text-muted);font-size:12px;margin:3px 0 0}.LmsInvoice_FormField{display:flex;flex-direction:column;gap:8px}.LmsInvoice_Label{font-size:13px;font-weight:700;color:var(--iv-text-main)}.LmsInvoice_Select,.LmsInvoice_Input,.LmsInvoice_Textarea{padding:12px 16px;background:var(--iv-bg-alt);border:2px solid var(--iv-border);border-radius:12px;color:var(--iv-text-main);font-size:14px;transition:all .2s}.LmsInvoice_Select:focus,.LmsInvoice_Input:focus{outline:none;border-color:var(--iv-primary);background:var(--iv-bg-main);box-shadow:0 0 0 3px #2563eb1a}.LmsBubbleSelect_Container{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.LmsBubbleSelect_Container.LmsInvoice_Stretch{flex:1}.LmsBubbleSelect_Wrapper{position:relative}.LmsBubbleSelect_Trigger{display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--iv-bg-alt);border:2px solid var(--iv-border);border-radius:14px;cursor:pointer;font-weight:700;color:var(--iv-text-main);transition:all .2s;font-size:14px}.LmsBubbleSelect_Trigger:hover{border-color:var(--iv-primary);background:var(--iv-bg-main)}.LmsBubbleSelect_Trigger.open{border-color:var(--iv-primary);background:var(--iv-bg-main);box-shadow:0 0 0 3px #2563eb1a}.LmsBubbleSelect_Icon{color:var(--iv-text-muted)}.LmsBubbleSelect_Display{flex:1}.LmsBubbleSelect_Chevron{color:var(--iv-text-muted);transition:transform .3s}.LmsBubbleSelect_Chevron.open{transform:rotate(180deg)}.LmsBubbleSelect_Bubble{position:absolute;top:calc(100% + 12px);left:0;right:0;background:#fff;border-radius:16px;box-shadow:0 15px 35px -5px #00000026,0 10px 15px -10px #0000001a;border:1px solid var(--iv-border);z-index:1000;overflow:hidden;animation:iv-bubbleIn .2s ease-out}@keyframes iv-bubbleIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.LmsBubbleSelect_Arrow{position:absolute;top:-6px;left:20px;width:12px;height:12px;background:#fff;border-top:1px solid var(--iv-border);border-left:1px solid var(--iv-border);transform:rotate(45deg)}.LmsBubbleSelect_Options{padding:6px;max-height:250px;overflow-y:auto}.LmsBubbleSelect_Option{padding:10px 16px;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:600;color:var(--iv-text-muted);font-size:13px}.LmsBubbleSelect_Option:hover{background:var(--iv-bg-alt);color:var(--iv-primary)}.LmsBubbleSelect_Option.selected{background:var(--iv-primary-light);color:var(--iv-primary)}.LmsInvoice_SourceSelector{display:flex;background:var(--iv-bg-alt);padding:3px;border-radius:10px;border:1px solid var(--iv-border)}.LmsInvoice_SourceBtn{padding:6px 12px;font-size:11px;font-weight:700;border-radius:8px;border:none;cursor:pointer;background:transparent;color:var(--iv-text-muted);transition:all .2s;text-transform:uppercase;letter-spacing:.02em}.LmsInvoice_SourceBtn:hover:not(:disabled){color:var(--iv-primary)}.LmsInvoice_SourceBtn.active{background:var(--iv-bg-main);color:var(--iv-primary);box-shadow:0 2px 4px #0000000d}.LmsInvoice_SourceBtn:disabled{opacity:.5;cursor:not-allowed}.LmsInvoice_AppliedCourseCard{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #bfdbfe;border-radius:14px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #2563eb0d}.LmsInvoice_AppliedCourseInfo{display:flex;flex-direction:column;gap:4px}.LmsInvoice_AppliedCourseTitle{font-size:15px;font-weight:700;color:var(--iv-text-main)}.LmsInvoice_AppliedCourseBadge{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--iv-primary);background:var(--iv-primary-light);padding:2px 8px;border-radius:6px;display:inline-block}.LmsInvoice_AppliedCourseIcon{color:var(--iv-primary);opacity:.6}.LmsInvoice_TableWrapper{border:2px solid var(--iv-border);border-radius:16px;overflow:hidden;background:var(--iv-bg-main)}.LmsInvoice_Table{width:100%;border-collapse:collapse}.LmsInvoice_Table th{background:var(--iv-bg-alt);padding:12px 14px;text-align:left;font-size:11px;text-transform:uppercase;color:var(--iv-text-muted);letter-spacing:.05em;border-bottom:2px solid var(--iv-border)}.LmsInvoice_Table td{padding:10px 14px;border-bottom:1px solid var(--iv-border)}.LmsInvoice_Table tr:last-child td{border-bottom:none}.LmsInvoice_RowInput{width:100%;border:1px solid var(--iv-border);background:var(--iv-bg-main);padding:8px 10px;font-size:13px;color:var(--iv-text-main);border-radius:8px;transition:all .2s}.LmsInvoice_RowInput:focus{background:var(--iv-bg-main);border-color:var(--iv-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.LmsInvoice_TableFooter{padding:12px 14px;background:var(--iv-bg-main);border-top:1px solid var(--iv-border);display:flex;justify-content:flex-start}.LmsInvoice_Summary{background:var(--iv-bg-alt);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;margin-top:20px}.LmsInvoice_SummaryRow{display:flex;justify-content:space-between;font-size:14px;color:var(--iv-text-muted)}.LmsInvoice_SummaryRow span{font-weight:500}.LmsInvoice_TotalRow{margin-top:10px;padding-top:14px;border-top:2px dashed var(--iv-border);display:flex;justify-content:space-between;align-items:center}.LmsInvoice_TotalLabel{font-size:16px;font-weight:800;color:var(--iv-text-main)}.LmsInvoice_TotalAmount{font-size:26px;font-weight:900;color:var(--iv-primary)}.LmsInvoice_Actions{padding:20px 28px;background:var(--iv-bg-alt);border-top:2px solid var(--iv-border);display:flex;gap:12px;justify-content:flex-end}.LmsInvoice_BtnPrimary{background:var(--iv-primary);color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-size:14px}.LmsInvoice_BtnPrimary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb33}.LmsInvoice_BtnSecondary{background:var(--iv-bg-main);color:var(--iv-text-main);padding:12px 24px;border-radius:12px;font-weight:600;border:2px solid var(--iv-border);cursor:pointer;transition:all .2s}.LmsInvoice_BtnSecondary:hover{background:var(--iv-bg-alt);border-color:var(--iv-text-muted)}@keyframes iv-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iv-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.LmsInvoice_Content::-webkit-scrollbar{width:6px}.LmsInvoice_Content::-webkit-scrollbar-track{background:transparent}.LmsInvoice_Content::-webkit-scrollbar-thumb{background:var(--iv-border);border-radius:10px}.LmsInvoice_Tabs{display:flex;gap:6px;padding:0 28px;margin-top:0;border-bottom:2px solid var(--iv-border);background:var(--iv-bg-alt);flex-shrink:0}.LmsInvoice_Tab{display:flex;align-items:center;gap:6px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--iv-text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:-2px}.LmsInvoice_Tab:hover{color:var(--iv-primary);background:#2563eb0d}.LmsInvoice_Tab.active{color:var(--iv-primary);border-bottom-color:var(--iv-primary);background:var(--iv-bg-main)}.LmsInvoice_ScrollArea{overflow-y:auto;flex:1;padding:24px 28px}.LmsInvoice_ScrollArea::-webkit-scrollbar{width:6px}.LmsInvoice_ScrollArea::-webkit-scrollbar-track{background:transparent}.LmsInvoice_ScrollArea::-webkit-scrollbar-thumb{background:var(--iv-border);border-radius:10px}.LmsInvoice_HistorySection{padding:16px 20px}.LmsInvoice_HistoryTitle{font-size:16px;font-weight:700;color:var(--iv-text-main);margin:0 0 12px}.LmsInvoice_EmptyHistory{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:var(--iv-text-muted);text-align:center}.LmsInvoice_EmptyHistory p{margin:0;font-size:13px}.LmsInvoice_HistoryCards{display:flex;flex-direction:column;gap:8px}.LmsInvoice_PaymentCard{background:var(--iv-bg-main);border:2px solid var(--iv-border);border-radius:12px;overflow:hidden;transition:all .3s}.LmsInvoice_PaymentCard:hover{border-color:var(--iv-primary);box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.LmsInvoice_CardHeader{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 14px;background:linear-gradient(to right,var(--iv-primary-light),var(--iv-bg-alt));border-bottom:1px solid var(--iv-border)}.LmsInvoice_CardCourse{font-size:15px;font-weight:700;color:var(--iv-text-main);margin:0 0 3px}.LmsInvoice_CardDate{font-size:11px;color:var(--iv-text-muted);margin:0}.LmsInvoice_CardStatus{flex-shrink:0;display:flex;align-items:center;gap:8px}.LmsInvoice_CardSection{padding:10px 14px;border-bottom:1px solid var(--iv-border)}.LmsInvoice_CardSection:last-child{border-bottom:none}.LmsInvoice_CardSectionTitle{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--iv-text-muted);letter-spacing:.05em;margin:0 0 6px}.LmsInvoice_CardRow{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.LmsInvoice_CardLabel{color:var(--iv-text-muted);font-weight:500;font-size:12px}.LmsInvoice_CardItem{display:flex;justify-content:space-between;align-items:flex-start;padding:5px 0;gap:8px}.LmsInvoice_CardItem:not(:last-child){border-bottom:1px dashed var(--iv-border)}.LmsInvoice_ItemDesc{font-size:12px;font-weight:600;color:var(--iv-text-main);margin-bottom:1px;line-height:1.3}.LmsInvoice_ItemCategory{font-size:10px;color:var(--iv-text-muted);background:var(--iv-bg-alt);padding:1px 4px;border-radius:3px;display:inline}.LmsInvoice_ItemAmount{font-size:11px;color:var(--iv-text-muted);font-family:monospace;white-space:nowrap;text-align:right;line-height:1.3}.LmsInvoice_CardBreakdown{background:var(--iv-bg-alt)}.LmsInvoice_CardTotal{margin-top:2px;padding-top:4px;font-weight:700}.LmsInvoice_CardTotalAmount{font-size:16px;font-weight:900;color:var(--iv-primary)}.LmsInvoice_CardNotes{margin:0;font-size:12px;color:var(--iv-text-main);line-height:1.5;padding:6px;background:var(--iv-bg-alt);border-radius:6px;border-left:3px solid var(--iv-primary)}.LmsInvoice_CardFooter{padding:10px 14px;background:var(--iv-bg-alt);border-top:1px solid var(--iv-border)}.LmsInvoice_CardLink{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:var(--iv-primary);color:#fff;text-decoration:none;border-radius:7px;font-size:12px;font-weight:600;transition:all .2s}.LmsInvoice_CardLink:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.LmsInvoice_ToggleWrapper{display:flex;align-items:center;gap:6px}.LmsInvoice_ToggleLabel{font-size:11px;color:var(--iv-text-muted);font-weight:600}.LmsInvoice_Toggle{position:relative;width:40px;height:22px;background:var(--iv-border);border-radius:11px;cursor:pointer;transition:background .3s}.LmsInvoice_Toggle.active{background:var(--iv-success)}.LmsInvoice_Toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003}.LmsInvoice_Toggle.active:after{transform:translate(18px)}.LmsInvoice_HistoryTableWrapper{border:2px solid var(--iv-border);border-radius:18px;overflow:hidden;background:var(--iv-bg-main)}.LmsInvoice_HistoryTable{width:100%;border-collapse:collapse}.LmsInvoice_HistoryTable th{background:var(--iv-bg-alt);padding:16px;text-align:left;font-size:12px;text-transform:uppercase;color:var(--iv-text-muted);letter-spacing:.05em;border-bottom:2px solid var(--iv-border);font-weight:700}.LmsInvoice_HistoryTable td{padding:16px;border-bottom:1px solid var(--iv-border);color:var(--iv-text-main);font-size:14px}.LmsInvoice_HistoryTable tr:last-child td{border-bottom:none}.LmsInvoice_HistoryTable tr:hover{background:var(--iv-bg-alt)}.LmsInvoice_StatusBadge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:capitalize}.LmsInvoice_StatusBadge.pending{background:#fef3c7;color:#92400e}.LmsInvoice_StatusBadge.completed,.LmsInvoice_StatusBadge.paid{background:#d1fae5;color:#065f46}.LmsInvoice_StatusBadge.failed,.LmsInvoice_StatusBadge.cancelled{background:#fee2e2;color:#991b1b}.LmsInvoice_StatusBadge.processing{background:#dbeafe;color:#1e40af}.LmsInvoice_Tag{display:inline-block;padding:4px 10px;background:var(--iv-bg-alt);border:1px solid var(--iv-border);border-radius:8px;font-family:monospace;font-size:13px;color:var(--iv-text-muted);font-weight:600}.LmsInvoice_ActionLink{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--iv-bg-alt);border:1px solid var(--iv-border);border-radius:8px;color:var(--iv-primary);transition:all .2s;text-decoration:none}.LmsInvoice_ActionLink:hover{background:var(--iv-primary);color:#fff;border-color:var(--iv-primary)}.LmsInvoice_IconBox{width:48px;height:48px;background:var(--iv-primary-light);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--iv-primary)}.LmsInvoice_Icon{width:24px;height:24px}.LmsInvoice_TitleRow{display:flex;align-items:center;gap:16px}.LmsInvoice_Title{font-size:24px;font-weight:800;color:var(--iv-text-main);margin:0;letter-spacing:-.5px}.LmsInvoice_Subtitle{color:var(--iv-text-muted);font-size:14px;margin:4px 0 0}.spinner{width:40px;height:40px;border:4px solid var(--iv-border);border-top-color:var(--iv-primary);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.LmsInvoice_Container{max-width:100%;border-radius:16px}.LmsInvoice_Header,.LmsInvoice_Tabs,.LmsInvoice_Actions{padding-left:20px;padding-right:20px}.LmsInvoice_Content{padding:0}.LmsInvoice_HistorySection{padding:20px}.LmsInvoice_TitleGroup h2,.LmsInvoice_Title{font-size:20px}.LmsInvoice_TotalAmount{font-size:24px}}@media(max-width:640px){.LmsInvoice_ModalOverlay{padding:8px}.LmsInvoice_Container{border-radius:12px}.LmsInvoice_Header{padding:10px 12px}.LmsInvoice_TitleGroup h2{font-size:18px}.LmsInvoice_TitleGroup p{font-size:12px}.LmsInvoice_Tabs{padding:0;gap:4px}.LmsInvoice_Tab{padding:10px 14px;font-size:13px}.LmsInvoice_ScrollArea{padding:10px}.LmsInvoice_Grid{gap:12px}.LmsInvoice_Actions{padding:10px;flex-direction:column;gap:10px}.LmsInvoice_BtnPrimary,.LmsInvoice_BtnSecondary{width:100%;justify-content:center;padding:12px 20px}.LmsInvoice_Table th{padding:8px 10px;font-size:10px}.LmsInvoice_Table td{padding:8px 10px}.LmsInvoice_RowInput{padding:6px 8px;font-size:12px}.LmsInvoice_Summary{padding:10px;gap:8px}.LmsInvoice_TotalAmount{font-size:22px}.LmsInvoice_PaymentCard{border-radius:10px}.LmsInvoice_CardHeader{padding:10px 12px}.LmsInvoice_CardSection,.LmsInvoice_CardFooter{padding:8px 12px}}@media(max-width:480px){.LmsInvoice_Header{padding:12px 14px}.LmsInvoice_TitleGroup h2{font-size:16px}.LmsInvoice_CloseBtn{width:32px;height:32px}.LmsInvoice_Tabs{padding:0 14px}.LmsInvoice_Tab{padding:8px 12px;font-size:12px;gap:4px}.LmsInvoice_ScrollArea{padding:14px}.LmsInvoice_Actions{padding:12px 14px}.LmsInvoice_InfoCard{padding:10px 12px}.LmsInvoice_StudentName{font-size:14px}.LmsInvoice_StudentContact{font-size:11px}.LmsInvoice_Label{font-size:12px}.LmsInvoice_Select,.LmsInvoice_Input,.LmsInvoice_Textarea{padding:10px 14px;font-size:13px}.LmsInvoice_Table th{font-size:9px;padding:6px 8px}.LmsInvoice_Table td{padding:6px 8px;font-size:11px}.LmsInvoice_Summary{padding:12px}.LmsInvoice_SummaryRow{font-size:12px}.LmsInvoice_TotalLabel{font-size:14px}.LmsInvoice_TotalAmount{font-size:20px}.LmsInvoice_BtnPrimary,.LmsInvoice_BtnSecondary{padding:10px 16px;font-size:13px}.LmsInvoice_CardCourse{font-size:13px}.LmsInvoice_CardDate{font-size:10px}.LmsInvoice_StatusBadge{padding:4px 8px;font-size:10px}.LmsInvoice_CardLink{padding:6px 10px;font-size:11px}}:root{--upd-primary: #1e3a8a;--upd-secondary: #64748b;--upd-accent: #f97316;--upd-bg: #f8fafc;--upd-card-bg: #ffffff;--upd-border: #e2e8f0;--upd-success: #10b981;--upd-warning: #f59e0b;--upd-danger: #ef4444;--upd-shadow-sm: 0 4px 15px rgba(10, 46, 93, .03);--upd-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--upd-shadow-lg: 0 20px 25px -5px rgba(10, 46, 93, .1), 0 10px 10px -5px rgba(10, 46, 93, .04)}.upd-page-container{min-height:100vh;padding:1.5rem 2rem;background:var(--upd-bg);background-image:radial-gradient(circle at 100% 100%,rgba(10,46,93,.03) 0,transparent 25%),radial-gradient(circle at 0% 0%,rgba(224,89,30,.03) 0,transparent 25%);animation:updFadeIn .6s cubic-bezier(.16,1,.3,1)}.upd-header{background:#fff;padding:1.5rem 2rem;border-radius:1.25rem;margin-bottom:2rem;box-shadow:var(--upd-shadow-sm);border:1px solid rgba(10,46,93,.05)}.upd-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.upd-header-main{display:flex;flex-direction:column}.upd-page-title{font-size:1.75rem;font-weight:800;margin:0;letter-spacing:-.025em}.upd-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--upd-secondary);margin-top:4px;font-weight:500}.upd-breadcrumb-item{transition:color .2s ease;cursor:pointer}.upd-breadcrumb-item:hover{color:var(--upd-primary)}.upd-breadcrumb-item.active{color:var(--upd-accent);font-weight:700;cursor:default}.upd-breadcrumb-separator{color:#cbd5e1}.upd-header-actions{display:flex;gap:1rem}.upd-btn_primary{background:linear-gradient(135deg,var(--upd-primary) 0%,#1a4d8c 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0a2e5d40}.upd-btn_primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.upd-stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.upd-stat-card{background:#fff;padding:1.25rem;border-radius:1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--upd-shadow-sm);border:1px solid rgba(10,46,93,.05);transition:transform .2s ease}.upd-stat-card:hover{transform:translateY(-3px);box-shadow:var(--upd-shadow-lg)}.upd-stat-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upd-stat-icon.total{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.upd-stat-icon.critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.upd-stat-icon.high{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#ea580c}.upd-stat-icon.normal{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a}.upd-stat-content h3{font-size:1.5rem;font-weight:800;margin:0;color:var(--upd-primary)}.upd-stat-content p{font-size:.813rem;color:var(--upd-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0}.upd-filters{background:#fff;border-radius:1.25rem;padding:1.25rem 2rem;display:flex;justify-content:space-between;gap:2.5rem;align-items:center;box-shadow:var(--upd-shadow-sm);margin-bottom:2rem;border:1px solid rgba(10,46,93,.05);flex-wrap:nowrap}.filter-item.search{flex:1;max-width:450px;min-width:280px}.upd-filter-bubbles{display:flex;gap:1.25rem;flex-wrap:nowrap;align-items:center}.upd-search-box{position:relative;width:100%}.upd-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8}.upd-search-input{width:100%;padding:.875rem 1.25rem .875rem 3rem;border:2px solid #f1f5f9;border-radius:1.75rem;font-size:.9375rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8fafc;color:var(--upd-primary)}.upd-search-input:focus{outline:none;border-color:var(--upd-primary);background:#fff;box-shadow:0 0 0 4px #0a2e5d14}.upd-bubble-trigger{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.125rem;border:2px solid #f1f5f9;border-radius:.875rem;background:#f8fafc;cursor:pointer;transition:all .3s ease;color:var(--upd-primary);font-weight:600;font-size:.875rem;white-space:nowrap}.upd-bubble-trigger:hover{border-color:#0a2e5d1a;background:#fff}.upd-bubble-menu{position:absolute;top:calc(100% + .75rem);left:0;background:#fff;border-radius:1.125rem;box-shadow:0 15px 40px #0a2e5d26;z-index:100;min-width:200px;padding:.5rem;border:1px solid rgba(10,46,93,.08);overflow:hidden;animation:updDropdownIn .2s cubic-bezier(.16,1,.3,1)}.upd-bubble-option{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:.625rem;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:600;color:#64748b;border:none;background:transparent;width:100%;text-align:left}.upd-bubble-option:hover{background:#f1f5f9;color:var(--upd-primary)}.upd-bubble-option.selected{background:#0a2e5d0d;color:var(--upd-primary)}.upd-container{min-height:400px;margin:0 auto}.upd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.upd-card{background:#fff;border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 4px 20px #0a2e5d0a;border:1px solid rgba(10,46,93,.05);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column}.upd-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--upd-accent);opacity:0;transition:opacity .3s ease}.upd-card.unread{background:linear-gradient(to right,rgba(249,115,22,.03),transparent)}.upd-card.unread:before{opacity:1}.upd-card:hover{transform:translateY(-4px);box-shadow:var(--upd-shadow-lg);border-color:#0a2e5d1a}.upd-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem}.upd-card-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.upd-priority{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.upd-card-date{font-size:.8125rem;color:#94a3b8;font-weight:600}.upd-new-indicator{background:var(--upd-accent);color:#fff;font-size:.6875rem;font-weight:800;padding:.25rem .5rem;border-radius:.375rem;text-transform:uppercase}.upd-pinned-indicator{color:var(--upd-warning);background:#fffbeb;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #fef3c7}.upd-card-actions{display:flex;gap:.5rem}.upd-action-buttons{display:flex;gap:.5rem;opacity:0;transform:translate(10px);transition:all .2s cubic-bezier(.4,0,.2,1)}.upd-card:hover .upd-action-buttons{opacity:1;transform:translate(0)}.upd-action-icon-btn{width:32px;height:32px;border-radius:.5rem;border:1px solid transparent;background:#f8fafc;color:var(--upd-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.upd-action-icon-btn:hover{background:var(--upd-primary);color:#fff;transform:translateY(-2px)}.upd-action-icon-btn.delete:hover{background:#fff1f2;color:var(--upd-danger);border-color:#fecdd3}.upd-card-body{padding-top:.5rem}.upd-type-badge{display:inline-flex;align-items:center;gap:.25rem;background:#f1f5f9;color:var(--upd-primary);padding:.25rem .5rem;border-radius:.5rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.upd-title{font-size:1.125rem;font-weight:800;color:var(--upd-primary);margin:0 0 .25rem;line-height:1.4}.upd-message{font-size:.9375rem;color:var(--upd-secondary);line-height:1.6;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upd-summarized-scope{display:flex;gap:.75rem}.upd-scope-count{display:flex;align-items:center;gap:.375rem;color:var(--upd-secondary);font-size:.8125rem;font-weight:600;background:#f8fafc;padding:.375rem .75rem;border-radius:.5rem}@keyframes updFadeIn{0%{opacity:0}to{opacity:1}}@keyframes updDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.upd-loading,.upd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;text-align:center;background:#fff;border-radius:1.5rem;box-shadow:var(--upd-shadow-sm)}.upd-loading .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--upd-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}.upd-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:updFadeIn .3s ease-out}.upd-modal-wrapper{background:#fff;width:100%;max-width:800px;max-height:90vh;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:updDropdownIn .3s cubic-bezier(.16,1,.3,1)}.upd-modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--upd-border);display:flex;justify-content:space-between;align-items:center;background:#fff}.upd-modal-title-area h2{font-size:1.5rem;font-weight:800;color:var(--upd-primary);margin:0}.upd-modal-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid #f1f5f9;background:#fff;color:var(--upd-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.upd-modal-close-btn:hover{background:#f8fafc;color:var(--upd-danger);transform:rotate(90deg);border-color:#fee2e2}.upd-btn-submit{background:var(--upd-primary);color:#fff;padding:.75rem 2rem;border-radius:.75rem;font-weight:700;border:none;cursor:pointer;transition:all .2s}.upd-btn-submit:hover{background:#1e40af;transform:translateY(-2px)}.upd-btn-cancel{background:#fff;color:var(--upd-secondary);border:1px solid var(--upd-border);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer}.upd-btn-cancel:hover{background:#f8fafc;color:var(--upd-primary)}.upd-modal-content{flex:1;overflow-y:auto;padding:2rem}.upd-modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--upd-border);display:flex;justify-content:flex-end;gap:1rem;background:#fff}.upd-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.upd-form-group label{font-size:.8125rem;font-weight:700;color:var(--upd-primary);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.25rem}.upd-required-star{color:var(--upd-danger);font-weight:800}.upd-form-input,.upd-form-textarea{width:100%;padding:.875rem 1rem;border:2px solid #f1f5f9;background:#f8fafc;border-radius:.875rem;font-size:.9375rem;color:var(--upd-primary);font-weight:500;transition:all .2s}.upd-form-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:2px solid #f1f5f9;background:#f8fafc;border-radius:.875rem;font-size:.9375rem;font-weight:500;transition:all .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231e3a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;cursor:pointer}.upd-form-input::placeholder,.upd-form-textarea::placeholder{color:#94a3b8;font-weight:400}.upd-form-input:focus,.upd-form-select:focus,.upd-form-textarea:focus{outline:none;background:#fff;border-color:var(--upd-primary);box-shadow:0 0 0 4px #1e3a8a1a}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.upd-lang-tabs{display:flex;background:#f1f5f9;padding:.25rem;border-radius:.75rem;margin-bottom:1.5rem;gap:.25rem}.upd-lang-tab{flex:1;padding:.625rem;border-radius:.625rem;border:none;background:transparent;color:var(--upd-secondary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.upd-lang-tab.active{background:#fff;color:var(--upd-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-weight:700;transform:scale(1.02)}.upd-lang-tab:hover:not(.active){background:#ffffff80;color:var(--upd-primary)}.upd-dropdown{position:relative;width:100%}.upd-dropdown-trigger{width:100%;padding:.875rem 1rem;border:2px solid #f1f5f9;background:#f8fafc;border-radius:.875rem;font-size:.9375rem;color:var(--upd-primary);font-weight:500;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.upd-dropdown.disabled .upd-dropdown-trigger{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;border-color:#cbd5e1}.upd-dropdown-trigger:hover:not(:disabled){background:#fff;border-color:var(--upd-primary)}.upd-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border-radius:1rem;box-shadow:var(--upd-shadow-lg);border:1px solid #f1f5f9;padding:.5rem;z-index:50;max-height:250px;overflow-y:auto;animation:updDropdownIn .2s ease-out}.upd-dropdown-option{width:100%;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;border-radius:.5rem;border:none;background:transparent;color:var(--upd-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:left}.upd-dropdown-option:hover{background:#f1f5f9;color:var(--upd-primary);font-weight:600}.upd-dropdown-option.active{background:#f973161a;color:var(--upd-accent);font-weight:700}.upd-dropdown-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--upd-accent)}.upd-dropdown-divider{height:1px;background:#f1f5f9;margin:.5rem 0}@media(max-width:1200px){.upd-page-container{padding:1.5rem}.upd-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.upd-filters{padding:1.25rem 1.5rem}}@media(max-width:1024px){.upd-stats-section{grid-template-columns:repeat(2,1fr)}.upd-header{padding:1.25rem 1.5rem}.filter-item.search{max-width:none}}@media(max-width:768px){.upd-header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.upd-header-actions{width:100%}.upd-btn_primary{width:100%;justify-content:center}.upd-filters{flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.5rem}.upd-filter-bubbles{flex-direction:column;width:100%;gap:1rem}.upd-bubble-trigger{width:100%;justify-content:space-between}.filter-item.search{width:100%;min-width:0}.upd-grid{grid-template-columns:1fr}.upd-modal-wrapper{max-height:95vh;border-radius:1.25rem}.upd-modal-header,.upd-modal-content,.upd-modal-footer{padding:1.25rem 1.5rem}.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}}@media(max-width:640px){.upd-page-container{padding:1rem}.upd-page-title{font-size:1.5rem}.upd-breadcrumb{font-size:.8rem}.upd-stats-section{grid-template-columns:1fr;gap:1rem}.upd-stat-card{padding:1rem}.upd-stat-icon{width:3rem;height:3rem}.upd-stat-content h3{font-size:1.25rem}.upd-card{padding:1rem}.upd-action-buttons{opacity:1;transform:none}.upd-modal-overlay{padding:1rem}.upd-modal-header h2{font-size:1.25rem}}@media(max-width:480px){.upd-header{padding:1rem;border-radius:16px}.upd-search-input{padding:.75rem 1rem .75rem 2.8rem;font-size:.875rem}.upd-search-icon{left:1rem}.upd-title{font-size:1rem}.upd-message{font-size:.875rem}.upd-modal-footer{flex-direction:column-reverse;padding:1rem}.upd-btn-submit,.upd-btn-cancel{width:100%;padding:.75rem;text-align:center}.upd-lang-tab{padding:.5rem;font-size:.8rem}}@media(max-width:480px){.upd-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.upd-header-right{width:100%;justify-content:space-between}.upd-priority span{display:none}}.sessions-page{padding:10px;background:#f8fafc;height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.sessions-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#64748b}.schedule-hero{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;padding:30px;margin-bottom:24px;box-shadow:0 10px 25px -5px #0000001a;color:#fff}.hero-copy{display:flex;justify-content:space-between;align-items:center}.hero-copy .title{font-size:2rem;font-weight:700;margin:0;letter-spacing:-.025em}.hero-copy .subtitle{color:#94a3b8;margin-top:4px;font-size:1rem}.hero-actions{display:flex;gap:12px}.week-nav{width:100%;display:flex;flex:1;align-items:center;background:#ffffff1a;border-radius:12px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-btn{background:transparent;border:none;color:#000;padding:8px;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center}.nav-btn:hover{background:#fff3}.current-range{display:flex;align-items:center;gap:8px;padding:0 16px;font-weight:600;font-size:.95rem;cursor:pointer;min-width:220px;justify-content:center}.current-range:hover span{text-decoration:underline}.schedule-layout{display:grid;grid-template-columns:280px 1fr;gap:10px;flex:1;overflow:hidden;height:100%}.group-panel{background:#fff;padding:0;height:100%;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.panel-header-content{display:flex;align-items:center;gap:12px}.panel-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.panel-count{background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:6px;font-size:.8rem;font-weight:600}.btn-manage-periods{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:none;padding:10px 18px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;color:#64748b}.btn-manage-periods:hover{background:#e2e8f0;color:#1e293b}.btn-weekly-table{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:none;padding:10px 18px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;color:#475569}.btn-weekly-table:hover{background:#e2e8f0;color:#1e293b}.group-list{display:flex;flex-direction:column;gap:10px;padding:20px;overflow-y:auto;flex:1}.group-pill{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;text-align:left;cursor:pointer;transition:all .2s}.group-pill:hover{border-color:#cbd5e0;background:#f8fafc}.group-pill.active{background:#f1f5f9;border-color:linear-gradient(135deg,#ed8936,#dd6b20);color:#000}.pill-name{font-weight:600;font-size:.95rem}.pill-meta{font-size:.8rem;color:#000;margin-top:2px}.group-pill.active .pill-meta{color:#000}.schedule-content{display:flex;flex-direction:column;gap:0;height:100%;overflow:hidden;background:#fff}.sessions-filters{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.search-bar{display:flex;align-items:center;gap:12px;background:#f1f5f9;padding:10px 16px;border-radius:12px;width:350px}.search-bar input{background:transparent;border:none;outline:none;font-size:.95rem;width:100%}.sessions-filter-controls{display:flex;gap:12px;align-items:center}.sessions-filter-controls select{background:#f1f5f9;border:1px solid transparent;padding:10px 16px;border-radius:12px;font-size:.95rem;color:#475569;cursor:pointer;outline:none}.sessions-filter-controls select:focus{border-color:linear-gradient(135deg,#ed8936,#dd6b20);background:#fff}.content-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.content-toolbar .week-nav{background:#f1f5f9}.content-toolbar .week-nav .nav-btn{color:#475569}.content-toolbar .week-nav .nav-btn:hover{background:#e2e8f0}.content-toolbar .week-nav .current-range{color:#1e293b}.toolbar-actions{display:flex;gap:12px;align-items:center}.btn-generate{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;padding:10px 18px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-generate.secondary{background:#059669}.btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#ed8936,#dd6b20);transform:translateY(-1px)}.btn-add-template{display:flex;align-items:center;gap:8px;background:#e0f2fe;color:#0369a1;border:none;padding:10px 18px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-add-template:hover{background:#bae6fd;transform:translateY(-1px)}.btn-generate.secondary:hover:not(:disabled){background:#047857}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.btn-add-session{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-session:hover{background:linear-gradient(135deg,#ed8936,#dd6b20);transform:translateY(-1px)}.view-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:10px;margin-left:12px}.view-toggle button{background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s;display:flex;align-items:center}.view-toggle button.active{background:#fff;color:linear-gradient(135deg,#ed8936,#dd6b20);box-shadow:0 2px 4px #0000001a}.modal-content{background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;box-shadow:0 25px 50px -12px #00000040}.modal-content.timetable-modal{max-width:1000px}.timetable-modal .modal-body{padding:0;overflow:hidden;flex:1;height:calc(100% - 81px);display:flex;flex-direction:column}.timetable-modal .timetable-container{padding:0;flex:1;height:100%;min-height:0;overflow:hidden;background:transparent;display:flex;flex-direction:column}.timetable-modal .timetable-glass{box-shadow:none;border:none;background:#f8fafc;flex:1;height:100%;min-height:0;display:flex;flex-direction:column}.timetable-modal .timetable-header-content{display:none}.timetable-modal .timetable-header{padding:12px 24px;justify-content:flex-end;background:transparent;border-bottom:1px solid #e2e8f0}.schedule-content-wrapper{position:relative;background:#fff;overflow:hidden;flex:1;display:flex;flex-direction:column}.schedule-overlay{position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;gap:12px}.overlay-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid linear-gradient(135deg,#ed8936,#dd6b20);border-radius:50%;animation:spin 1s linear infinite}.sessions-table-wrapper{overflow:auto;flex:1;height:100%;padding:0 20px 20px;position:relative;scrollbar-gutter:stable}.sessions-table{width:100%;border-collapse:collapse;text-align:left}.sessions-table thead{position:sticky;top:0;z-index:50;background:#1e293bf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px -1px #0000001a;color:#fff}.sessions-table thead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff3}.sessions-table th{padding:16px 20px;background:transparent;color:#fff!important;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:none;border-right:1px solid rgba(255,255,255,.2)}.sessions-table th:last-child{border-right:none}.sessions-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.95rem}.session-id-pill{background:#e0e7ff;color:linear-gradient(135deg,#ed8936,#dd6b20);padding:2px 8px;border-radius:6px;font-weight:600;font-size:.8rem}.session-time-cell .session-date{font-weight:600;color:#1e293b}.session-time-cell .session-time{display:flex;align-items:center;gap:4px;color:#64748b;font-size:.85rem;margin-top:2px}.session-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:500}.session-mode-pill.online{background:#ecfdf5;color:#059669}.session-mode-pill.offline{background:#fff7ed;color:#ea580c}.session-status{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600}.session-status.completed{color:#059669}.session-status.upcoming{color:#2563eb}.session-status.overdue{color:#dc2626}.session-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.action-btn.join{background:#eef2ff;color:linear-gradient(135deg,#ed8936,#dd6b20)}.action-btn.edit{background:#f1f5f9;color:#475569}.action-btn.complete{background:#ecfdf5;color:#059669}.action-btn.undo{background:#fef2f2;color:#dc2626}.action-btn:hover:not(:disabled){transform:scale(1.1)}.empty-row{text-align:center;padding:60px!important;color:#94a3b8;font-style:italic}.sessions-grid-wrapper{padding:20px}.sessions-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}.timetable-grid-wrapper{padding:20px;flex:1;overflow-y:auto;height:100%}.timetable-grid-wrapper::-webkit-scrollbar,.session-list-wrapper::-webkit-scrollbar,.group-list::-webkit-scrollbar{width:6px;height:6px}.timetable-grid-wrapper::-webkit-scrollbar-track,.session-list-wrapper::-webkit-scrollbar-track,.group-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.timetable-grid-wrapper::-webkit-scrollbar-thumb,.session-list-wrapper::-webkit-scrollbar-thumb,.group-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.timetable-grid-wrapper::-webkit-scrollbar-thumb:hover,.session-list-wrapper::-webkit-scrollbar-thumb:hover,.group-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.empty-timetable{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#94a3b8;gap:16px}.empty-timetable p{font-size:1rem;margin:0}.timetable-grid{display:flex;flex-direction:column;border-radius:0;overflow:hidden}.grid-header{display:grid;grid-template-columns:120px repeat(7,1fr);background:var(--color-primary);color:#fff;position:sticky;top:0;z-index:50;border-radius:8px 8px 0 0;box-shadow:0 4px 6px #0000001a}.time-column-header{padding:16px 12px;text-align:center;font-weight:600;font-size:.85rem;border-right:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.05em}.day-column-header{padding:12px;text-align:center;font-weight:600;font-size:.85rem;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:4px;align-items:center}.day-column-header:last-child{border-right:none}.day-name{font-size:.9rem;font-weight:700;text-transform:uppercase}.day-date{font-size:.75rem;opacity:.9;font-weight:400}.time-period-row{display:grid;grid-template-columns:120px repeat(7,1fr);border-bottom:1px solid #e2e8f0;min-height:100px}.time-period-row:last-child{border-bottom:none}.time-slot-header{padding:16px 12px;border-right:1px solid #e2e8f0;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:600}.time-slot-header.break-header{background:#fef2f2;color:#dc2626}.time-range{font-weight:700;font-size:.85rem;color:#1e293b;white-space:nowrap}.break-header .time-range{color:#dc2626}.break-indicator{font-size:.7rem;font-weight:600;color:#dc2626;background:#dc26261a;padding:2px 8px;border-radius:6px;text-transform:uppercase}.timetable-cell{padding:12px;border-right:1px solid #e2e8f0;min-height:100px;cursor:pointer;transition:all .2s ease;position:relative;background:#fff}.timetable-cell:last-child{border-right:none}.timetable-cell.break-cell{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:3px solid #ef4444;cursor:not-allowed}.timetable-cell.session-cell{background:#f0fdf4;border-left:4px solid #22c55e}.timetable-cell.session-cell:hover{background:#dcfce7;transform:scale(1.01);box-shadow:0 4px 12px #22c55e26;z-index:5}.timetable-cell.empty-cell{background:#fafafa}.timetable-cell.empty-cell:hover{background:#f1f5f9;border-left:3px solid linear-gradient(135deg,#ed8936,#dd6b20)}.timetable-cell.cell-hovered{box-shadow:inset 0 0 0 2px #cbd5e0;z-index:3}.break-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:.7}.break-icon{font-size:24px}.break-label{font-weight:600;font-size:.8rem;text-align:center;color:#991b1b;text-transform:capitalize}.session-content{height:100%;display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative}.session-subject{font-weight:700;font-size:.95rem;color:#1e293b;line-height:1.3}.session-teacher{font-size:.8rem;color:#64748b;font-weight:500}.session-topic{font-size:.75rem;color:#059669;font-style:italic;background:#10b9811a;padding:3px 8px;border-radius:6px;display:inline-block;margin-top:4px}.session-hover-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;animation:fadeIn .2s ease forwards}.hover-action-btn{background:#fff;border:1px solid #e2e8f0;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;color:#475569}.hover-action-btn:hover{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border-color:linear-gradient(135deg,#ed8936,#dd6b20)}.empty-content{height:100%;display:flex;align-items:center;justify-content:center}.add-session-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;color:#64748b;font-size:.85rem;font-weight:600;animation:fadeIn .3s ease}.add-icon{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 8px #ed89364d}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.grid-day-col{display:flex;flex-direction:column;gap:12px;min-width:150px}.day-header{display:flex;flex-direction:column;padding:8px;border-bottom:2px solid #e2e8f0;text-align:center}.day-name{font-weight:700;font-size:.9rem;text-transform:uppercase}.day-date{font-size:.8rem}.day-sessions{display:flex;flex-direction:column;gap:12px}.session-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;box-shadow:0 2px 4px #00000005;transition:all .2s;border-left:4px solid linear-gradient(135deg,#ed8936,#dd6b20)}.session-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.session-card.completed{background:#f8fafc;border-left-color:#059669;opacity:.8}.session-card-time{font-weight:700;font-size:.8rem;color:#64748b;margin-bottom:8px}.session-card-subject{font-weight:700;color:#1e293b;font-size:.95rem;margin-bottom:8px;line-height:1.2}.session-card-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.session-card-meta div{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#64748b}.session-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f1f5f9}.card-actions{display:flex;gap:4px}.mode-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.mode-icon.online{color:#059669;background:#ecfdf5}.mode-icon.offline{color:#ea580c;background:#fff7ed}.status-toggle{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.status-toggle.done{color:#059669}.status-toggle.undo{color:#dc2626}.status-toggle:hover{background:#f1f5f9;transform:scale(1.1)}.no-sessions-quiet{text-align:center;padding:20px;color:#cbd5e0;font-size:.8rem;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.session-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh}.modal-header{padding:16px 24px;background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;color:#fff}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.close-btn{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.close-btn:hover{background:#e2e8f0;color:#1e293b}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:.9rem;color:#475569}.form-group input:not([type=checkbox]),.form-group select{padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-size:1rem;outline:none;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:linear-gradient(135deg,#ed8936,#dd6b20);background:#fff;box-shadow:0 0 0 4px #ed89361a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-toggle{display:flex;gap:12px}.mode-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:600;transition:all .2s;color:#64748b}.mode-toggle button.active{background:#eff6ff;border-color:linear-gradient(135deg,#ed8936,#dd6b20);color:linear-gradient(135deg,#ed8936,#dd6b20)}.modal-footer{padding:24px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:12px}.btn__primary{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer}.btn-secondary{background:#f1f5f9;color:#475569;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:#e2e8f0}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.session-list-wrapper{overflow:auto;flex:1;height:100%;min-height:0;padding:0;position:relative;background:#fff;scrollbar-gutter:stable}.session-list-table{width:100%;border-collapse:collapse;text-align:left}.session-list-table thead{position:sticky;top:0;z-index:50;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.session-list-table tr{transition:all .2s ease}.session-list-table tbody tr:hover{background:#f8fafc;box-shadow:inset 4px 0 #3b82f6}.session-list-table th{padding:16px;background:transparent;color:#fff!important;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:none;border-right:1px solid rgba(255,255,255,.1);white-space:nowrap;min-width:120px}.session-list-table th:nth-child(2),.session-list-table th:nth-child(3),.session-list-table th:nth-child(4),.session-list-table th:nth-child(5){min-width:160px}.session-list-table th:last-child{border-right:none}.session-list-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9rem;vertical-align:middle}@media(max-width:1024px){.schedule-layout{grid-template-columns:1fr}.group-panel{display:none}.sessions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.sessions-grid{grid-template-columns:1fr}.hero-copy{flex-direction:column;text-align:center;gap:20px}.sessions-filters{flex-direction:column;gap:16px}.search-bar{width:100%}.sessions-filter-controls{width:100%;display:flex;flex-direction:row;justify-content:space-between}}.btn-disabled{background:#94a3b8!important;color:#e2e8f0!important;cursor:not-allowed!important;opacity:.7!important;pointer-events:none}.datepicker-wrapper{width:100%;flex:1}.custom-datepicker{width:100%;padding:6px;border-radius:6px;font-size:.85rem;font-family:inherit}.custom-datepicker:disabled{background-color:#f1f5f9;cursor:not-allowed}.react-datepicker{font-family:inherit;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a}.react-datepicker__header{background-color:#3b82f6;border-bottom:none;border-radius:8px 8px 0 0;padding-top:12px}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff;font-weight:600}.react-datepicker__day{border-radius:4px;transition:all .2s}.react-datepicker__day:hover{background-color:#dbeafe}.react-datepicker__day--selected{background-color:#3b82f6;color:#fff}.react-datepicker__day--selected:hover{background-color:#2563eb}.react-datepicker__day--disabled{color:#cbd5e1!important;background-color:#f1f5f9!important;cursor:not-allowed!important;text-decoration:line-through;position:relative}.react-datepicker__day--disabled:hover{background-color:#f1f5f9!important}.react-datepicker__navigation{top:12px}.react-datepicker__navigation-icon:before{border-color:#fff}.react-datepicker__navigation:hover *:before{border-color:#dbeafe}.react-datepicker__today-button{background:#3b82f6;color:#fff;border-top:1px solid #e2e8f0;padding:8px;font-weight:600}.react-datepicker__today-button:hover{background:#2563eb}@media(max-width:1024px){.schedule-layout{grid-template-columns:1fr}.schedule-sidebar{display:none}.hero-copy{flex-direction:column;align-items:flex-start;gap:16px}.hero-actions{width:100%;justify-content:flex-start}}@media(min-width:768px)and (max-width:1024px){.sessions-page{padding:16px}.schedule-hero{padding:24px}.hero-copy .title{font-size:1.75rem}.sessions-controls{flex-wrap:wrap;gap:12px}.control-group{flex:1 1 45%;min-width:200px}.actions-row{flex-wrap:wrap;gap:8px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:.9rem}.session-modal{width:90%!important;max-width:700px!important}.modal-body{padding:1.5rem}}@media(max-width:768px){.sessions-page{padding:8px;height:calc(100vh - 60px)}.schedule-hero{padding:16px;margin-bottom:16px;border-radius:12px}.hero-copy .title{font-size:1.5rem}.hero-copy .subtitle{font-size:.875rem}.hero-actions{flex-direction:column;width:100%}.hero-actions button{width:100%}.week-nav{padding:2px}.current-range{min-width:180px;font-size:.85rem;padding:0 8px}.nav-btn{padding:6px}.sessions-controls{flex-direction:column;gap:12px}.control-group,.search-bar{width:100%}.search-bar input{font-size:.9rem;padding:10px 12px 10px 36px}.sessions-filter-controls select{width:100%;font-size:.9rem}.view-toggle{width:100%;justify-content:center}.actions-row{flex-direction:column;gap:8px}.actions-row button{width:100%;justify-content:center;padding:12px 16px}.btn-primary,.btn-secondary{font-size:.9rem}.date-nav{padding:12px}.date-nav-content{flex-direction:column;gap:12px}.date-display{font-size:.95rem}.sessions-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.sessions-table{min-width:600px}.sessions-table th,.sessions-table td{padding:8px;font-size:.85rem}.edit-table-container{overflow-x:auto}.edit-table{min-width:800px}.edit-table th,.edit-table td{padding:8px;font-size:.85rem}.modal-overlay{padding:0}.session-modal,.modal-content{width:100%!important;max-width:100%!important;height:100vh;max-height:100vh;margin:0;border-radius:0}.modal-header{padding:16px;border-radius:0}.modal-header h2{font-size:1.25rem}.modal-body{padding:16px;max-height:calc(100vh - 140px);overflow-y:auto}.modal-footer{padding:12px 16px;flex-direction:column-reverse;gap:8px}.modal-footer button{width:100%;margin:0}.form-grid{grid-template-columns:1fr!important;gap:12px}.form-group{margin-bottom:12px}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:10px}.mode-toggle{flex-direction:column;gap:8px}.mode-toggle button{width:100%}.preview-section{padding:12px}.preview-header{flex-direction:column;align-items:flex-start;gap:12px}.preview-actions{width:100%;flex-direction:column;gap:8px}.preview-actions button{width:100%}}@media(max-width:375px){.hero-copy .title{font-size:1.25rem}.current-range{min-width:150px;font-size:.8rem}.btn-primary,.btn-secondary{font-size:.85rem;padding:10px 14px}.modal-header h2{font-size:1.1rem}}@media(max-width:768px){.date-nav-bar{flex-direction:column;gap:12px;padding:12px}.date-controls{flex-direction:column;gap:12px;width:100%}.date-picker-wrapper{width:100%;justify-content:center}.date-actions{display:flex;flex-direction:column;gap:8px;width:100%}.date-actions button{width:100%;justify-content:center;padding:10px 16px;font-size:.9rem}.checkbox-button-group{display:flex;flex-direction:column;gap:8px;width:100%}.show-all-checkbox{width:100%;padding:10px;background:#f8fafc;border-radius:8px}.action-buttons-row{display:flex;flex-direction:column;gap:8px;width:100%}.action-buttons-row button{width:100%}}@media(min-width:768px)and (max-width:1024px){.date-nav-bar{flex-wrap:wrap;gap:12px}.date-actions{flex-wrap:wrap;gap:8px}.date-actions button{flex:1 1 auto;min-width:140px}}@media(max-width:1200px){.content-toolbar{flex-direction:column;gap:12px;padding:12px}.toolbar-actions{width:100%;flex-wrap:wrap;gap:8px;justify-content:flex-start}.toolbar-actions button{flex:1 1 calc(50% - 4px);min-width:140px}}@media(max-width:768px){.content-toolbar{flex-direction:column;gap:12px;padding:12px;background:#fff;border-radius:12px;margin-bottom:16px}.current-range{width:100%;justify-content:center;min-width:auto}.toolbar-actions{width:100%;display:flex;flex-direction:column;gap:8px}.toolbar-actions button{width:100%!important;flex:none;justify-content:center;padding:12px 16px;font-size:.9rem}.btn-weekly-table,.btn-add-template,.btn-add-session,.btn-manage-periods{width:100%!important;justify-content:center}.btn-add-session{background:#ed8936!important;order:-1}}@media(max-width:480px){.content-toolbar,.week-nav{padding:8px}.toolbar-actions button{font-size:.85rem;padding:10px 14px}.toolbar-actions button span{display:inline}}@media(min-width:769px){.sessions-controls{flex-direction:row!important;align-items:center;gap:12px;flex-wrap:nowrap}.control-group{flex:1;max-width:none}.sessions-filter-controls{flex-direction:row!important;gap:12px;align-items:center}.sessions-filter-controls select{flex:1;min-width:150px}.view-toggle{flex-shrink:0;margin-left:auto}}.sessions-controls{display:flex;gap:12px;margin-bottom:16px}.control-group{display:flex;align-items:center}@media(min-width:769px){.week-nav{flex-direction:row!important;align-items:center;justify-content:center;gap:8px;padding:8px 16px}.nav-btn{flex-shrink:0}.current-range{flex-shrink:0;white-space:nowrap}}@media(max-width:1024px){.toolbar-actions button span,.btn-add-template span,.btn-manage-periods span,.btn-add-session span{display:none}.toolbar-actions button{min-width:44px;padding:12px;justify-content:center}.btn-add-template,.btn-manage-periods,.btn-add-session{min-width:44px!important;padding:12px!important}}@media(min-width:1025px){.toolbar-actions button span,.btn-add-template span,.btn-manage-periods span,.btn-add-session span{display:inline}}@media(max-width:1024px){.toolbar-actions{flex-direction:row!important;justify-content:space-between;gap:8px}.toolbar-actions button{flex:1;max-width:calc(33.333% - 6px)}.btn-add-session{order:0}}.toolbar-actions{display:flex;flex-direction:row;gap:12px}@media(min-width:769px){.week-nav{flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:16px}.week-nav>div:first-child{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:8px}.week-nav>div:last-child{flex:1;display:flex;align-items:center;justify-content:flex-end}}.content-toolbar{display:flex;flex-direction:column;gap:12px}@media(min-width:769px){.week-nav>div:first-child{flex:0 0 auto!important}.week-nav>div:last-child{flex:0 0 auto!important}}.week-nav-container{display:flex;align-items:center;gap:16px;width:100%;background:#ffffff1a;border-radius:12px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.week-nav-calendar{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#000}.week-nav-checkbox{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}@media(max-width:768px){.week-nav-container{flex-direction:column;gap:12px}.week-nav-calendar{width:100%;justify-content:center}.week-nav-checkbox{width:100%;justify-content:center;border-left:none;border-top:1px solid rgba(255,255,255,.2);padding-left:0;padding-top:12px}}.week-nav-container .nav-btn{background:transparent;border:none;color:#000;padding:8px;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.week-nav-container .nav-btn:hover{background:#fff3}.week-nav-calendar .current-range{display:flex;align-items:center;gap:8px;padding:0 16px;font-weight:600;font-size:.95rem;cursor:pointer;min-width:220px;justify-content:center}.week-nav-calendar .current-range:hover span{text-decoration:underline}.week-nav-calendar{background:#ffffff1a;border-radius:12px;padding:4px}.week-nav-checkbox{background:#ffffff0d;border-radius:12px;padding:8px 12px}.bubble-datepicker-wrapper{width:100%}.bubble-datepicker{border:none!important;background:transparent!important;outline:none!important;font-size:.938rem!important;font-weight:700!important;color:#1e293b!important;width:100%!important;cursor:pointer!important;padding:0!important}.bubble-datepicker::placeholder{color:#64748b;font-weight:500}.bubble-datepicker:disabled{cursor:not-allowed!important;opacity:.6}.bubble-calendar{border:2px solid #e2e8f0!important;border-radius:1.125rem!important;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;font-family:inherit!important;background:#fff!important;overflow:hidden!important}.bubble-calendar .react-datepicker__header{background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;padding:1rem!important;border-radius:0!important}.bubble-calendar .react-datepicker__current-month{color:#1e293b!important;font-weight:700!important;font-size:1rem!important;margin-bottom:.5rem!important}.bubble-calendar .react-datepicker__day-names{display:flex!important;justify-content:space-around!important;margin-top:.5rem!important}.bubble-calendar .react-datepicker__day-name{color:#64748b!important;font-weight:600!important;font-size:.75rem!important;text-transform:uppercase!important;width:2.5rem!important;line-height:2.5rem!important}.bubble-calendar .react-datepicker__month{margin:.5rem!important;padding:.5rem!important}.bubble-calendar .react-datepicker__week{display:flex!important;justify-content:space-around!important}.bubble-calendar .react-datepicker__day{width:2.5rem!important;height:2.5rem!important;line-height:2.5rem!important;border-radius:.5rem!important;color:#1e293b!important;font-weight:500!important;margin:.125rem!important;transition:all .2s!important}.bubble-calendar .react-datepicker__day:hover:not(.react-datepicker__day--disabled){background:#f1f5f9!important;color:#1e293b!important;transform:scale(1.05)!important}.bubble-calendar .react-datepicker__day--selected,.bubble-calendar .react-datepicker__day--keyboard-selected{background:linear-gradient(135deg,#ed8936,#dd6b20)!important;color:#fff!important;font-weight:700!important}.bubble-calendar .react-datepicker__day--today{background:#e0f2fe!important;color:#0369a1!important;font-weight:700!important}.bubble-calendar .react-datepicker__day--disabled{color:#cbd5e1!important;cursor:not-allowed!important}.bubble-calendar .react-datepicker__day--outside-month{color:#cbd5e1!important}.bubble-calendar .react-datepicker__navigation{top:1rem!important;width:2rem!important;height:2rem!important;border-radius:.5rem!important;transition:all .2s!important}.bubble-calendar .react-datepicker__navigation:hover{background:#e2e8f0!important}.bubble-calendar .react-datepicker__navigation-icon:before{border-color:#64748b!important;border-width:2px 2px 0 0!important;width:8px!important;height:8px!important}.bubble-calendar .react-datepicker__navigation--previous{left:1rem!important}.bubble-calendar .react-datepicker__navigation--next{right:1rem!important}:root{--st-primary: #0a2e5d;--st-primary-light: #1a4d8c;--st-secondary: #64748b;--st-accent: #3b82f6;--st-accent-hover: #2563eb;--st-bg: #f8fafc;--st-white: #ffffff;--st-border: #e2e8f0;--st-danger: #ef4444;--st-warning: #f59e0b;--st-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--st-shadow-lg: 0 20px 25px -5px rgba(10, 46, 93, .1), 0 10px 10px -5px rgba(10, 46, 93, .04)}.st-page{padding:1.5rem 2rem;height:calc(100vh - 64px);display:flex;flex-direction:column;gap:1.5rem;background:var(--st-bg);font-family:Inter,sans-serif;animation:st-fadeIn .5s ease-out}.st-header{background:var(--st-white);padding:1.5rem 2rem;border-radius:20px;border:1px solid var(--st-border);box-shadow:var(--st-shadow);display:flex;justify-content:space-between;align-items:center}.st-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--st-secondary);margin-bottom:8px;font-weight:500}.st-breadcrumbs span{cursor:pointer;transition:color .2s}.st-breadcrumbs span:hover{color:var(--st-primary)}.st-header-cont{display:flex;flex-direction:column}.st-header-title h1{font-size:28px;font-weight:800;color:var(--st-primary);margin:0;letter-spacing:-.02em}.st-header-subtitle{margin:4px 0 0;color:var(--st-secondary);font-size:14px}.st-layout{display:flex;gap:1.5rem;flex:1;min-height:0}.st-panel{background:var(--st-white);border-radius:20px;border:1px solid var(--st-border);box-shadow:var(--st-shadow);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.st-panel:hover{box-shadow:var(--st-shadow-lg);border-color:#3b82f633}.st-panel.st-sidebar-left{width:280px;flex-shrink:0}.st-panel.st-sidebar-middle{width:320px;flex-shrink:0}.st-panel.st-content-right{flex:1}.st-panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--st-border);display:flex;justify-content:space-between;align-items:center;background:#fff}.st-panel-title{font-size:13px;font-weight:800;color:var(--st-secondary);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.st-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:10px}.st-list-item{padding:1rem 1.25rem;border-radius:14px;border:1px solid transparent;background:var(--st-white);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--st-border)}.st-list-item:hover{background:#f8fafc;border-color:var(--st-accent);transform:translate(4px);box-shadow:0 4px 12px #0000000d}.st-list-item.active{background:linear-gradient(135deg,var(--st-primary) 0%,var(--st-primary-light) 100%);color:var(--st-white);border-color:var(--st-primary);box-shadow:0 8px 16px #0a2e5d40}.st-item-content{flex:1;min-width:0}.st-item-name{font-weight:700;font-size:15px;color:var(--st-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-list-item.active .st-item-name{color:#fff}.st-item-meta{font-size:12px;color:var(--st-secondary);display:flex;align-items:center;gap:6px;font-weight:500}.st-list-item.active .st-item-meta{color:#fffc}.st-item-actions{display:flex;gap:4px;opacity:0;transition:all .2s;background:#fffffff2;padding:4px;border-radius:8px;position:absolute;right:12px;box-shadow:0 2px 8px #0000001a}.st-list-item:hover .st-item-actions{opacity:1;transform:translate(0)}.st-icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--st-secondary);cursor:pointer;transition:all .2s}.st-icon-btn:hover{background:#0a2e5d0d;color:var(--st-primary);border-color:#0a2e5d1a}.st-icon-btn.danger:hover{background:#fef2f2;color:var(--st-danger);border-color:#fca5a5}.st-btn-primary{background:linear-gradient(135deg,var(--st-primary) 0%,var(--st-primary-light) 100%);color:#fff;padding:10px 20px;border-radius:12px;border:none;font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0a2e5d33}.st-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0a2e5d4d}.st-table-wrapper{flex:1;overflow-y:auto;padding:0}.st-table{width:100%;border-collapse:separate;border-spacing:0}.st-table th{background:#f8fafc;padding:1.25rem 1.5rem;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--st-secondary);letter-spacing:.05em;position:sticky;top:0;border-bottom:2px solid var(--st-border);text-align:left;z-index:10}.st-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--st-border);color:var(--st-primary);font-size:14px;background:#fff;vertical-align:middle}.st-table tr{transition:background .2s}.st-table tr:hover td{background:#f8fafc}.st-table-row-hidden td{background:#fff1f2;color:#9f1239}.st-badge{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#e2e8f0;color:#475569}.st-badge-hidden{background:#fee2e2;color:#ef4444}.st-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--st-secondary);text-align:center;padding:3rem;background:#f8fafc}.st-empty-icon{width:64px;height:64px;background:linear-gradient(135deg,#0a2e5d0d,#0a2e5d05);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--st-primary);opacity:.6}.st-empty-text{font-size:14px;margin-bottom:1.5rem;max-width:300px;line-height:1.5}@keyframes st-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.st-modal-overlay{position:fixed;inset:0;background:#0a2e5d80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.st-modal{background:#fff;border-radius:24px;box-shadow:var(--st-shadow-lg);width:600px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.st-modal-header{padding:1.5rem 2rem;background:#fff;border-bottom:1px solid var(--st-border);display:flex;justify-content:space-between;align-items:center}.st-modal-header h3{margin:0;font-size:20px;font-weight:800;color:var(--st-primary)}.st-modal-body{padding:2rem;overflow-y:auto}.st-modal-footer{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--st-border);display:flex;justify-content:flex-end;gap:12px}.st-form-group{margin-bottom:1.25rem}.st-label{display:block;margin-bottom:.5rem;font-size:13px;font-weight:700;color:var(--st-primary);text-transform:uppercase;letter-spacing:.05em}.st-input,.st-textarea{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid var(--st-border);font-size:14px;color:var(--st-primary);transition:all .2s;font-family:inherit;background:#fff}.st-input:focus,.st-textarea:focus{outline:none;border-color:var(--st-accent);box-shadow:0 0 0 3px #3b82f61a}@media(max-width:1024px){.st-layout{flex-direction:column}.st-panel{width:100%!important;height:auto;min-height:300px}}:root{--web-primary: #0A2E5D;--web-secondary: #64748b;--web-accent: #f97316;--web-bg: #f8fafc;--web-card-bg: #ffffff;--web-border: #e2e8f0;--web-success: #10b981;--web-warning: #f59e0b;--web-danger: #ef4444;--web-shadow-sm: 0 4px 15px rgba(10, 46, 93, .03);--web-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--web-shadow-lg: 0 20px 25px -5px rgba(10, 46, 93, .1), 0 10px 10px -5px rgba(10, 46, 93, .04)}.web-page-container{min-height:100vh;padding:1.5rem 2rem;background:var(--web-bg);background-image:radial-gradient(circle at 100% 100%,rgba(10,46,93,.03) 0,transparent 25%),radial-gradient(circle at 0% 0%,rgba(224,89,30,.03) 0,transparent 25%);animation:webFadeIn .6s cubic-bezier(.16,1,.3,1)}.web-header{background:#fff;padding:1.5rem 2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 4px 20px #0a2e5d0d;border:1px solid rgba(10,46,93,.05)}.web-header-main{display:flex;flex-direction:column}.web-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.web-page-title{font-size:28px;font-weight:800;margin:0;letter-spacing:-.02em}.web-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--web-secondary);margin-top:4px;font-weight:500}.web-breadcrumb-item{transition:color .2s ease;cursor:pointer}.web-breadcrumb-item:hover{color:var(--web-primary)}.web-breadcrumb-item.active{color:var(--web-accent);font-weight:700;cursor:default}.web-breadcrumb-separator{color:#cbd5e1}.web-btn_primary{background:linear-gradient(135deg,var(--web-primary) 0%,#1a4d8c 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0a2e5d40}.web-btn_primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.web-stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.web-stat-card{background:#fff;padding:1.25rem;border-radius:1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--web-shadow-sm);border:1px solid rgba(10,46,93,.05);transition:transform .2s ease}.web-stat-card:hover{transform:translateY(-3px);box-shadow:var(--web-shadow-lg)}.web-stat-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.web-stat-icon.total{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.web-stat-icon.critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.web-stat-icon.high{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#ea580c}.web-stat-icon.normal{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a}.web-stat-content h3{font-size:1.5rem;font-weight:800;margin:0;color:var(--web-primary)}.web-stat-content p{font-size:.813rem;color:var(--web-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0}.filter-item{position:relative}.filter-item.search{flex:1;min-width:300px}.web-search-box{position:relative;width:100%}.web-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8}.web-search-input{width:100%;padding:.875rem 1.25rem .875rem 3rem;border:2px solid #f1f5f9;border-radius:1.75rem;font-size:.9375rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8fafc;color:var(--web-primary)}.web-search-input:focus{outline:none;border-color:var(--web-primary);background:#fff;box-shadow:0 0 0 4px #0a2e5d14}.web-bubble-trigger{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.125rem;border:2px solid #f1f5f9;border-radius:.875rem;background:#f8fafc;cursor:pointer;transition:all .3s ease;min-width:160px;color:var(--web-primary);font-weight:600;font-size:.875rem}.web-bubble-trigger:hover{border-color:#0a2e5d1a;background:#fff}.web-bubble-menu{position:absolute;top:calc(100% + .75rem);left:0;background:#fff;border-radius:1.125rem;box-shadow:0 15px 40px #0a2e5d26;z-index:100;min-width:200px;padding:.5rem;border:1px solid rgba(10,46,93,.08);overflow:hidden;animation:webDropdownIn .2s cubic-bezier(.16,1,.3,1)}.web-bubble-option{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:.625rem;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:600;color:#64748b;border:none;background:transparent;width:100%;text-align:left}.web-bubble-option:hover{background:#f1f5f9;color:var(--web-primary)}.web-bubble-option.selected{background:#0a2e5d0d;color:var(--web-primary)}.web-container{min-height:400px;margin:0 auto}.web-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.web-card{background:#fff;border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 4px 20px #0a2e5d0a;border:1px solid rgba(10,46,93,.05);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column}.web-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--web-accent);opacity:0;transition:opacity .3s ease}.web-card.unread{background:linear-gradient(to right,rgba(249,115,22,.03),transparent)}.web-card.unread:before{opacity:1}.web-card:hover{transform:translateY(-4px);box-shadow:var(--web-shadow-lg);border-color:#0a2e5d1a}.web-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem}.web-card-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.web-priority{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.web-card-date{font-size:.8125rem;color:#94a3b8;font-weight:600}.web-new-indicator{background:var(--web-accent);color:#fff;font-size:.6875rem;font-weight:800;padding:.25rem .5rem;border-radius:.375rem;text-transform:uppercase}.web-pinned-indicator{color:var(--web-warning);background:#fffbeb;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #fef3c7}.web-card-actions{display:flex;gap:.5rem}.web-action-buttons{display:flex;gap:.5rem;opacity:0;transform:translate(10px);transition:all .2s cubic-bezier(.4,0,.2,1)}.web-card:hover .web-action-buttons{opacity:1;transform:translate(0)}.web-action-icon-btn{width:32px;height:32px;border-radius:.5rem;border:1px solid transparent;background:#f8fafc;color:var(--web-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.web-action-icon-btn:hover{background:var(--web-primary);color:#fff;transform:translateY(-2px)}.web-action-icon-btn.delete:hover{background:#fff1f2;color:var(--web-danger);border-color:#fecdd3}.web-btn-join{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s;margin-right:.5rem;box-shadow:0 2px 4px #2563eb33}.web-btn-join:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb4d}.recordings-premium{max-width:1200px!important;height:85vh;background:#fff}.recordings-content-split{padding:0!important;flex:1;display:flex;overflow:hidden}.web-recordings-premium-layout{display:grid;grid-template-columns:320px 1fr;width:100%;height:100%}.web-recordings-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.web-sidebar-header{padding:1.25rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;font-size:.813rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.web-recordings-nav{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.web-recording-premium-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.web-recording-premium-card:hover{border-color:var(--web-primary);transform:translate(4px);box-shadow:0 4px 12px #0a2e5d0d}.web-recording-premium-card.active{background:#eff6ff;border-color:var(--web-primary);box-shadow:0 4px 15px #1e40af1a}.web-card-play-icon{width:36px;height:36px;border-radius:50%;background:#f1f5f9;color:var(--web-primary);display:flex;align-items:center;justify-content:center;transition:all .2s}.web-recording-premium-card.active .web-card-play-icon{background:var(--web-primary);color:#fff}.web-card-info h4{margin:0;font-size:.938rem;font-weight:700;color:var(--web-primary)}.web-card-info span{font-size:.75rem;color:#94a3b8;font-weight:500}.web-active-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--web-primary);border-radius:4px 0 0 4px}.web-recordings-main{background:#0f172a;display:flex;flex-direction:column;position:relative}.web-player-container-premium{flex:1;display:flex;flex-direction:column;position:relative}.web-video-surface{flex:1;display:flex;align-items:center;justify-content:center;background:#000}.web-video-surface video{width:100%;max-height:100%;outline:none}.web-player-overlay-actions{position:absolute;bottom:2rem;right:2rem;display:flex;gap:1rem;z-index:10}.web-glass-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.625rem;cursor:pointer;transition:all .2s;text-decoration:none}.web-glass-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.web-glass-btn.primary{background:var(--web-primary);border-color:transparent}.web-glass-btn.primary:hover{background:#1d4ed8}.web-loading-immersive,.web-empty-immersive,.web-error-box.immersive{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#fff;text-align:center;padding:4rem}.web-empty-immersive h3{font-size:1.5rem;font-weight:800;color:var(--web-primary);margin:0}.web-empty-immersive p{color:#64748b;max-width:320px;margin:0}.web-error-box.immersive{color:#dc2626}.web-btn-retry{background:#dc2626;color:#fff;border:none;padding:.75rem 2rem;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.web-btn-retry:hover{background:#b91c1c;transform:translateY(-2px)}@media(max-width:1024px){.web-recordings-premium-layout{grid-template-columns:1fr}.web-recordings-sidebar{height:250px;border-right:none;border-bottom:1px solid #e2e8f0}}.web-card-body{padding-top:.5rem}.web-type-badge{display:inline-flex;align-items:center;gap:.25rem;background:#f1f5f9;color:var(--web-primary);padding:.25rem .5rem;border-radius:.5rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.web-title{font-size:1.125rem;font-weight:800;color:var(--web-primary);margin:0 0 .25rem;line-height:1.4}.web-message{font-size:.9375rem;color:var(--web-secondary);line-height:1.6;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.web-summarized-scope{display:flex;gap:.75rem}.web-scope-count{display:flex;align-items:center;gap:.375rem;color:var(--web-secondary);font-size:.8125rem;font-weight:600;background:#f8fafc;padding:.375rem .75rem;border-radius:.5rem}@keyframes webFadeIn{0%{opacity:0}to{opacity:1}}@keyframes webDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.web-loading,.web-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;text-align:center;background:#fff;border-radius:1.5rem;box-shadow:var(--web-shadow-sm)}.web-loading .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--web-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}.web-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:webFadeIn .3s ease-out}.web-modal-wrapper{background:#fff;width:100%;max-width:800px;max-height:90vh;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:webDropdownIn .3s cubic-bezier(.16,1,.3,1)}.web-modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--web-border);display:flex;justify-content:space-between;align-items:center;background:#fff}.web-modal-title-area h2{font-size:1.5rem;font-weight:800;color:var(--web-primary);margin:0}.web-modal-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid #f1f5f9;background:#fff;color:var(--web-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.web-modal-close-btn:hover{background:#f8fafc;color:var(--web-danger);transform:rotate(90deg);border-color:#fee2e2}.web-btn-submit{background:var(--web-primary);color:#fff;padding:.75rem 2rem;border-radius:.75rem;font-weight:700;border:none;cursor:pointer;transition:all .2s}.web-btn-submit:hover{background:#1e40af;transform:translateY(-2px)}.web-btn-cancel{background:#fff;color:var(--web-secondary);border:1px solid var(--web-border);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer}.web-btn-cancel:hover{background:#f8fafc;color:var(--web-primary)}.web-modal-content{flex:1;overflow-y:auto;padding:2rem}.web-modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--web-border);display:flex;justify-content:flex-end;gap:1rem;background:#fff}.web-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.web-form-group label{font-size:.8125rem;font-weight:700;color:var(--web-primary);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.25rem}.web-required-star{color:var(--web-danger);font-weight:800}.web-form-input,.web-form-textarea{width:100%;padding:.875rem 1rem;border:2px solid #f1f5f9;background:#f8fafc;border-radius:.875rem;font-size:.9375rem;font-weight:500;transition:all .2s;box-sizing:border-box}.web-form-textarea{resize:vertical}.web-form-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:2px solid #f1f5f9;background:#f8fafc;border-radius:.875rem;font-size:.9375rem;font-weight:500;transition:all .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231e3a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;cursor:pointer}.web-form-input::placeholder,.web-form-textarea::placeholder{color:#94a3b8;font-weight:400}.web-form-input:focus,.web-form-select:focus,.web-form-textarea:focus{outline:none;background:#fff;border-color:var(--web-primary);box-shadow:0 0 0 4px #1e3a8a1a}.web-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.web-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.web-bio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}.web-grid-2>*,.web-grid-3>*,.web-bio-grid>*{min-width:0}.web-tabs-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.web-tabs-actions{display:flex;align-items:center;gap:1rem;flex:0 0 auto}.web-lang-tabs{display:inline-flex;background:#f1f5f9;padding:4px;border-radius:12px;gap:4px;border:1px solid #e2e8f0;width:fit-content}.web-lang-tab{flex:0 0 auto;padding:8px 20px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--web-secondary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:160px}.web-lang-tab.active{background:#fff;color:var(--web-primary);box-shadow:0 2px 8px #0000000d;border-color:#0000000a;font-weight:700;transform:none}.web-lang-tab:hover:not(.active){background:#fff9;color:var(--web-primary)}.web-dropdown{position:relative;width:100%}.web-dropdown-trigger{width:100%;padding:.875rem 1rem;border:2px solid #f1f5f9;background:#f8fafc;border-radius:.875rem;font-size:.9375rem;color:var(--web-primary);font-weight:500;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.web-dropdown.disabled .web-dropdown-trigger{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;border-color:#cbd5e1}.web-dropdown-trigger:hover:not(:disabled){background:#fff;border-color:var(--web-primary)}.web-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border-radius:1rem;box-shadow:var(--web-shadow-lg);border:1px solid #f1f5f9;padding:.5rem;z-index:50;max-height:250px;overflow-y:auto;animation:webDropdownIn .2s ease-out}.web-dropdown-option{width:100%;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;border-radius:.5rem;border:none;background:transparent;color:var(--web-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:left}.web-dropdown-option:hover{background:#f1f5f9;color:var(--web-primary);font-weight:600}.web-dropdown-option.active{background:#f973161a;color:var(--web-accent);font-weight:700}.web-dropdown-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--web-accent)}.web-dropdown-divider{height:1px;background:#f1f5f9;margin:.5rem 0}.web-card-recordings-shelf{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9;animation:webShelfSlideDown .4s cubic-bezier(.16,1,.3,1)}@keyframes webShelfSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.web-card-loading,.web-card-empty{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:#f8fafc;border-radius:.75rem;color:#64748b;font-size:.875rem;font-weight:500}.web-shelf-content{display:grid;grid-template-columns:1fr 180px;gap:1rem}.web-shelf-player{background:#0f172a;border-radius:.75rem;overflow:hidden;height:180px;display:flex;align-items:center;justify-content:center}.web-mini-player{width:100%;height:100%;object-fit:contain}.web-shelf-list{display:flex;flex-direction:column;gap:.5rem;max-height:180px;overflow-y:auto;padding-right:.25rem}.web-shelf-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.625rem;font-size:.813rem;font-weight:600;color:var(--web-primary);cursor:pointer;transition:all .2s}.web-shelf-item:hover{background:#f1f5f9;border-color:var(--web-primary)}.web-shelf-item.active{background:var(--web-primary);color:#fff;border-color:var(--web-primary)}.web-shelf-list::-webkit-scrollbar{width:4px}.web-shelf-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@media(max-width:480px){.web-shelf-content{grid-template-columns:1fr}.web-shelf-list{max-height:120px}}@media(max-width:1200px){.web-page-container{padding:1.5rem}.web-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:1024px){.web-stats-section{grid-template-columns:repeat(2,1fr)}.web-header{padding:1.25rem 1.5rem}}@media(max-width:768px){.web-header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.web-header-actions{width:100%}.web-btn_primary{width:100%;justify-content:center}.web-tabs-row{flex-direction:column;align-items:stretch;gap:1.25rem}.web-lang-tabs{width:100%;display:flex}.web-lang-tab{flex:1;min-width:0;padding:8px 10px;font-size:.813rem}.web-filter-group{display:flex;flex-direction:column;gap:1rem;width:100%}.filter-item.search{min-width:0;width:100%}.web-bubble-trigger{width:100%}.web-grid{grid-template-columns:1fr}.web-modal-wrapper{max-height:95vh;border-radius:1.25rem}.web-modal-header,.web-modal-content,.web-modal-footer{padding:1.25rem 1.5rem}.web-grid-2,.web-grid-3,.web-bio-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:640px){.web-page-container{padding:1rem}.web-page-title{font-size:22px}.web-breadcrumb{font-size:.8rem}.web-stats-section{grid-template-columns:1fr;gap:1rem}.web-stat-card{padding:1rem}.web-stat-icon{width:3rem;height:3rem}.web-stat-content h3{font-size:1.25rem}.web-card{padding:1rem}.web-action-buttons{opacity:1;transform:none}.web-modal-overlay{padding:1rem}.web-modal-header h2{font-size:1.25rem}}@media(max-width:480px){.web-header{padding:1rem;border-radius:16px}.web-search-input{padding:.75rem 1rem .75rem 2.8rem;font-size:.875rem}.web-search-icon{left:1rem}.web-title{font-size:1rem}.web-message{font-size:.875rem}.web-btn-join{padding:.4rem .8rem;font-size:.75rem}.web-modal-footer{flex-direction:column-reverse;padding:1rem}.web-btn-submit,.web-btn-cancel{width:100%;padding:.75rem;text-align:center}}@media(max-width:768px){.web-tabs-actions .web-search-box{max-width:none!important;width:100%!important}.web-tabs-actions{width:100%;margin-top:.5rem}}:root{--wa-primary: #25d366;--wa-primary-dark: #128c7e;--wa-primary-darker: #075e54;--wa-secondary: #34b7f1;--wa-bg-main: #111b21;--wa-bg-chat-list: #111b21;--wa-bg-panel: #202c33;--wa-bg-input: #2a3942;--wa-bg-hover: #2a3942;--wa-bg-active: #2a3942;--wa-text-primary: #e9edef;--wa-text-secondary: #8696a0;--wa-text-muted: #667781;--wa-border: #222d34;--wa-sent-bg: #005c4b;--wa-received-bg: #202c33;--wa-wallpaper: #0b141a;--wa-unread: #00a884}.whatsapp-container{display:flex;height:calc(100vh - 64px);width:100%;overflow:hidden;background-color:var(--wa-bg-main);font-family:Segoe UI,Helvetica,Arial,sans-serif}.wa-chat-list-column{width:400px;min-width:300px;max-width:450px;background-color:var(--wa-bg-chat-list);border-right:1px solid var(--wa-border);display:flex;flex-direction:column;overflow:hidden}.wa-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:var(--wa-bg-panel);border-bottom:1px solid var(--wa-border)}.wa-header-icon{font-size:28px;color:var(--wa-primary)}.wa-header span{font-size:20px;font-weight:600;color:var(--wa-text-primary)}.wa-search-container{padding:8px 12px;background-color:var(--wa-bg-chat-list)}.wa-search-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background-color:var(--wa-bg-input);border-radius:8px}.wa-search-icon{font-size:18px;color:var(--wa-text-secondary)}.wa-search-bar input{flex:1;border:none;outline:none;background:transparent;color:var(--wa-text-primary);font-size:14px}.wa-search-bar input::placeholder{color:var(--wa-text-muted)}.wa-chats-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--wa-text-muted) transparent}.wa-chats-list::-webkit-scrollbar{width:6px}.wa-chats-list::-webkit-scrollbar-thumb{background-color:var(--wa-text-muted);border-radius:3px}.wa-chat-item{display:flex;align-items:center;gap:15px;padding:12px 15px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--wa-border);overflow:hidden}.wa-chat-item:hover{background-color:var(--wa-bg-hover)}.wa-chat-item.active{background-color:var(--wa-bg-active)}.wa-chat-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;flex-shrink:0}.wa-chat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.wa-chat-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.wa-chat-name{font-size:16px;font-weight:500;color:var(--wa-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.wa-chat-time{font-size:12px;color:var(--wa-text-muted);flex-shrink:0}.wa-chat-preview-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.wa-chat-preview{font-size:14px;color:var(--wa-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.wa-unread-badge{background-color:var(--wa-unread);color:var(--wa-bg-main);font-size:11px;font-weight:600;padding:2px 6px;border-radius:12px;min-width:20px;text-align:center;flex-shrink:0}.wa-chat-window{flex:1;display:flex;flex-direction:column;background-color:var(--wa-wallpaper);overflow:hidden;position:relative}.wa-chat-window:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30v4h-2v-4h-4v-2h4v-4h2v4h4v2h-4zm-30 30v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30v4h-2v-4h-4v-2h4v-4h2v4h4v2h-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.wa-chat-header{display:flex;align-items:center;gap:15px;padding:12px 20px;background-color:var(--wa-bg-panel);border-bottom:1px solid var(--wa-border);z-index:2}.wa-header-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.wa-header-info{display:flex;flex-direction:column;gap:2px}.wa-header-name{font-size:16px;font-weight:500;color:var(--wa-text-primary)}.wa-header-status{font-size:13px;color:var(--wa-text-secondary)}.wa-messages-area{flex:1;overflow:hidden;position:relative;z-index:1}.wa-messages-area .messages-container,.wa-messages-area .wa-messages-container{height:100%;padding:10px 20px;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--wa-text-muted) transparent}.wa-messages-area .messages-container::-webkit-scrollbar,.wa-messages-area .wa-messages-container::-webkit-scrollbar{width:6px}.wa-messages-area .messages-container::-webkit-scrollbar-thumb,.wa-messages-area .wa-messages-container::-webkit-scrollbar-thumb{background-color:var(--wa-text-muted);border-radius:3px}.wa-messages-area .wa-message-bubble{width:fit-content;max-width:65%;min-width:80px;padding:8px 12px;margin:2px 0;border-radius:8px;font-size:14.2px;line-height:1.45;word-wrap:break-word;position:relative}.wa-messages-area .wa-message-bubble.sent{background-color:var(--wa-sent-bg);color:var(--wa-text-primary);align-self:flex-end;border-radius:8px 8px 0}.wa-messages-area .wa-message-bubble.received{background-color:var(--wa-received-bg);color:var(--wa-text-primary);align-self:flex-start;border-radius:8px 8px 8px 0}.wa-messages-area .wa-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.wa-messages-area .wa-message-time{font-size:11px;color:#fff9}.wa-tick-icon{font-size:16px;color:#ffffff80}.wa-tick-delivered{color:#ffffffb3}.wa-tick-read{color:var(--wa-secondary)}.wa-tick-pending{font-size:12px;color:#ffffff80}.wa-messages-area .date-label{text-align:center;margin:16px auto;padding:6px 14px;background-color:#202c33f2;border-radius:8px;font-size:12px;color:var(--wa-text-secondary);width:fit-content}.wa-messages-area .media-image{max-width:100%;max-height:300px;border-radius:8px;margin-top:4px}.wa-messages-area .media-video,.wa-messages-area .media-audio{width:100%;max-width:400px;margin-top:4px;border-radius:8px}.wa-messages-area .media-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#0003;border-radius:8px;color:var(--wa-secondary);text-decoration:none;margin-top:4px;font-size:13px}.wa-input-container{display:flex;align-items:center;gap:12px;padding:12px 20px;background-color:var(--wa-bg-panel);border-top:1px solid var(--wa-border);z-index:2}.wa-attach-wrapper{position:relative}.wa-attach-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--wa-text-secondary);font-size:22px;cursor:pointer;border-radius:50%;transition:all .2s ease}.wa-attach-btn:hover{color:var(--wa-text-primary);background-color:var(--wa-bg-hover)}.wa-message-input{flex:1;padding:10px 16px;border:none;border-radius:8px;background-color:var(--wa-bg-input);color:var(--wa-text-primary);font-size:15px;outline:none}.wa-message-input::placeholder{color:var(--wa-text-muted)}.wa-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background-color:var(--wa-unread);color:var(--wa-bg-main);font-size:20px;cursor:pointer;border-radius:50%;transition:all .2s ease}.wa-send-btn:hover:not(:disabled){background-color:var(--wa-primary);transform:scale(1.05)}.wa-send-btn:disabled{opacity:.5;cursor:not-allowed}.wa-upload-menu{position:absolute;bottom:50px;left:0;background-color:var(--wa-bg-panel);border-radius:12px;box-shadow:0 4px 20px #0006;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:180px;z-index:100}.wa-upload-option{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--wa-text-primary);cursor:pointer;border-radius:8px;transition:background-color .2s ease;font-size:14px}.wa-upload-option:hover{background-color:var(--wa-bg-hover)}.wa-upload-option svg{font-size:20px;color:var(--wa-primary)}.wa-selected-file{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:var(--wa-bg-input);border-radius:8px;margin-top:8px}.wa-selected-file span{flex:1;font-size:13px;color:var(--wa-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-selected-file button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease}.wa-selected-file button:first-of-type{background-color:var(--wa-unread);color:var(--wa-bg-main)}.wa-selected-file button:first-of-type:hover{background-color:var(--wa-primary)}.wa-selected-file button:last-of-type{background-color:transparent;color:var(--wa-text-secondary);padding:6px}.wa-selected-file button:last-of-type:hover{color:#ff6b6b}.wa-no-chat{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--wa-bg-panel);z-index:1}.wa-no-chat-content{text-align:center;padding:40px}.wa-no-chat-icon{font-size:100px;color:var(--wa-primary);opacity:.6;margin-bottom:20px}.wa-no-chat-content h2{font-size:32px;font-weight:300;color:var(--wa-text-primary);margin-bottom:16px}.wa-no-chat-content p{font-size:14px;color:var(--wa-text-secondary);max-width:500px;line-height:1.5}.wa-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--wa-text-secondary)}@media(max-width:1200px){.wa-chat-list-column{width:350px;min-width:280px}}@media(max-width:900px){.wa-chat-list-column{width:300px;min-width:250px}.wa-chat-avatar{width:45px;height:45px}.wa-chat-name{font-size:15px}}@media(max-width:768px){.whatsapp-container{flex-direction:column}.wa-chat-list-column{width:100%;max-width:100%;height:45%;min-height:300px}.wa-chat-window{height:55%}}@media(max-width:480px){.wa-chat-list-column{height:40%;min-height:250px}.wa-chat-item{padding:10px 12px;gap:12px}.wa-chat-avatar{width:42px;height:42px}.wa-input-container{padding:10px 12px;gap:8px}.wa-messages-area .wa-message-bubble{max-width:80%}}.scroll-to-bottom-button{position:absolute;bottom:20px;right:20px;background-color:var(--wa-bg-panel);border:none;border-radius:50%;color:var(--wa-text-secondary);font-size:24px;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;transition:all .2s ease;z-index:10}.scroll-to-bottom-button:hover{background-color:var(--wa-bg-hover);color:var(--wa-text-primary)}.message-bubble,.wa-message-bubble{width:fit-content;max-width:65%;min-width:80px}.sent{background-color:var(--wa-sent-bg);color:var(--wa-text-primary);align-self:flex-end;border-radius:8px 8px 0}.received{background-color:var(--wa-received-bg);color:var(--wa-text-primary);align-self:flex-start;border-radius:8px 8px 8px 0}.messages-container,.wa-messages-container{display:flex;flex-direction:column;gap:2px;padding:10px 20px;height:100%;overflow-y:auto}.date-label{text-align:center;margin:16px auto;padding:6px 14px;background-color:#202c33f2;border-radius:8px;font-size:12px;color:var(--wa-text-secondary);width:fit-content}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:11px;color:#fff9}:root{--tg-primary: #3390ec;--tg-primary-hover: #2b7cd3;--tg-sidebar-bg: #ffffff;--tg-chat-bg: #0e1621;--tg-message-out: #effdde;--tg-message-in: #ffffff;--tg-text-primary: #000000;--tg-text-secondary: #707579;--tg-text-muted: #8e9296;--tg-border: #e7e7e7;--tg-hover: #f4f4f5;--tg-active: #3390ec1a;--tg-unread: #3390ec;--tg-online: #0ac630;--tg-sent-bg: #eeffde;--tg-wallpaper: linear-gradient(180deg, #c8ddea 0%, #9cbbd3 100%)}*{margin:0;padding:0;box-sizing:border-box}.telegram-container{display:flex;height:calc(100vh - 85px);background:var(--tg-chat-bg);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.telegram-container .chat-list-column{width:380px;min-width:380px;max-width:380px;background:var(--tg-sidebar-bg);display:flex;flex-direction:column;border-right:1px solid var(--tg-border);overflow:hidden}.telegram-container .telegram-header{display:flex;align-items:center;padding:12px 16px;background:var(--tg-sidebar-bg);color:var(--tg-text-primary);font-size:1.25rem;font-weight:600;border-bottom:1px solid var(--tg-border);min-height:56px}.telegram-container .telegram-header svg{color:var(--tg-primary);font-size:1.5rem}.telegram-container .search-bar-container{padding:8px 12px;background:var(--tg-sidebar-bg)}.telegram-container .search-bar-chat{display:flex;align-items:center;background:#f4f4f5;padding:10px 14px;border-radius:22px;gap:10px;transition:all .2s ease;border:none;box-shadow:none}.telegram-container .search-bar-chat:focus-within{background:#eaeaeb}.telegram-container .search-bar-chat svg{color:var(--tg-text-muted);font-size:1rem;flex-shrink:0}.telegram-container .search-bar-chat input{border:none;outline:none;flex:1;font-size:.95rem;background:transparent;color:var(--tg-text-primary)}.telegram-container .search-bar-chat input::placeholder{color:var(--tg-text-muted)}.telegram-container .chats-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}.telegram-container .chats-list::-webkit-scrollbar{width:6px}.telegram-container .chats-list::-webkit-scrollbar-track{background:transparent}.telegram-container .chats-list::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.telegram-container .chats-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.telegram-container .chat-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .15s ease;position:relative;border-radius:10px;margin:2px 8px;gap:12px;min-height:72px}.telegram-container .chat-item:hover{background:var(--tg-hover)}.telegram-container .chat-item.active{background:var(--tg-primary)}.telegram-container .chat-item.active strong,.telegram-container .chat-item.active p,.telegram-container .chat-item.active .chat-time{color:#fff!important}.telegram-container .chat-item-content{display:flex;align-items:center;flex:1;min-width:0;gap:12px;overflow:hidden}.telegram-container .chat-thumbnail{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.telegram-container .chat-item-content>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;overflow:hidden}.telegram-container .chat-item strong{color:var(--tg-text-primary);font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.telegram-container .chat-item p{color:var(--tg-text-secondary);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;margin:0;max-width:100%}.telegram-container .unread-count{background:var(--tg-unread);color:#fff;font-size:.75rem;font-weight:600;border-radius:50%;min-width:22px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto}.telegram-container .chat-item.active .unread-count{background:#fff;color:var(--tg-primary)}.telegram-container .chat-window-column{flex:1;display:flex;flex-direction:column;background:var(--tg-wallpaper);position:relative;overflow:hidden}.telegram-container .chat-header{display:flex;align-items:center;padding:8px 16px;background:#fff;border-bottom:1px solid var(--tg-border);min-height:56px;gap:12px;z-index:10}.telegram-container .profile-photo{width:42px;height:42px;border-radius:50%;object-fit:cover;border:none;flex-shrink:0}.telegram-container .chat-header-info{flex:1;min-width:0}.telegram-container .chat-header-info h3{color:var(--tg-text-primary);font-size:.95rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telegram-container .chat-header-info p{color:var(--tg-text-secondary);font-size:.8rem;margin:2px 0 0}.telegram-container .messages-container,.wa-messages-container{flex:1;display:flex;flex-direction:column;padding:10px 20px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.wa-messages-container::-webkit-scrollbar{width:6px}.wa-messages-container::-webkit-scrollbar-track{background:transparent}.wa-messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.wa-date-group{margin-bottom:8px;display:flex;flex-direction:column}.wa-date-label{display:inline-block;background:#00000059;color:#fff;padding:5px 12px;border-radius:8px;font-size:.8rem;font-weight:500;align-self:center;margin:16px 0 12px}.wa-message-bubble{width:fit-content;max-width:65%;min-width:80px;padding:8px 10px 6px;margin:2px 0;border-radius:8px;font-size:.9375rem;line-height:1.4;word-wrap:break-word;position:relative;box-shadow:0 1px .5px #0b141a21}.wa-message-bubble.wa-sent{background:var(--tg-sent-bg);align-self:flex-end;border-radius:8px 8px 0;margin-left:auto;margin-right:0}.wa-message-bubble.wa-received{background:var(--tg-message-in);align-self:flex-start;border-radius:8px 8px 8px 0;margin-right:auto;margin-left:0}.wa-sender-name{font-size:.8125rem;font-weight:600;color:var(--tg-primary);margin-bottom:2px}.wa-message-text{color:var(--tg-text-primary);margin:0;white-space:pre-wrap}.wa-chat-link{color:var(--tg-primary);text-decoration:none}.wa-chat-link:hover{text-decoration:underline}.wa-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px}.wa-chat-timestamp{font-size:.6875rem;color:var(--tg-text-muted)}.wa-delivery-status{display:flex;align-items:center;margin-left:2px}.wa-tick-icon{font-size:16px;color:var(--tg-text-muted)}.wa-tick-delivered{color:var(--tg-text-muted)}.wa-tick-read{color:#53bdeb}.wa-tick-pending{font-size:13px;color:var(--tg-text-muted)}.wa-media-wrapper{cursor:pointer;display:flex;flex-direction:column;gap:4px}.wa-media-image{max-width:330px;max-height:330px;border-radius:8px;object-fit:cover}.wa-media-video{max-width:330px;border-radius:8px}.wa-media-audio{width:280px;height:40px}.wa-media-caption{font-size:.875rem;color:var(--tg-text-primary);margin-top:4px}.wa-media-file-container{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f0f2f5;border-radius:8px;cursor:pointer;transition:background .2s}.wa-media-file-container:hover{background:#e4e6e9}.wa-file-icon{font-size:28px;color:var(--tg-primary)}.wa-media-file-link{color:var(--tg-primary);font-size:.875rem;word-break:break-all;text-decoration:none}.wa-media-loading{display:flex;align-items:center;gap:8px;padding:20px;color:var(--tg-text-muted)}.wa-spinner-small{width:18px;height:18px;border:2px solid var(--tg-primary);border-top:2px solid transparent;border-radius:50%;animation:wa-spin .8s linear infinite}@keyframes wa-spin{to{transform:rotate(360deg)}}.wa-unsupported-format{padding:12px;background:#fef3cd;border-radius:8px;color:#856404;font-size:.875rem}.wa-scroll-to-bottom-button{position:absolute;bottom:90px;right:20px;background:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s;z-index:10}.wa-scroll-to-bottom-button:hover{background:#f5f5f5;transform:scale(1.05)}.wa-scroll-to-bottom-button svg{color:var(--tg-text-muted);font-size:28px}.wa-download-all-button{align-self:center;padding:8px 16px;background:var(--tg-primary);color:#fff;border:none;border-radius:20px;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:6px;margin:12px 0;transition:background .2s}.wa-download-all-button:hover{background:var(--tg-primary-hover)}.telegram-container .message-input-container{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border-top:1px solid var(--tg-border);position:relative}.telegram-container .message-input-container input{flex:1;padding:12px 18px;border:none;border-radius:22px;font-size:.9375rem;outline:none;background:#f4f4f5;color:var(--tg-text-primary);transition:background .2s}.telegram-container .message-input-container input:focus{background:#eaeaeb}.telegram-container .message-input-container input::placeholder{color:var(--tg-text-muted)}.telegram-container .message-input-container .attach-button,.telegram-container .message-input-container .send-button{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.25rem}.telegram-container .message-input-container .attach-button{background:transparent;color:var(--tg-text-muted)}.telegram-container .message-input-container .attach-button:hover{background:var(--tg-hover);color:var(--tg-primary)}.telegram-container .message-input-container .send-button{background:var(--tg-primary);color:#fff;box-shadow:0 2px 6px #3390ec59}.telegram-container .message-input-container .send-button:hover{background:var(--tg-primary-hover);transform:scale(1.05)}.telegram-container .message-input-container .send-button:disabled,.telegram-container .message-input-container .attach-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.telegram-container .attachment-tooltip{position:absolute;bottom:65px;left:15%;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:8px;z-index:100;display:flex;flex-direction:column;gap:2px;min-width:160px}.telegram-container .tooltip-option{display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.9375rem;color:var(--tg-text-primary);transition:background .15s}.telegram-container .tooltip-option:hover{background:var(--tg-hover)}.telegram-container .tooltip-option svg{color:var(--tg-primary);font-size:1.25rem}.telegram-container .no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#fff;font-size:1.125rem;text-align:center;padding:20px;background:#0000001a}.telegram-container .no-chat-selected:before{content:"";width:140px;height:140px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff' opacity='0.3'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E") center/contain no-repeat;margin-bottom:20px;opacity:.4}.telegram-container .preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.telegram-container .preview-content{background:#fff;padding:24px;border-radius:16px;position:relative;width:420px;max-width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.telegram-container .close-preview{position:absolute;top:12px;right:12px;width:32px;height:32px;background:var(--tg-hover);border:none;border-radius:50%;font-size:1.25rem;color:var(--tg-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.telegram-container .close-preview:hover{background:#e0e0e0;color:var(--tg-text-primary)}.telegram-container .preview-image,.telegram-container .preview-video{max-width:100%;max-height:300px;object-fit:contain;border-radius:12px;margin-bottom:16px}.telegram-container .preview-file{padding:16px;background:var(--tg-hover);border-radius:12px;margin-bottom:16px;color:var(--tg-text-primary);font-size:.9375rem}.telegram-container .preview-input{width:100%;padding:12px 16px;border:1px solid var(--tg-border);border-radius:12px;margin-bottom:16px;font-size:.9375rem;outline:none;transition:border-color .2s}.telegram-container .preview-input:focus{border-color:var(--tg-primary)}.telegram-container .send-preview-button{width:100%;padding:12px;background:var(--tg-primary);border:none;border-radius:12px;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.telegram-container .send-preview-button:hover{background:var(--tg-primary-hover)}.telegram-container .send-preview-button:disabled{background:#ccc;cursor:not-allowed}.wa-media-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.wa-media-preview-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:90%;max-height:90%}.wa-preview-close{position:absolute;top:-50px;right:0;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.wa-preview-close:hover{background:#fff3}.wa-preview-image,.wa-preview-video{max-width:100%;max-height:80vh;border-radius:8px}.wa-preview-download{margin-top:16px;padding:10px 20px;background:var(--tg-primary);color:#fff;border:none;border-radius:24px;font-size:.9375rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.wa-preview-download:hover{background:var(--tg-primary-hover)}.wa-loading-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.wa-spinner{width:40px;height:40px;border:3px solid rgba(51,144,236,.2);border-top-color:var(--tg-primary);border-radius:50%;animation:wa-spin .8s linear infinite}@media(max-width:1200px){.telegram-container .messages-container,.wa-messages-container,.telegram-container .message-input-container{padding:10px 20px}.telegram-container .attachment-tooltip{left:20px}}@media(max-width:900px){.telegram-container .chat-list-column{width:320px;min-width:320px;max-width:320px}.telegram-container .messages-container,.wa-messages-container,.telegram-container .message-input-container{padding:10px 16px}.telegram-container .attachment-tooltip{left:16px}}@media(max-width:768px){.telegram-container{flex-direction:column;height:calc(100vh - 60px)}.telegram-container .chat-list-column{width:100%;min-width:100%;max-width:100%;max-height:45vh;border-right:none;border-bottom:1px solid var(--tg-border)}.telegram-container .chat-window-column{flex:1;min-height:0}.telegram-container .messages-container,.wa-messages-container,.telegram-container .message-input-container{padding:10px 16px}.telegram-container .attachment-tooltip{left:16px}.wa-message-bubble{max-width:80%}.telegram-container .chat-thumbnail{width:48px;height:48px}.telegram-container .chat-item{min-height:68px}}@media(max-width:480px){.telegram-container .chat-list-column{max-height:40vh}.telegram-container .chat-item{padding:8px 10px;margin:2px 6px;min-height:64px}.telegram-container .chat-thumbnail{width:44px;height:44px}.telegram-container .telegram-header{padding:10px 12px;font-size:1.125rem}.wa-message-bubble{max-width:85%;font-size:.875rem}.wa-media-image,.wa-media-video{max-width:220px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wa-message-bubble{animation:fadeIn .2s ease-out}.max-ui-container{display:flex;background:#b64848;height:100vh;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}.max-sidebar{width:24rem;background:#fff;border-right:1.5px solid #e9eaee;display:flex;flex-direction:column}.max-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:24px 18px 6px;font-size:23px;font-weight:600;color:#181945}.max-add-chat{border-radius:8px;border:none;width:32px;height:32px;font-size:21px;color:#000;cursor:pointer;outline:none}.max-search-container{padding:4px 18px 13px}.max-search-box{width:92%;padding:10px 14px;border-radius:13px;border:1.3px solid #e0e3ea;background:#f3f3f3;font-size:16px;color:#2b3263}.max-contacts-list{flex:1;overflow-y:auto}.max-contact-row{display:flex;align-items:center;padding:13px 14px 13px 18px;border-radius:8px;margin:2px 5px;background:none;cursor:pointer;gap:10px;transition:background .16s}.max-contact-row.active,.max-contact-row:hover{background:#ebf5ff}.max-avatar{width:50px;height:50px;border-radius:50%;background:#ddeafc;display:flex;justify-content:center;align-items:center;flex-shrink:0}.max-avatar.bot{background:linear-gradient(130deg,#7fa7f5,#e2efff 90%)}.max-avatar.fav{background:#d5dae5}.max-contact-info{display:flex;justify-content:space-between;width:100%}.max-contact-details{flex:1;min-width:0;display:flex;flex-direction:column}.max-contact-title{display:flex;align-items:center;font-weight:700;font-size:15px;color:#25253d}.max-verified{margin-left:5px;color:#2686e7;font-size:17px}.max-contact-preview{font-size:14px;line-height:16px;color:#7f8594;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.max-contact-time{font-size:13px;color:#96a1b7;min-width:47px;text-align:right}.max-chat-main{flex:1;background:linear-gradient(95deg,#d6e8fd,#e4eaff);display:flex;flex-direction:column;position:relative;overflow:hidden}.max-no-contact{margin:auto;color:#8bb8e7;font-size:23px;font-weight:500}.max-chat-header{display:flex;align-items:center;padding:12px;background:#fff;border-bottom:none}.max-back-btn{width:30px;height:30px;font-size:28px;color:#000;margin-right:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.max-chat-avatar{width:42px;height:42px;border-radius:50%;background:#ddeafc;margin-right:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.max-chat-name-area{display:flex;flex-direction:column}.max-chat-name{font-size:16px;font-weight:700;color:#1c2852}.max-bot-label{font-size:14px;color:#7e95be;margin-top:2px;font-weight:400}.max-spacer{flex:1}.max-chat-header-btn{background:none;border:none;font-size:24px;color:#000;padding:0 10px;cursor:pointer}.max-chat-content-area{flex:1 1 auto;overflow-y:auto;padding:2rem 5rem;position:relative;display:flex;flex-direction:column;margin-bottom:4rem}.max-chat-message{background:#fff;border-radius:14px;padding:16px 21px 15px 19px;box-shadow:0 2px 10px #b2cbe12e;font-size:16px;color:#222b3f;margin-bottom:4px;max-width:700px;width:fit-content;white-space:pre-line}.max-chat-image{max-width:420px;border-radius:10px;margin-bottom:7px;display:block}.max-chat-time{font-size:13px;color:#839bc2;text-align:right;display:block;margin-top:5px}.max-chat-input-bar{position:absolute;left:5rem;right:5rem;bottom:20px;display:flex;align-items:center;background:#f5fafd;border-top:1.5px solid #e6eaea;gap:10px;border-radius:15px;padding:0 14px}.max-attach-btn{background:none;border:none;font-size:27px;margin-right:10px;cursor:pointer;color:#7f8594;outline:none}.max-input-text{flex:1;border:none;padding:18px;font-size:17px;background:#fff;color:#242e55}.max-input-text:focus{outline:none}.max-sticker-btn{background:none;border:none;font-size:27px;margin-right:10px;cursor:pointer;color:#7f8594;outline:none}.max-send-btn{background:#007bff;border:none;border-radius:50%;width:42px;height:42px;color:#fff;font-size:27px;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center}.max-popup-menu{position:absolute;left:0;bottom:65px;background:#fff;border-radius:15px;box-shadow:0 2px 10px #b2cbe12e;font-size:16px;font-weight:500;color:#323e54;display:flex;flex-direction:column;min-width:130px;z-index:10;overflow:hidden}.max-popup-item{cursor:pointer;padding:10px;display:flex;align-items:center;gap:8px}.max-popup-icon{font-size:18px;color:#000}.max-popup-item:hover{background:#f3f3f3}.max-chat-message.max-sent{background:#007bff;color:#fff;align-self:flex-end;border-radius:14px 14px 0;margin-right:1rem;margin-left:auto}.max-hidden-file-input{display:none}.max-file-name-input{flex:1;border:none;padding:8px;font-size:14px;background:#f3f3f3;color:#242e55}.group-details-panel{position:fixed;top:0;right:-450px;width:450px;height:100vh;background:#fff;box-shadow:-10px 0 50px #0a2e5d26;transition:right .5s cubic-bezier(.165,.84,.44,1);z-index:1001;display:flex;flex-direction:column;border-left:1px solid rgba(10,46,93,.1)}.group-details-panel.open{right:0}.group-details-header{padding:1.5rem;background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #0a2e5d33;z-index:10}.group-details-header h2{margin:0;font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:none;backdrop-filter:none}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.group-details-body{flex:1;overflow-y:auto;padding:1.5rem;background:#f8fafc;background-image:radial-gradient(circle at 100% 100%,#f1f5f9 0,transparent 25%),radial-gradient(circle at 0% 0%,#f1f5f9 0,transparent 25%)}.group-details-body::-webkit-scrollbar{width:5px}.group-details-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.group-info-section{text-align:center;padding-bottom:2rem;border-bottom:2px solid rgba(10,46,93,.05);margin-bottom:2rem}.group-avatar-large{width:140px;height:140px;border-radius:30%;background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:56px;font-weight:800;box-shadow:0 10px 30px #0a2e5d40;border:5px solid white;transform:rotate(-3deg);transition:transform .3s ease}.group-avatar-large:hover{transform:rotate(0) scale(1.05)}.group-avatar-large img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.group-name-section{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.group-name-section h3{margin:0;font-size:24px;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.edit-btn{background:#f1f5f9;border:1px solid rgba(10,46,93,.1);color:var(--color-primary);padding:8px 16px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.edit-btn:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0a2e5d33}.group-description{color:#64748b;font-size:15px;font-weight:500;line-height:1.5;max-width:90%;margin:10px auto}.group-meta{color:#94a3b8;font-size:13px;font-weight:600;margin-top:5px}.participants-section{margin-bottom:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-header h4{margin:0;font-size:17px;font-weight:800;color:var(--color-primary);display:flex;align-items:center;gap:10px}.add-participant-btn{background:var(--color-accent);background:linear-gradient(135deg,var(--color-accent) 0%,#f97316 100%);color:#fff;border:none;padding:10px 20px;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #e0591e4d}.add-participant-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #e0591e66}.participants-list{display:flex;flex-direction:column;gap:10px}.participant-item{display:flex;align-items:center;gap:15px;padding:1rem;background:#fff;border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;border:1px solid rgba(10,46,93,.03)}.participant-item:hover{background:#f8fafc;transform:translate(5px);box-shadow:0 8px 25px #0a2e5d14}.participant-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0;box-shadow:0 4px 10px #0a2e5d26}.participant-info{flex:1;min-width:0}.participant-name{font-weight:700;font-size:15px;color:var(--color-primary);display:flex;align-items:center;gap:8px;flex-wrap:wrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-badge{background:#3b82f6;color:#fff;font-size:10px;padding:2px 8px;border-radius:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 6px #3b82f64d}.admin-badge{background:#10b981;color:#fff;font-size:10px;padding:2px 8px;border-radius:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:4px;box-shadow:0 2px 6px #10b9814d}.admin-badge svg{color:inherit}.participant-role{font-size:12px;font-weight:600;color:#94a3b8;margin-top:2px}.participant-actions{display:flex;gap:8px;opacity:0;transform:translate(10px);transition:all .3s ease}.participant-item:hover .participant-actions{opacity:1;transform:translate(0)}.action-btn{background:#f1f5f9;border:1px solid rgba(10,46,93,.1);color:var(--color-primary);width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.action-btn:hover{background:var(--color-primary);color:#fff!important;transform:scale(1.1)}.action-btn svg{display:inline-block;color:inherit;stroke:currentColor!important;stroke-width:2.5px;width:18px!important;height:18px!important;min-width:18px;min-height:18px}.make-admin-btn:hover{background:#10b981;color:#fff}.revoke-admin-btn{background:#fee2e2;color:#ef4444}.revoke-admin-btn:hover{background:#ef4444;color:#fff!important}.group-remove-btn{background:#fee2e2;color:#ef4444!important}.group-remove-btn:hover{background:#ef4444;color:#fff!important}.group-actions-section{padding-top:1.5rem;border-top:2px solid rgba(10,46,93,.05);display:flex;flex-direction:column;gap:12px}.action-button{width:100%;padding:14px;border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.leave-btn{background:#fff7ed;color:#ea580c;border:1px solid rgba(234,88,12,.1)}.leave-btn:hover{background:#ea580c;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #ea580c40}.delete-btn{background:#fef2f2;color:#ef4444;border:1px solid rgba(239,68,68,.1)}.delete-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #ef444440}@media(max-width:768px){.group-details-panel{width:100%;right:-100%}.group-details-panel.open{right:0}}.wp-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .4s cubic-bezier(.165,.84,.44,1)}.wp-create-group-modal{background:#fff;border-radius:20px;width:90%;max-width:650px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 30px 100px #00000026;border:1px solid rgba(10,46,93,.05);overflow:hidden;animation:modalSlideUp .5s cubic-bezier(.165,.84,.44,1)}@keyframes modalSlideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.wp-modal-header{padding:24px 30px;background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;display:flex;align-items:center;justify-content:space-between}.wp-modal-header h2{margin:0;font-size:22px;font-weight:800;color:#fff;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.wp-modal-close{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:none;backdrop-filter:none}.wp-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.wp-modal-body{padding:30px;overflow-y:auto;flex:1;background:#f8fafc}.wp-modal-body::-webkit-scrollbar{width:5px}.wp-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.wp-group-details{margin-bottom:30px}.wp-form-group{margin-bottom:20px}.wp-form-group label{display:block;margin-bottom:10px;font-weight:700;color:var(--color-primary);font-size:15px}.wp-form-group input,.wp-form-group textarea{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:14px;font-size:15px;font-family:inherit;transition:all .3s ease;background:#fff;outline:none;color:var(--color-text-primary)}.wp-form-group input:focus,.wp-form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0a2e5d14}.wp-selected-participants{margin-bottom:25px;padding:20px;background:#fff;border-radius:18px;box-shadow:0 4px 12px #00000008;border:1px solid rgba(10,46,93,.03)}.wp-selected-label{font-size:14px;font-weight:800;color:var(--color-primary);margin-bottom:15px;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.wp-selected-chips{display:flex;flex-wrap:wrap;gap:10px}.wp-participant-chip{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#f1f5f9;border:1px solid rgba(10,46,93,.05);border-radius:12px;font-weight:700;font-size:14px;color:var(--color-primary);transition:all .2s ease}.wp-participant-chip:hover{background:#e2e8f0}.wp-participant-chip button{background:#0a2e5d1a;border:none;cursor:pointer;color:var(--color-primary);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.wp-participant-chip button:hover{background:#ef4444;color:#fff}.wp-section-label{font-size:14px;font-weight:800;color:var(--color-primary);margin-bottom:15px;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.wp-search-box{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-radius:14px;margin-bottom:15px;box-shadow:0 4px 12px #00000008;border:2px solid #e2e8f0;transition:all .3s ease}.wp-search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #0a2e5d14}.wp-search-box input{flex:1;border:none;background:transparent;outline:none;font-weight:500;font-size:15px}.wp-user-list{max-height:350px;overflow-y:auto;background:#fff;border-radius:18px;box-shadow:0 4px 12px #00000008;border:1px solid #e2e8f0}.wp-user-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.wp-user-item:hover{background:#f8fafc;padding-left:25px}.wp-user-item.selected{background:#0a2e5d0d}.wp-user-info{display:flex;align-items:center;gap:15px}.wp-user-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;box-shadow:0 4px 10px #0a2e5d26}.wp-user-details{flex:1}.wp-user-name{font-weight:700;color:var(--color-primary);font-size:15px}.wp-user-role{font-size:12px;font-weight:600;color:#94a3b8;margin-top:2px}.wp-user-checkbox{width:26px;height:26px;border:2px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.wp-user-item.selected .wp-user-checkbox{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1)}.wp-modal-footer{padding:24px 30px;border-top:1px solid #e2e8f0;display:flex;gap:15px;justify-content:flex-end;background:#fff}.wp-btn-cancel,.wp-btn-create{padding:12px 28px;border-radius:15px;font-size:15px;font-weight:700;cursor:pointer;border:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.wp-btn-cancel{background:#f1f5f9;color:#475569}.wp-btn-cancel:hover{background:#e2e8f0;transform:translateY(-2px)}.wp-btn-create{background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;box-shadow:0 4px 12px #0a2e5d40}.wp-btn-create:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 6px 18px #0a2e5d59}.wp-btn-create:disabled{opacity:.4;cursor:not-allowed;background:#94a3b8;box-shadow:none}.wp-no-users{padding:50px 20px;text-align:center;color:#94a3b8;font-weight:600}.chats-page{height:calc(100vh - 105px);overflow:hidden}.chats-container{display:flex;height:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 20px 60px #0a2e5d1f;border:1px solid rgba(10,46,93,.05)}.chats-sidebar{width:380px;border-right:1px solid rgba(10,46,93,.08);display:flex;flex-direction:column;background:#fff}.chats-sidebar-header{padding:15px 30px;background:#fff;border-bottom:1px solid rgba(10,46,93,.05);display:flex;justify-content:space-between;align-items:center}.chats-sidebar-header h2{margin:0;font-size:26px;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.btn-new-group{background:var(--color-accent);background:linear-gradient(135deg,var(--color-accent) 0%,#f97316 100%);border:none;color:#fff;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #e0591e4d}.btn-new-group:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 16px #e0591e66}.chats-tabs{display:flex;background:#fff;padding:5px;margin:10px 15px;background:#f1f5f9;border-radius:12px}.chat-tab{flex:1;padding:10px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:#64748b;font-weight:600;font-size:14px;border-radius:10px;transition:all .25s ease}.chat-tab:hover{color:var(--color-primary)}.chat-tab.active{color:var(--color-primary);background:#fff;box-shadow:0 4px 12px #0000000d}.unread-badge{background:var(--color-accent);color:#fff;font-size:10px;padding:2px 6px;border-radius:8px;font-weight:700;box-shadow:0 2px 6px #e0591e4d}.chats-search{padding:15px 20px;background:#fff;display:flex;align-items:center;gap:12px;position:relative}.chats-search input{flex:1;background:#f1f5f9;border:1px solid transparent;padding:12px 18px 12px 42px;border-radius:12px;font-size:14px;font-weight:500;outline:none;transition:all .3s ease;color:var(--color-text-primary)}.chats-search input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #0a2e5d14}.chats-search svg{position:absolute;left:35px;color:#94a3b8;pointer-events:none}.chats-loading{padding:40px;text-align:center;color:#7f8c8d}.chat-list{flex:1;overflow-y:auto;padding:10px 0}.chat-list::-webkit-scrollbar{width:4px}.chat-list::-webkit-scrollbar-thumb{background:#0a2e5d1a;border-radius:10px}.chat-list-empty{padding:40px 20px;text-align:center;color:#7f8c8d}.chat-list-empty p{margin:0 0 5px;font-weight:500}.chat-list-empty span{font-size:13px;color:#95a5a6}.chat-list-item{display:flex;align-items:center;gap:15px;padding:12px 20px;margin:4px 15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:14px;border:1px solid transparent}.chat-list-item:hover{background:#f8fafc;transform:translate(5px)}.chat-list-item.selected{background:#0a2e5d0d;border-color:#0a2e5d1a}.chat-avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #0a2e5d33}.chat-info{flex:1;min-width:0}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-name{margin:0;font-size:16px;font-weight:700;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:11px;font-weight:600;color:#94a3b8;flex-shrink:0}.chat-preview{display:flex;justify-content:space-between;align-items:center}.chat-last-message{margin:0;font-size:13.5px;font-weight:500;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-unread-count{background:var(--color-accent);color:#fff;font-size:10px;padding:2px 8px;border-radius:8px;font-weight:700;flex-shrink:0;margin-left:10px;box-shadow:0 4px 10px #e0591e4d}.chats-main{flex:1;display:flex;flex-direction:column;background:#fff;position:relative}.chats-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;gap:20px;text-align:center;padding:40px}.chats-empty-state svg{color:var(--color-primary);opacity:.15;animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.chats-empty-state h3{margin:0;font-size:22px;font-weight:700;color:var(--color-primary);opacity:.8}.chats-empty-state p{margin:0;font-size:15px;max-width:300px;line-height:1.5}.chat-conversation{flex:1;display:flex;flex-direction:column;height:100%}.conversation-header{padding:18px 25px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(10,46,93,.08);display:flex;justify-content:space-between;align-items:center;z-index:10}.conversation-header-info{display:flex;align-items:center;gap:15px}.conversation-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 4px 12px #0a2e5d33}.conversation-details h3{margin:0;font-size:18px;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.participant-count{font-size:12px;font-weight:600;color:#94a3b8}.btn-more{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-more:hover{background:var(--color-primary);color:#fff}.conversation-messages{flex:1;overflow-y:auto;padding:25px;background:#f8fafc;background-image:radial-gradient(circle at 100% 100%,#f1f5f9 0,transparent 25%),radial-gradient(circle at 0% 0%,#f1f5f9 0,transparent 25%);display:flex;flex-direction:column}.messages-loading,.messages-empty{text-align:center;padding:40px;color:#7f8c8d}.messages-empty span{font-size:13px;color:#95a5a6}.messages-loading-more{text-align:center;padding:10px;font-size:12px;color:var(--color-primary);background:#ffffffb3;border-radius:20px;margin-bottom:10px;position:sticky;top:0;z-index:10}.wp-chat-message{display:flex;flex-direction:column;margin-bottom:8px;width:100%;background:transparent!important;animation:wpMessageSlideIn .3s ease}@keyframes wpMessageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wp-chat-message-sent{align-self:flex-end}.wp-chat-message-received{align-self:flex-start}.wp-chat-message-sender-name{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;opacity:.8}.wp-chat-message-bubble-container{position:relative;display:flex;flex-direction:column;width:100%}.wp-chat-message-sent .wp-chat-message-bubble-container{align-items:flex-end}.wp-chat-message-received .wp-chat-message-bubble-container{align-items:flex-start}.wp-chat-message-bubble{padding:12px 18px;border-radius:18px;position:relative;word-wrap:break-word;word-break:break-word;display:block;width:fit-content;max-width:50%;min-width:60px;box-shadow:0 4px 15px #0000000a;transition:all .2s;z-index:2}.wp-chat-message-sent .wp-chat-message-bubble{background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);border-bottom-right-radius:4px;color:#fff}.wp-chat-message-sent .wp-chat-message-text{color:#fff}.wp-chat-message-sent .wp-chat-message-time{color:#ffffffd9}.wp-chat-message-received .wp-chat-message-bubble{background:#fff;border-bottom-left-radius:4px;border:1px solid rgba(10,46,93,.05)}.wp-reply-preview-bubble{background:#0000000d;border-left:3px solid var(--color-primary);padding:6px 10px;border-radius:6px;margin-bottom:8px;font-size:13px;cursor:pointer;transition:background .2s}.wp-reply-preview-bubble:hover{background:#00000014}.wp-chat-message-sent .wp-reply-preview-bubble{background:#ffffff26;border-left-color:#fff;color:#fff}.wp-chat-message-sent .wp-reply-preview-bubble:hover{background:#fff3}.wp-reply-preview-bubble strong{display:block;margin-bottom:2px;font-size:12px;color:inherit}.wp-reply-preview-bubble p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:inherit;opacity:.9}.wp-chat-message-text{font-size:15px;line-height:1.6;color:inherit;word-break:break-word}.wp-chat-message-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:4px;min-height:16px}.wp-chat-message-time{font-weight:600;font-size:10px;letter-spacing:.02em;opacity:.85;white-space:nowrap;-webkit-user-select:none;user-select:none}.wp-message-actions{display:flex;gap:8px;opacity:0;position:absolute;bottom:-32px;padding:6px 12px;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;box-shadow:0 4px 12px #00000026;transition:all .2s cubic-bezier(.175,.885,.32,1.275);transform:scale(.8) translateY(-10px);z-index:99;pointer-events:none}.wp-chat-message-sent .wp-message-actions{right:0}.wp-chat-message-received .wp-message-actions{left:0}.wp-chat-message-bubble-container:hover .wp-message-actions{opacity:1;transform:scale(1) translateY(0);pointer-events:all}.wp-message-actions button{background:transparent;border:none;color:#444;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.wp-message-actions button:hover{background:#f0f2f5;color:var(--color-primary);transform:scale(1.1)}.wp-message-edit-mode{display:flex;flex-direction:column;gap:8px;min-width:200px}.wp-message-edit-mode input{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:inherit;font-size:14px;outline:none}.wp-chat-message-received .wp-message-edit-mode input{border-color:#ddd;background:#f9f9f9}.wp-edit-actions{display:flex;justify-content:flex-end;gap:8px}.wp-edit-actions button{width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.wp-btn-save-edit{background:#27ae60;color:#fff}.wp-btn-cancel-edit{background:#e74c3c;color:#fff}.wp-edited-label{font-size:10px;font-style:italic;opacity:.6;margin-right:4px}.chat-message-sent .message-actions button{background:#fff3}.message-actions button:hover{background:#0003}.chat-message-sent .message-actions button:hover{background:#ffffff4d}.deleted-text{font-style:italic;opacity:.7}.message-deleted .chat-message-bubble{opacity:.8}.reply-preview-bubble{background:#0000000d;border-left:3px solid var(--color-primary);padding:5px 8px;border-radius:4px;margin-bottom:5px;font-size:13px}.chat-message-sent .reply-preview-bubble{background:#ffffff1a;border-left-color:#fff}.reply-preview-bubble strong{display:block;font-size:11px;margin-bottom:2px}.reply-preview-bubble p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.chat-input-wrapper{background:#fff;border-top:1px solid #e0e0e0}.replying-preview{padding:10px 20px;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.replying-info{flex:1;min-width:0}.replying-info span{font-size:12px;color:var(--color-primary);display:block;margin-bottom:2px}.replying-info p{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7f8c8d}.btn-close-reply{background:transparent;border:none;color:#95a5a6;cursor:pointer;padding:5px;display:flex;align-items:center}.btn-close-reply:hover{color:#e74c3c}.conversation-input{padding:20px 25px;background:#fff;border-top:1px solid rgba(10,46,93,.08);display:flex;gap:15px;align-items:center}.conversation-input input{flex:1;background:#f1f5f9;border:2px solid #f1f5f9;padding:14px 24px;border-radius:28px;font-size:15px;font-weight:500;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000008}.conversation-input input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #0a2e5d14}.conversation-input button{width:48px;height:48px;border-radius:50%;border:none;background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,#1a4d8c 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #0a2e5d4d;padding:0;flex-shrink:0}.conversation-input button svg{stroke-width:2.5px;transition:transform .3s ease}.conversation-input button:hover:not(:disabled){transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #0a2e5d66;background:linear-gradient(135deg,#1a4d8c 0%,var(--color-primary) 100%)}.conversation-input button:hover:not(:disabled) svg{transform:translate(2px) translateY(-2px)}.conversation-input button:active:not(:disabled){transform:scale(.9)}.conversation-input button:disabled{opacity:.5;cursor:not-allowed;background:#cbd5e1;box-shadow:none}@media(max-width:768px){.chats-page{padding:0}.chats-container{border-radius:0;height:100vh}.chats-sidebar{width:100%}.chats-main{position:absolute;inset:0;z-index:10}.chat-message{max-width:95%}}.chat-search-results{flex:1;overflow-y:auto}.search-section{margin-bottom:10px}.search-section-title{padding:12px 20px;font-size:13px;font-weight:600;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);text-transform:uppercase;letter-spacing:.5px}.user-list{background:#fff}.user-list-item{display:flex;gap:12px;padding:15px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0;align-items:center}.user-list-item:hover{background:#f8f9fa}.user-info{flex:1;min-width:0}.user-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#2c3e50}.user-type{font-size:13px;color:#95a5a6}.new-chat-badge{background:var(--color-primary);color:#fff;font-size:11px;padding:4px 10px;border-radius:12px;font-weight:600}:root{--color-primary: #0A2E5D;--color-accent: #e0591e;--color-primary-rgb: 10, 46, 93;--color-primary-hover: 204, 225, 252;--color-bg: #F8FAFC;--color-card: #FFFFFF;--color-card-hover: #F1F5F9;--color-border: #E2E8F0;--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-inverse: #FFFFFF;--color-success: #16A34A;--color-warning: #F59E0B;--color-error: #DC2626;--color-success-bg: #DCFCE7;--color-warning-bg: #FEF3C7;--color-error-bg: #FEE2E2;--font-family: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-h1: clamp(1.75rem, 1.5vw + 1rem, 1.5rem);--font-size-h2: clamp(1.25rem, 1.5vw + .6rem, 1.75rem);--font-size-h3: clamp(1.125rem, 1.2vw + .4rem, 1.5rem);--font-size-body: clamp(.95rem, .8vw + .4rem, 1rem);--font-size-primary-text: clamp(1rem, 1vw + .4rem, 1.125rem);--font-size-secondary-text: clamp(.875rem, .6vw + .3rem, .95rem);--font-size-label: clamp(.75rem, .5vw + .3rem, .875rem);--font-size-table: clamp(.85rem, .6vw + .35rem, .95rem);--font-size-button: clamp(.875rem, .6vw + .35rem, 1rem);--font-size-caption: clamp(.75rem, .5vw + .3rem, .85rem);--font-size-tiny: clamp(.65rem, .4vw + .25rem, .75rem);--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 2px 6px rgba(0, 0, 0, .05)}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg)}h1{font-size:var(--font-size-h1);line-height:var(--line-height-tight);color:var(--color-text-primary);font-weight:600}h2{font-size:var(--font-size-h2);line-height:var(--line-height-tight);color:var(--color-text-primary);font-weight:600}h3{font-size:var(--font-size-h3);line-height:var(--line-height-tight);color:var(--color-text-primary);font-weight:600}p{font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-secondary)}button{font-family:var(--font-family);font-size:var(--font-size-button)}.button-primary{background:linear-gradient(135deg,var(--web-primary) 0%,#1a4d8c 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0a2e5d40}.button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a2e5d4d}.button-primary:active{transform:translateY(1px);box-shadow:0 4px 12px #0a2e5d40}