@import"https://fonts.googleapis.com/css2?family=Reem+Kufi&display=swap";@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--chat-primary: #667eea;--chat-primary-dark: #5a67d8;--chat-secondary: #764ba2;--chat-sent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--chat-received-bg: rgba(255, 255, 255, .95);--chat-received-bg-dark: rgba(45, 55, 72, .95);--chat-online: #10b981;--chat-offline: #9ca3af;--chat-unread: #ef4444;--chat-typing: #f59e0b;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--chat-radius: 16px;--chat-radius-sm: 8px;--chat-spacing: 16px;--chat-transition: all .3s cubic-bezier(.4, 0, .2, 1);--chat-transition-fast: all .15s ease}[data-theme=dark]{--chat-received-bg: rgba(45, 55, 72, .95);--glass-bg: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageSlideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes messageSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseOnline{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sendPulse{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.chat-container{display:flex;height:calc(100vh - 200px);max-height:700px;min-height:500px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);border-radius:var(--chat-radius);overflow:hidden;box-shadow:var(--glass-shadow);position:relative}[data-theme=dark] .chat-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.chat-sidebar{width:340px;min-width:340px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;transition:var(--chat-transition)}[data-theme=dark] .chat-sidebar{background:#1a202cf2;border-right-color:#ffffff0d}.chat-sidebar-header{padding:20px;background:var(--chat-sent-gradient);color:#fff}.chat-sidebar-header h2{font-size:1.5rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px}.chat-search{position:relative}.chat-search-input{width:100%;padding:12px 16px 12px 44px;border:none;border-radius:12px;background:#fff3;color:#fff;font-size:14px;transition:var(--chat-transition)}.chat-search-input::placeholder{color:#ffffffb3}.chat-search-input:focus{outline:none;background:#ffffff4d}.chat-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#ffffffb3}.chat-list{flex:1;overflow-y:auto;padding:8px}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.chat-list-item{display:flex;align-items:center;padding:14px 16px;margin-bottom:4px;border-radius:12px;cursor:pointer;transition:var(--chat-transition);position:relative}.chat-list-item:hover{background:#667eea14}.chat-list-item.active{background:linear-gradient(135deg,#667eea26,#764ba226)}.chat-list-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--chat-sent-gradient);border-radius:0 4px 4px 0}.chat-avatar-wrapper{position:relative;margin-right:14px}[dir=rtl] .chat-avatar-wrapper{margin-right:0;margin-left:14px}.chat-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--chat-sent-gradient) border-box}.chat-avatar-placeholder{width:52px;height:52px;border-radius:50%;background:var(--chat-sent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600}.chat-online-badge{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:var(--chat-online);border-radius:50%;border:2px solid white;animation:pulseOnline 2s infinite}[dir=rtl] .chat-online-badge{right:auto;left:2px}.chat-list-content{flex:1;min-width:0}.chat-list-name{font-weight:600;font-size:15px;color:#1a202c;margin-bottom:4px;display:flex;align-items:center;gap:8px}[data-theme=dark] .chat-list-name{color:#f7fafc}.chat-list-preview{font-size:13px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}[dir=rtl] .chat-list-meta{align-items:flex-start}.chat-list-time{font-size:12px;color:#a0aec0}.chat-unread-badge{min-width:20px;height:20px;padding:0 6px;background:var(--chat-unread);color:#fff;border-radius:10px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;animation:fadeInUp .3s ease}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.chat-empty-icon{font-size:64px;color:#a0aec0;margin-bottom:16px}.chat-empty-title{font-size:18px;font-weight:600;color:#4a5568;margin-bottom:8px}[data-theme=dark] .chat-empty-title{color:#e2e8f0}.chat-empty-text{font-size:14px;color:#718096}.chat-main{flex:1;display:flex;flex-direction:column;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .chat-main{background:#1a202c99}.chat-header{display:flex;align-items:center;padding:16px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);gap:16px}[data-theme=dark] .chat-header{background:#1a202cf2;border-bottom-color:#ffffff0d}.chat-header-info{flex:1}.chat-header-name{font-size:16px;font-weight:600;color:#1a202c;margin-bottom:2px}[data-theme=dark] .chat-header-name{color:#f7fafc}.chat-header-status{font-size:13px;color:#718096;display:flex;align-items:center;gap:6px}.chat-header-status.typing{color:var(--chat-online);font-style:italic}.chat-header-actions{display:flex;gap:8px}.chat-header-btn{width:40px;height:40px;border-radius:10px;border:none;background:#667eea1a;color:var(--chat-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--chat-transition)}.chat-header-btn:hover{background:#667eea33;transform:scale(1.05)}.chat-header-btn.danger{background:#ef44441a;color:var(--chat-unread)}.chat-header-btn.danger:hover{background:#ef444433}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:8px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.chat-date-divider{display:flex;align-items:center;justify-content:center;margin:20px 0}.chat-date-divider span{background:#667eea1a;color:var(--chat-primary);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:500}.chat-message{display:flex;max-width:70%;animation:messageSlideIn .3s ease-out}.chat-message.sent{align-self:flex-end;animation-name:messageSlideInRight}[dir=rtl] .chat-message.sent{animation-name:messageSlideInLeft}.chat-message.received{align-self:flex-start;animation-name:messageSlideInLeft}[dir=rtl] .chat-message.received{animation-name:messageSlideInRight}.chat-bubble{padding:12px 16px;border-radius:18px;position:relative;max-width:100%;word-wrap:break-word;box-shadow:0 2px 8px #00000014}.chat-message.sent .chat-bubble{background:var(--chat-sent-gradient);color:#fff;border-bottom-right-radius:4px}[dir=rtl] .chat-message.sent .chat-bubble{border-bottom-right-radius:18px;border-bottom-left-radius:4px}.chat-message.received .chat-bubble{background:var(--chat-received-bg);color:#1a202c;border-bottom-left-radius:4px}[dir=rtl] .chat-message.received .chat-bubble{border-bottom-left-radius:18px;border-bottom-right-radius:4px}[data-theme=dark] .chat-message.received .chat-bubble{background:var(--chat-received-bg-dark);color:#f7fafc}.chat-bubble-text{font-size:14px;line-height:1.5;margin-bottom:4px}.chat-bubble-time{font-size:11px;opacity:.7;display:flex;align-items:center;justify-content:flex-end;gap:4px}.chat-bubble-status{display:flex;align-items:center}.chat-bubble-status.read{color:#53bdeb}.chat-reply-preview{background:#0000001a;border-left:3px solid rgba(255,255,255,.5);padding:8px 12px;margin-bottom:8px;border-radius:8px;font-size:13px}.chat-message.received .chat-reply-preview{background:#667eea1a;border-left-color:var(--chat-primary)}.chat-media{max-width:280px;border-radius:12px;overflow:hidden;margin-bottom:8px}.chat-media img,.chat-media video{width:100%;display:block;cursor:pointer;transition:var(--chat-transition)}.chat-media img:hover,.chat-media video:hover{opacity:.9}.chat-file{display:flex;align-items:center;gap:12px;padding:12px;background:#0000000d;border-radius:12px;cursor:pointer;transition:var(--chat-transition)}.chat-file:hover{background:#0000001a}.chat-file-icon{width:44px;height:44px;border-radius:10px;background:var(--chat-sent-gradient);display:flex;align-items:center;justify-content:center;color:#fff}.chat-file-info{flex:1;min-width:0}.chat-file-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-file-size{font-size:12px;opacity:.7}.chat-audio{display:flex;align-items:center;gap:12px;min-width:240px}.chat-audio audio{flex:1;height:36px}.chat-typing-indicator{display:flex;gap:4px;padding:16px}.chat-typing-dot{width:8px;height:8px;background:var(--chat-primary);border-radius:50%;animation:typingBounce 1.4s infinite}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}.chat-input-wrapper{padding:16px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.05)}[data-theme=dark] .chat-input-wrapper{background:#1a202cf2;border-top-color:#ffffff0d}.chat-input-preview{display:flex;align-items:center;padding:10px 14px;margin-bottom:12px;background:#667eea1a;border-radius:12px;border-left:3px solid var(--chat-primary);animation:fadeInUp .2s ease}[dir=rtl] .chat-input-preview{border-left:none;border-right:3px solid var(--chat-primary)}.chat-input-preview.editing{background:#f59e0b1a;border-left-color:var(--chat-typing)}[dir=rtl] .chat-input-preview.editing{border-left:none;border-right-color:var(--chat-typing)}.chat-input-preview-icon{margin-right:10px;color:var(--chat-primary)}[dir=rtl] .chat-input-preview-icon{margin-right:0;margin-left:10px}.chat-input-preview.editing .chat-input-preview-icon{color:var(--chat-typing)}.chat-input-preview-content{flex:1;min-width:0}.chat-input-preview-label{font-size:12px;font-weight:600;color:var(--chat-primary);margin-bottom:2px}.chat-input-preview.editing .chat-input-preview-label{color:var(--chat-typing)}.chat-input-preview-text{font-size:13px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-input-preview-close{padding:4px;border:none;background:transparent;color:#a0aec0;cursor:pointer;border-radius:50%;transition:var(--chat-transition-fast)}.chat-input-preview-close:hover{background:#0000001a;color:#4a5568}.chat-input-container{display:flex;align-items:center;gap:12px;background:#00000008;border-radius:24px;padding:8px 8px 8px 20px;transition:var(--chat-transition)}[dir=rtl] .chat-input-container{padding:8px 20px 8px 8px}[data-theme=dark] .chat-input-container{background:#ffffff0d}.chat-input-container:focus-within{background:#667eea14;box-shadow:0 0 0 2px #667eea33}.chat-input{flex:1;border:none;background:transparent;font-size:15px;color:#1a202c;padding:8px 0;outline:none}[data-theme=dark] .chat-input{color:#f7fafc}.chat-input::placeholder{color:#a0aec0}.chat-input-actions{display:flex;align-items:center;gap:4px}.chat-input-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:#718096;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--chat-transition-fast)}.chat-input-btn:hover{background:#667eea1a;color:var(--chat-primary)}.chat-input-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--chat-sent-gradient);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--chat-transition);box-shadow:0 4px 12px #667eea66}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #667eea80}.chat-send-btn:active{animation:sendPulse .3s ease}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-input-btn.recording{color:var(--chat-unread);animation:recordingPulse 1s infinite}.chat-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1300;animation:fadeInUp .2s ease}.chat-popup{width:100%;max-width:480px;max-height:80vh;background:#fff;border-radius:20px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;overflow:hidden;animation:messageSlideIn .3s ease-out}[data-theme=dark] .chat-popup{background:#1a202c}.chat-popup-header{display:flex;align-items:center;padding:16px 20px;background:var(--chat-sent-gradient);color:#fff;gap:14px}.chat-popup-header-info{flex:1}.chat-popup-header-name{font-size:16px;font-weight:600}.chat-popup-header-status{font-size:13px;opacity:.9}.chat-popup-close{width:36px;height:36px;border-radius:50%;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--chat-transition-fast)}.chat-popup-close:hover{background:#ffffff4d}.chat-popup-messages{flex:1;overflow-y:auto;padding:16px;min-height:300px;max-height:400px;background:#f7fafc}[data-theme=dark] .chat-popup-messages{background:#2d3748}.chat-popup-input{padding:12px 16px;border-top:1px solid rgba(0,0,0,.05)}[data-theme=dark] .chat-popup-input{border-top-color:#ffffff0d}.chat-role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.chat-role-badge.teacher{background:#10b98126;color:#059669}.chat-role-badge.student{background:#3b82f626;color:#2563eb}.chat-role-badge.admin{background:#ef444426;color:#dc2626}@media (max-width: 768px){.chat-container{flex-direction:column;height:calc(100vh - 100px);border-radius:0}.chat-sidebar{width:100%;min-width:100%;height:100%}.chat-sidebar.hidden{display:none}.chat-main{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;border-radius:0}.chat-main.hidden{display:none}.chat-message{max-width:85%}.chat-popup{max-width:100%;max-height:100vh;border-radius:0}.chat-header{padding:12px 16px}.chat-messages{padding:16px}.chat-input-wrapper{padding:12px 16px}}.chat-loading{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:16px}.chat-loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:var(--chat-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}[data-theme=dark] .chat-skeleton{background:linear-gradient(90deg,#2d3748 25%,#4a5568,#2d3748 75%);background-size:200% 100%}:root,[data-theme=light]{--profile-primary: #1976d2;--profile-primary-dark: #1565c0;--profile-secondary: #10b981;--profile-accent: #8b5cf6;--profile-warning: #f59e0b;--profile-error: #ef4444;--profile-bg: #f5f7fa;--profile-bg-card: #ffffff;--profile-border: rgba(0, 0, 0, .08);--profile-text: #1a1a2e;--profile-text-secondary: #64748b;--profile-gradient-primary: linear-gradient(135deg, #1976d2 0%, #1565c0 50%, #0d47a1 100%);--profile-gradient-secondary: linear-gradient(135deg, #10b981 0%, #059669 100%);--profile-gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--profile-shadow: 0 4px 20px rgba(0, 0, 0, .08);--profile-input-bg: #f8fafc}[data-theme=dark],.dark-mode{--profile-primary: #3b82f6;--profile-primary-dark: #2563eb;--profile-secondary: #10b981;--profile-accent: #8b5cf6;--profile-warning: #f59e0b;--profile-error: #ef4444;--profile-bg: #0f172a;--profile-bg-card: rgba(30, 41, 59, .8);--profile-border: rgba(148, 163, 184, .1);--profile-text: #f1f5f9;--profile-text-secondary: #94a3b8;--profile-gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--profile-gradient-secondary: linear-gradient(135deg, #10b981 0%, #059669 100%);--profile-gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--profile-shadow: 0 4px 20px rgba(0, 0, 0, .3);--profile-input-bg: rgba(15, 23, 42, .6)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--profile-primary: #3b82f6;--profile-primary-dark: #2563eb;--profile-bg: #0f172a;--profile-bg-card: rgba(30, 41, 59, .8);--profile-border: rgba(148, 163, 184, .1);--profile-text: #f1f5f9;--profile-text-secondary: #94a3b8;--profile-shadow: 0 4px 20px rgba(0, 0, 0, .3);--profile-input-bg: rgba(15, 23, 42, .6)}}.profile-container{min-height:100vh;background:var(--profile-bg);padding:32px 16px;position:relative;transition:background .3s ease}.profile-container.dark-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.06) 0%,transparent 50%);pointer-events:none}.profile-content{max-width:1000px;margin:0 auto;position:relative;z-index:1}.profile-hero{background:var(--profile-gradient-primary);border-radius:24px;padding:40px 32px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:var(--profile-shadow)}.profile-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background: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.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;pointer-events:none}.profile-header-card{background:var(--profile-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--profile-border);padding:32px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:var(--profile-shadow);transition:all .3s ease}.profile-header-card:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:var(--profile-gradient-primary);opacity:.12}.profile-avatar-container{position:relative;display:inline-block;margin-bottom:16px}.profile-avatar{width:140px;height:140px;border-radius:50%;border:4px solid var(--profile-primary);box-shadow:0 8px 32px #1976d24d;object-fit:cover;transition:all .3s ease;background:#e3f2fd}.profile-avatar-edit-btn{position:absolute;bottom:8px;right:8px;width:40px;height:40px;border-radius:50%;background:var(--profile-gradient-primary);border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;box-shadow:0 4px 12px #1976d266}.profile-avatar-edit-btn:hover{transform:scale(1.1)}.profile-name{color:var(--profile-text);font-size:32px;font-weight:700;margin-bottom:8px;transition:color .3s ease}.profile-name-input{background:var(--profile-input-bg);border:1px solid var(--profile-border);border-radius:12px;padding:12px 16px;color:var(--profile-text);font-size:24px;font-weight:600;width:100%;max-width:400px;transition:all .3s ease}.profile-name-input:focus{outline:none;border-color:var(--profile-primary);box-shadow:0 0 0 3px #1976d233}.profile-role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-role-badge.student{background:#1976d226;color:#1976d2;border:1px solid rgba(25,118,210,.3)}.profile-role-badge.teacher{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.profile-role-badge.admin{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:24px}.profile-stat-item{background:var(--profile-input-bg);border-radius:16px;padding:20px;text-align:center;border:1px solid var(--profile-border);transition:all .3s ease}.profile-stat-item:hover{border-color:#1976d24d;transform:translateY(-2px)}.profile-stat-value{font-size:28px;font-weight:700;color:var(--profile-text);margin-bottom:4px}.profile-stat-label{font-size:13px;color:var(--profile-text-secondary)}.profile-rank-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:24px;background:linear-gradient(135deg,#f59e0b26,#d9770626);border:1px solid rgba(245,158,11,.3);color:#f59e0b;font-weight:700;font-size:14px;margin-top:12px}.profile-rank-badge.top3{background:linear-gradient(135deg,#ffd70033,#ffc10733);border-color:#ffd70066;color:#d97706}.profile-section-card{background:var(--profile-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--profile-border);padding:24px;margin-bottom:24px;box-shadow:var(--profile-shadow);transition:all .3s ease}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.profile-section-title{display:flex;align-items:center;gap:12px;color:var(--profile-text);font-size:20px;font-weight:600}.profile-section-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--profile-gradient-primary);color:#fff}.profile-form-group{margin-bottom:20px}.profile-form-label{display:block;color:var(--profile-text-secondary);font-size:13px;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.profile-form-input{width:100%;padding:14px 16px;background:var(--profile-input-bg);border:1px solid var(--profile-border);border-radius:12px;color:var(--profile-text);font-size:15px;transition:all .3s ease}.profile-form-input:focus{outline:none;border-color:var(--profile-primary);box-shadow:0 0 0 3px #1976d233}.profile-form-input:disabled{opacity:.6;cursor:not-allowed}.profile-form-select{width:100%;padding:14px 16px;background:var(--profile-input-bg);border:1px solid var(--profile-border);border-radius:12px;color:var(--profile-text);font-size:15px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2364748b' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:24px}.profile-form-textarea{width:100%;padding:14px 16px;background:var(--profile-input-bg);border:1px solid var(--profile-border);border-radius:12px;color:var(--profile-text);font-size:15px;min-height:100px;resize:vertical;font-family:inherit;transition:all .3s ease}.profile-form-textarea:focus{outline:none;border-color:var(--profile-primary);box-shadow:0 0 0 3px #1976d233}.profile-btn{padding:12px 24px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.profile-btn-primary{background:var(--profile-gradient-primary);color:#fff;box-shadow:0 4px 12px #1976d24d}.profile-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1976d266}.profile-btn-secondary{background:#1976d21a;color:var(--profile-primary);border:1px solid rgba(25,118,210,.3)}.profile-btn-secondary:hover{background:#1976d233}.profile-btn-success{background:var(--profile-gradient-secondary);color:#fff;box-shadow:0 4px 12px #10b9814d}.profile-btn-danger{background:#ef44441a;color:var(--profile-error);border:1px solid rgba(239,68,68,.3)}.profile-btn-danger:hover{background:#ef444433}.profile-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.profile-course-card{background:var(--profile-input-bg);border-radius:16px;border:1px solid var(--profile-border);overflow:hidden;transition:all .3s ease}.profile-course-card:hover{transform:translateY(-4px);border-color:#1976d24d;box-shadow:0 12px 40px #00000026}.profile-course-image{width:100%;height:160px;object-fit:cover;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.profile-course-content{padding:16px}.profile-course-title{color:var(--profile-text);font-size:16px;font-weight:600;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-course-meta{display:flex;align-items:center;gap:12px;color:var(--profile-text-secondary);font-size:13px}.profile-experience-item{background:var(--profile-input-bg);border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid var(--profile-border);display:flex;align-items:center;gap:12px;transition:all .2s ease}.profile-experience-item:hover{border-color:#1976d233}.profile-experience-input{flex:1;padding:12px;background:transparent;border:none;color:var(--profile-text);font-size:15px}.profile-experience-input:focus{outline:none}.profile-experience-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.profile-experience-btn.add{background:#10b98126;color:#10b981}.profile-experience-btn.delete{background:#ef444426;color:#ef4444}.profile-work-card{background:var(--profile-input-bg);border-radius:12px;padding:16px;border:1px solid var(--profile-border);transition:all .2s ease}.profile-work-card:hover{border-color:#1976d233}.profile-work-title{color:var(--profile-text);font-size:16px;font-weight:600;margin-bottom:8px}.profile-work-meta{color:var(--profile-text-secondary);font-size:13px}.profile-empty-state{text-align:center;padding:40px 20px;color:var(--profile-text-secondary)}.profile-empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.profile-empty-state-title{font-size:18px;font-weight:600;color:var(--profile-text);margin-bottom:8px}.profile-actions-bar{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.profile-admin-section{background:#f59e0b14;border:2px solid rgba(245,158,11,.3);border-radius:16px;padding:20px;margin-top:20px}.profile-admin-title{color:#d97706;font-size:18px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.profile-admin-content{background:var(--profile-input-bg);border-radius:12px;padding:16px;margin-top:12px}.profile-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}@media (max-width: 768px){.profile-header-card{padding:20px}.profile-hero{padding:24px 20px}.profile-avatar{width:100px;height:100px}.profile-name{font-size:24px}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-stat-value{font-size:22px}.profile-courses-grid{grid-template-columns:1fr}.profile-actions-bar{flex-direction:column}.profile-btn{width:100%;justify-content:center}.profile-section-header{flex-direction:column;align-items:flex-start}}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-fade-in{animation:profileFadeIn .4s ease forwards}.profile-check-icon{color:#4caf50;flex-shrink:0}.profile-info-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--profile-border)}.profile-info-row:last-child{border-bottom:none}.profile-info-label{color:var(--profile-text-secondary);font-size:13px;min-width:100px}.profile-info-value{color:var(--profile-text);font-weight:500}:root{--teacher-primary: #3b82f6;--teacher-primary-dark: #2563eb;--teacher-secondary: #10b981;--teacher-accent: #8b5cf6;--teacher-warning: #f59e0b;--teacher-error: #ef4444;--teacher-bg-dark: #0f172a;--teacher-bg-card: rgba(30, 41, 59, .8);--teacher-border: rgba(148, 163, 184, .1);--teacher-text: #f1f5f9;--teacher-text-secondary: #94a3b8;--teacher-gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--teacher-gradient-secondary: linear-gradient(135deg, #10b981 0%, #059669 100%);--teacher-gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)}.teacher-control-center{display:flex;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:relative}.teacher-control-center:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none}.teacher-sidebar{width:280px;min-height:100vh;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--teacher-border);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;left:0;top:0;z-index:100}.teacher-sidebar.collapsed{width:80px}.teacher-sidebar.rtl{left:auto;right:0;border-right:none;border-left:1px solid var(--teacher-border)}.teacher-sidebar-header{padding:24px 20px;border-bottom:1px solid var(--teacher-border);display:flex;align-items:center;gap:12px}.teacher-sidebar-logo{width:44px;height:44px;background:var(--teacher-gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.teacher-sidebar-logo svg{color:#fff;font-size:24px}.teacher-sidebar-title{color:var(--teacher-text);font-size:18px;font-weight:700;white-space:nowrap}.teacher-sidebar-subtitle{color:var(--teacher-text-secondary);font-size:12px;white-space:nowrap}.teacher-sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.teacher-nav-section{margin-bottom:8px}.teacher-nav-section-title{color:var(--teacher-text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px;margin-bottom:4px}.teacher-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:var(--teacher-text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease;margin-bottom:4px;border:none;background:transparent;width:100%;font-size:14px;font-weight:500}.teacher-nav-item:hover{background:#3b82f61a;color:var(--teacher-text)}.teacher-nav-item.active{background:var(--teacher-gradient-primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.teacher-nav-item svg{font-size:20px;flex-shrink:0}.teacher-nav-item-text{flex:1;text-align:left}.teacher-nav-item.rtl .teacher-nav-item-text{text-align:right}.teacher-nav-badge{background:var(--teacher-error);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.teacher-main-content{flex:1;margin-left:280px;padding:24px;position:relative;z-index:1;min-height:100vh}.teacher-main-content.sidebar-collapsed{margin-left:80px}.teacher-main-content.rtl{margin-left:0;margin-right:280px}.teacher-main-content.rtl.sidebar-collapsed{margin-right:80px}.teacher-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px 24px;background:var(--teacher-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--teacher-border)}.teacher-header-title{color:var(--teacher-text);font-size:28px;font-weight:700;margin:0}.teacher-header-subtitle{color:var(--teacher-text-secondary);font-size:14px;margin-top:4px}.teacher-header-actions{display:flex;align-items:center;gap:12px}.teacher-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.teacher-stat-card{background:var(--teacher-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--teacher-border);padding:24px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.teacher-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--teacher-gradient-primary);opacity:0;transition:opacity .3s ease}.teacher-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#3b82f64d}.teacher-stat-card:hover:before{opacity:1}.teacher-stat-card.courses:before{background:var(--teacher-gradient-primary)}.teacher-stat-card.students:before{background:var(--teacher-gradient-secondary)}.teacher-stat-card.offers:before{background:var(--teacher-gradient-accent)}.teacher-stat-card.revenue:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.teacher-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.teacher-stat-card.courses .teacher-stat-icon{background:#3b82f626;color:#3b82f6}.teacher-stat-card.students .teacher-stat-icon{background:#10b98126;color:#10b981}.teacher-stat-card.offers .teacher-stat-icon{background:#8b5cf626;color:#8b5cf6}.teacher-stat-card.revenue .teacher-stat-icon{background:#f59e0b26;color:#f59e0b}.teacher-stat-value{font-size:32px;font-weight:700;color:var(--teacher-text);margin-bottom:4px}.teacher-stat-label{font-size:14px;color:var(--teacher-text-secondary)}.teacher-section-card{background:var(--teacher-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--teacher-border);padding:24px;margin-bottom:24px}.teacher-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.teacher-section-title{color:var(--teacher-text);font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.teacher-section-title-icon{width:32px;height:32px;background:var(--teacher-gradient-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.teacher-tabs{display:flex;gap:8px;padding:4px;background:#0f172a80;border-radius:12px;margin-bottom:24px}.teacher-tab{padding:10px 20px;border-radius:8px;border:none;background:transparent;color:var(--teacher-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.teacher-tab:hover{background:#3b82f61a;color:var(--teacher-text)}.teacher-tab.active{background:var(--teacher-gradient-primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.teacher-course-card{background:#0f172a99;border-radius:12px;border:1px solid var(--teacher-border);overflow:hidden;transition:all .3s ease}.teacher-course-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#3b82f64d}.teacher-course-image{width:100%;height:140px;object-fit:cover;background:linear-gradient(135deg,#1e293b,#334155)}.teacher-course-content{padding:16px}.teacher-course-title{color:var(--teacher-text);font-size:16px;font-weight:600;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.teacher-course-meta{display:flex;align-items:center;gap:12px;color:var(--teacher-text-secondary);font-size:13px;margin-bottom:12px}.teacher-course-actions{display:flex;gap:8px}.teacher-offer-card{background:#0f172a99;border-radius:12px;border:1px solid var(--teacher-border);padding:20px;margin-bottom:12px;transition:all .2s ease}.teacher-offer-card:hover{border-color:#3b82f64d;background:#0f172acc}.teacher-offer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.teacher-offer-title{color:var(--teacher-text);font-size:16px;font-weight:600}.teacher-offer-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.teacher-offer-status.pending{background:#f59e0b26;color:#f59e0b}.teacher-offer-status.accepted{background:#10b98126;color:#10b981}.teacher-offer-status.rejected{background:#ef444426;color:#ef4444}.teacher-offer-status.completed{background:#3b82f626;color:#3b82f6}.teacher-offer-details{display:flex;flex-wrap:wrap;gap:16px;color:var(--teacher-text-secondary);font-size:14px;margin-bottom:16px}.teacher-offer-detail{display:flex;align-items:center;gap:6px}.teacher-offer-actions{display:flex;gap:8px;justify-content:flex-end}.teacher-btn{padding:10px 20px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.teacher-btn-primary{background:var(--teacher-gradient-primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.teacher-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.teacher-btn-secondary{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.teacher-btn-secondary:hover{background:#3b82f633}.teacher-btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.teacher-btn-danger:hover{background:#ef444433}.teacher-btn-small{padding:6px 12px;font-size:13px}.teacher-quick-actions{display:flex;flex-wrap:wrap;gap:12px}.teacher-quick-action-btn{padding:12px 20px;border-radius:12px;border:1px solid var(--teacher-border);background:#0f172a99;color:var(--teacher-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px}.teacher-quick-action-btn:hover{background:#3b82f61a;border-color:#3b82f64d;transform:translateY(-2px)}.teacher-quick-action-btn.primary{background:var(--teacher-gradient-primary);border-color:transparent;box-shadow:0 4px 12px #3b82f64d}.teacher-empty-state{text-align:center;padding:48px 24px;color:var(--teacher-text-secondary)}.teacher-empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.teacher-empty-state-title{font-size:18px;font-weight:600;color:var(--teacher-text);margin-bottom:8px}.teacher-empty-state-text{font-size:14px;margin-bottom:24px}.teacher-data-table{width:100%;border-collapse:separate;border-spacing:0}.teacher-data-table th{background:#0f172a80;color:var(--teacher-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;text-align:left;border-bottom:1px solid var(--teacher-border)}.teacher-data-table td{padding:16px;color:var(--teacher-text);font-size:14px;border-bottom:1px solid var(--teacher-border)}.teacher-data-table tbody tr:hover{background:#3b82f60d}@media (max-width: 1024px){.teacher-sidebar{width:80px}.teacher-sidebar-title,.teacher-sidebar-subtitle,.teacher-nav-section-title,.teacher-nav-item-text{display:none}.teacher-nav-item{justify-content:center;padding:12px}.teacher-main-content{margin-left:80px}.teacher-main-content.rtl{margin-left:0;margin-right:80px}}@media (max-width: 768px){.teacher-sidebar{position:fixed;left:-280px;transition:left .3s ease}.teacher-sidebar.mobile-open{left:0;width:280px}.teacher-sidebar.rtl{left:auto;right:-280px}.teacher-sidebar.rtl.mobile-open{right:0}.teacher-main-content,.teacher-main-content.rtl{margin-left:0;margin-right:0;padding:16px}.teacher-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.teacher-stat-card{padding:16px}.teacher-stat-value{font-size:24px}.teacher-header{flex-direction:column;gap:16px;text-align:center}.teacher-header-title{font-size:22px}}@keyframes teacherFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.teacher-fade-in{animation:teacherFadeIn .3s ease forwards}@keyframes teacherPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.teacher-pulse{animation:teacherPulse 2s infinite}.control-center-sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;color:#fff;position:fixed;left:0;top:0;z-index:1200;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column}.control-center-sidebar.rtl{left:auto;right:0;box-shadow:-4px 0 24px #0000004d}.control-center-sidebar.expanded{width:280px}.control-center-sidebar.collapsed{width:72px}.sidebar-header{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);min-height:72px}.sidebar-logo{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.sidebar-title{font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto;overflow-x:hidden}.nav-section{margin-bottom:8px}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff6;padding:8px 20px;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;margin:2px 8px;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;color:#ffffffb3;text-decoration:none}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);color:#fff;box-shadow:0 4px 12px #6366f133}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:0 4px 4px 0}.nav-item.rtl.active:before{left:auto;right:0;border-radius:4px 0 0 4px}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden}.nav-badge{margin-left:auto;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center;animation:pulse-badge 2s infinite}.nav-badge.rtl{margin-left:0;margin-right:auto}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.collapse-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.collapse-btn:hover{background:#ffffff1a;color:#fff}.control-center-main{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);transition:margin .3s cubic-bezier(.4,0,.2,1)}.control-center-main.sidebar-expanded{margin-left:280px}.control-center-main.sidebar-collapsed{margin-left:72px}.control-center-main.rtl.sidebar-expanded{margin-left:0;margin-right:280px}.control-center-main.rtl.sidebar-collapsed{margin-left:0;margin-right:72px}.control-center-header{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:100}.header-title{font-size:24px;font-weight:700;color:#1a1a2e}.header-subtitle{font-size:14px;color:#64748b}.header-actions{display:flex;align-items:center;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:24px 32px}.stat-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 24px #0000000f}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stat-card.students:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.stat-card.teachers:before{background:linear-gradient(90deg,#10b981,#14b8a6)}.stat-card.courses:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.stat-card.requests:before{background:linear-gradient(90deg,#3b82f6,#6366f1)}.stat-card.offers:before{background:linear-gradient(90deg,#ec4899,#f43f5e)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.stat-card.students .stat-icon{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1}.stat-card.teachers .stat-icon{background:linear-gradient(135deg,#10b98126,#14b8a626);color:#10b981}.stat-card.courses .stat-icon{background:linear-gradient(135deg,#f59e0b26,#f9731626);color:#f59e0b}.stat-card.requests .stat-icon{background:linear-gradient(135deg,#3b82f626,#6366f126);color:#3b82f6}.stat-card.offers .stat-icon{background:linear-gradient(135deg,#ec489926,#f43f5e26);color:#ec4899}.stat-value{font-size:32px;font-weight:800;color:#1a1a2e;line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:#64748b;font-weight:500}.content-section{padding:0 32px 32px}.section-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 24px #0000000a}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.section-title{font-size:18px;font-weight:700;color:#1a1a2e;display:flex;align-items:center;gap:8px}.section-title-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.quick-action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.quick-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.quick-action-btn.secondary{background:#6366f11a;color:#6366f1}.quick-action-btn.secondary:hover{background:#6366f133}.pending-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pending-card{background:linear-gradient(135deg,#fff9,#ffffff4d);border-radius:12px;padding:20px;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.pending-card:hover{background:#fffc;box-shadow:0 4px 16px #0000000f}.pending-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pending-card-title{font-size:14px;font-weight:600;color:#1a1a2e}.pending-card-count{font-size:24px;font-weight:800;color:#f59e0b}.pending-card-action{font-size:13px;color:#6366f1;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.pending-card-action:hover{text-decoration:underline}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;transition:background .2s ease}.activity-item:hover{background:#00000005}.activity-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.course{background:linear-gradient(135deg,#f59e0b26,#f9731626);color:#f59e0b}.activity-icon.user{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1}.activity-icon.offer{background:linear-gradient(135deg,#10b98126,#14b8a626);color:#10b981}.activity-content{flex:1;min-width:0}.activity-text{font-size:14px;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:12px;color:#94a3b8}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{background:#00000005;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(0,0,0,.05)}.data-table td{padding:16px;font-size:14px;color:#1a1a2e;border-bottom:1px solid rgba(0,0,0,.05)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#6366f105}.todo-widget{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:20px;color:#fff}.todo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.todo-title{font-size:16px;font-weight:600}.todo-input-wrapper{display:flex;gap:8px;margin-bottom:16px}.todo-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px}.todo-input::placeholder{color:#ffffff80}.todo-input:focus{outline:none;border-color:#6366f1}.todo-add-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:10px 16px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.todo-add-btn:hover{transform:scale(1.05)}.todo-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.todo-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff0d;border-radius:8px;transition:background .2s ease}.todo-item:hover{background:#ffffff1a}.todo-item.completed .todo-text{text-decoration:line-through;opacity:.5}.todo-text{flex:1;font-size:14px}.todo-delete{opacity:.5;cursor:pointer;transition:opacity .2s ease}.todo-delete:hover{opacity:1;color:#ef4444}.search-wrapper{position:relative;flex:1;max-width:400px}.search-input{width:100%;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px 16px 12px 44px;font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.section-tabs{display:flex;gap:4px;padding:4px;background:#0000000a;border-radius:12px;margin-bottom:20px}.section-tab{padding:10px 20px;font-size:14px;font-weight:600;color:#64748b;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;background:transparent}.section-tab:hover{color:#1a1a2e}.section-tab.active{background:#fff;color:#6366f1;box-shadow:0 2px 8px #00000014}.status-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.status-chip.pending{background:#f59e0b1a;color:#d97706}.status-chip.approved{background:#10b9811a;color:#059669}.status-chip.rejected{background:#ef44441a;color:#dc2626}.status-chip.published{background:#6366f11a;color:#4f46e5}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.action-btn.approve{background:#10b9811a;color:#059669}.action-btn.approve:hover{background:#10b981;color:#fff}.action-btn.reject{background:#ef44441a;color:#dc2626}.action-btn.reject:hover{background:#ef4444;color:#fff}.action-btn.view{background:#6366f11a;color:#4f46e5}.action-btn.view:hover{background:#6366f1;color:#fff}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.control-center-header{padding:16px 20px}.content-section{padding:0 20px 20px}.stats-grid{padding:20px}}@media (max-width: 768px){.control-center-sidebar{position:fixed;z-index:1300;transform:translate(-100%)}.control-center-sidebar.rtl{transform:translate(100%)}.control-center-sidebar.mobile-open{transform:translate(0)}.control-center-main.sidebar-expanded,.control-center-main.sidebar-collapsed,.control-center-main.rtl.sidebar-expanded,.control-center-main.rtl.sidebar-collapsed{margin-left:0;margin-right:0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.stat-card{padding:16px}.stat-value{font-size:24px}.header-title{font-size:18px}.pending-grid{grid-template-columns:1fr}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-icon{width:36px;height:36px;margin-bottom:12px}.stat-value{font-size:20px}.stat-label{font-size:12px}.section-card{padding:16px}}.mobile-menu-btn{display:none;padding:8px;background:transparent;border:none;cursor:pointer;color:#1a1a2e}@media (max-width: 768px){.mobile-menu-btn{display:flex}}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1250;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:40px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Tajawal,sans-serif;background-color:#f5f5f5;color:#212121;direction:rtl}:root{--primary-color: #1E88E5;--primary-dark: #1565C0;--primary-light: #42A5F5;--secondary-color: #FF8F00;--secondary-dark: #EF6C00;--secondary-light: #FFB74D;--text-primary: #212121;--text-secondary: #757575;--background-color: #f5f5f5;--white: #ffffff;--error-color: #D32F2F;--success-color: #2E7D32;--warning-color: #ED6C02;--info-color: #0288D1}a{text-decoration:none;color:var(--primary-color)}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.container{padding:0 16px}}button{font-family:Tajawal,sans-serif}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:700;line-height:1.2}p{margin-bottom:1rem;line-height:1.5}