@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.badge{color:#fff;background:#e91e63;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:flex;box-shadow:0 0 10px #e91e6380}.badge.pulse{animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{box-shadow:0 0 10px #e91e6380}50%{box-shadow:0 0 20px #e91e63cc}}.sidebar-item{color:var(--text-secondary);text-decoration:none;transition:all .3s;display:block;position:relative}.sidebar-item:before{content:"";background:#e91e63;border-radius:0 4px 4px 0;width:3px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.sidebar-item__content{border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:all .3s;display:flex;position:relative}.sidebar-item__icon{width:18px;min-width:18px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.sidebar-item__label{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 .5rem;font-size:.9rem;font-weight:500;overflow:hidden}.sidebar-item:hover{color:var(--text-primary)}.sidebar-item:hover .sidebar-item__content{background:var(--bg-hover);transform:translate(3px)}.sidebar-item:hover .sidebar-item__icon{color:#e91e63}.sidebar-item:hover:before{transform:scaleY(1)}.sidebar-item.active{color:var(--text-primary)}.sidebar-item.active .sidebar-item__content{background:#e91e631a}.sidebar-item.active .sidebar-item__icon{color:#e91e63}.sidebar-item.active .sidebar-item__label{font-weight:600}.sidebar-item.active:before{transform:scaleY(1)}.sidebar-item.danger:hover .sidebar-item__icon{color:#f44336}.sidebar-item.danger:hover:before{background:#f44336}.sidebar-item.danger.active .sidebar-item__content{background:#f443361a}.sidebar-item.danger.active .sidebar-item__icon{color:#f44336}.sidebar-item.danger.active:before{background:#f44336}.sidebar-section__tooltip .sidebar-item__content{padding:.6rem .8rem}.sidebar-section__tooltip .sidebar-item__label{font-size:.85rem}.sidebar-section{margin-bottom:1rem;position:relative}.sidebar-section__header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .3s}.sidebar-section__header:hover{box-shadow:var(--shadow-md);background:var(--bg-hover);border-color:#e91e63;transform:translateY(-2px)}.sidebar-section__header-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sidebar-section__icon{background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;transition:all .3s;display:flex}.sidebar-section__header:hover .sidebar-section__icon{background:#ffffff1a;box-shadow:0 0 15px}.sidebar-section__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.sidebar-section__chevron{min-width:16px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.sidebar-section__header:hover .sidebar-section__chevron{color:#e91e63}.sidebar-section__items{border:1px solid var(--border-color);background:#0003;border-radius:8px;margin-top:.5rem;padding:.5rem;overflow:hidden}.sidebar-section__tooltip{opacity:0;visibility:hidden;pointer-events:none;z-index:10000;transition:all .3s;position:fixed;top:auto;left:95px}.sidebar.collapsed .sidebar-section:hover .sidebar-section__tooltip{opacity:1;visibility:visible;pointer-events:all}.sidebar-section__tooltip-content{background:var(--bg-card);border:2px solid #e91e63;border-radius:12px;min-width:250px;max-width:300px;padding:1.5rem;box-shadow:0 10px 40px #0000004d}.sidebar-section__tooltip-content h4{color:#e91e63;border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.sidebar-section__tooltip-items{flex-direction:column;gap:.5rem;display:flex}.sidebar.collapsed .sidebar-section__header{justify-content:center;padding:1rem}.sidebar.collapsed .sidebar-section__header-content{justify-content:center}.sidebar.collapsed .sidebar-section__title,.sidebar.collapsed .sidebar-section__chevron{display:none}.sidebar.collapsed .sidebar-section__icon{margin:0}.sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:1000;height:100vh;transition:all .3s;position:fixed;top:0;right:0;overflow:hidden}.sidebar__container{flex-direction:column;height:100%;padding:1.5rem;display:flex;overflow:hidden auto}.sidebar__container::-webkit-scrollbar{width:6px;height:6px}.sidebar__container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.sidebar__container::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.sidebar__container::-webkit-scrollbar-thumb:hover{background:#f06292}.sidebar__container{position:relative}.sidebar__logo{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-hover)100%);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.sidebar__logo-icon{background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 0 20px #e91e6366}.sidebar__logo-emoji{font-size:1.8rem}.sidebar__logo-text{flex:1;overflow:hidden}.sidebar__logo-text h2{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:700;overflow:hidden}.sidebar__logo-text p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.sidebar__toggle{border:3px solid var(--bg-primary);color:#fff;cursor:pointer;z-index:1001;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:100px;left:-20px;box-shadow:0 4px 12px #e91e6380}.sidebar__toggle:hover{background:linear-gradient(135deg,#f06292 0%,#e91e63 100%);transform:scale(1.1);box-shadow:0 6px 20px #e91e63b3}.sidebar__toggle:active{transform:scale(.95)}.sidebar__toggle svg{transition:transform .3s}@media (max-width:575px){.sidebar__toggle{display:none}}@media (min-width:576px) and (max-width:767px){.sidebar__toggle{display:none}}.sidebar__sections{flex-direction:column;flex:1;gap:1rem;padding-bottom:1.5rem;display:flex}.sidebar__footer{border-top:1px solid var(--border-color);text-align:center;margin-top:auto;padding-top:1.5rem;transition:all .3s}.sidebar__version{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem}.sidebar__copyright{color:var(--text-muted);opacity:.7;font-size:.7rem}.sidebar.collapsed .sidebar__logo{justify-content:center;padding:1rem}.sidebar.collapsed .sidebar__logo-icon{width:45px;height:45px}.sidebar.collapsed .sidebar__logo-emoji{font-size:1.5rem}.sidebar.collapsed .sidebar__toggle{left:-20px}.sidebar.collapsed .sidebar__toggle svg{transform:rotate(180deg)}.sidebar.collapsed .sidebar__footer{opacity:0;visibility:hidden;padding:1rem}@media (max-width:575px){.sidebar{z-index:1001;transform:translate(100%);width:280px!important}.sidebar.mobile-open{transform:translate(0)}}@media (min-width:576px) and (max-width:767px){.sidebar{z-index:1001;transform:translate(100%);width:280px!important}.sidebar.mobile-open{transform:translate(0)}}.sidebar-mobile-toggle{color:#fff;cursor:pointer;z-index:1002;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 4px 15px #e91e6366}.sidebar-mobile-toggle:hover{transform:scale(1.05);box-shadow:0 6px 20px #e91e6399}.sidebar-mobile-toggle:active{transform:scale(.95)}@media (max-width:575px){.sidebar-mobile-toggle{display:flex}}@media (min-width:576px) and (max-width:767px){.sidebar-mobile-toggle{display:flex}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;position:fixed;inset:0}@media (min-width:768px){.sidebar-overlay{display:none}}.logout-section{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:1rem}.logout-section .logout-button{cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-family:inherit}.logout-section .logout-button .sidebar-section__header-content{color:#f44336;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .3s;display:flex}.logout-section .logout-button .sidebar-section__header-content:hover{background:#f443361a;transform:translate(-2px)}.logout-section .logout-button .sidebar-section__header-content:active{transform:scale(.98)}.logout-section .logout-button:disabled{opacity:.6;cursor:not-allowed}.logout-section .logout-button:disabled .sidebar-section__header-content:hover{background:0 0;transform:none}.logout-section .logout-button .sidebar-section__icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logout-section .logout-button .sidebar-section__title{white-space:nowrap;font-size:.95rem;font-weight:500;overflow:hidden}.logout-section .logout-button .logout-spinner{border:2px solid #f443364d;border-top-color:#f44336;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-left:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar.collapsed .logout-section .logout-button .sidebar-section__header-content{justify-content:center;padding:.875rem .5rem}.sidebar.collapsed .logout-section .logout-button .sidebar-section__icon{margin:0}@media (max-width:575px){.logout-section .logout-button .sidebar-section__header-content{padding:1rem 1.25rem}.logout-section .logout-button .sidebar-section__icon{width:32px;height:32px}.logout-section .logout-button .sidebar-section__title{font-size:1rem}}.header{z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;position:sticky;top:0}@media (max-width:575px){.header{padding:1rem}}.header__container{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1600px;margin:0 auto;display:flex}.header__right{align-items:center;gap:1.5rem;display:flex}.header__logo{cursor:pointer;background:linear-gradient(135deg,#e91e631a 0%,#c2185b0d 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}@media (max-width:575px){.header__logo{width:40px;height:40px}}.header__logo-emoji{font-size:1.5rem}@media (max-width:575px){.header__logo-emoji{font-size:1.2rem}}.header__section{flex-direction:column;gap:2px;display:flex}@media (max-width:575px){.header__section{display:none}}.header__section-label{color:var(--text-muted);font-size:.75rem}.header__section-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}@media (min-width:576px) and (max-width:767px){.header__center{display:none}}.header__mode-capsule{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.5rem;display:flex}.header__mode-indicator{background:#4caf50;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.header__mode-text{color:var(--text-secondary);font-size:.85rem}.header__left{align-items:center;gap:1rem;display:flex}.header__action-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.header__action-btn:hover,.header__action-btn.active{background:var(--bg-hover);color:#e91e63;border-color:#e91e63}@media (max-width:575px){.header__action-btn{width:36px;height:36px}}.header__notifications-wrapper{position:relative}.header__btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.header__btn--primary{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%)}.header__btn--primary:hover{box-shadow:0 4px 15px #e91e6366}.header__btn--secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.header__btn--secondary:hover{color:#e91e63;border-color:#e91e63}@media (max-width:575px){.header__btn{padding:.5rem 1rem;font-size:.85rem}.header__btn span{display:none}}.notifications-dropdown{background:var(--bg-card);border:1px solid var(--border-color);width:380px;max-height:500px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:16px;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden}@media (max-width:575px){.notifications-dropdown{width:auto;position:fixed;top:60px;left:1rem;right:1rem}}.notifications-dropdown__header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#e91e630d 0%,#0000 100%);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.notifications-dropdown__header h3{color:var(--text-primary);justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;display:flex}.notifications-dropdown__mark-read{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:.5rem 1rem;font-size:.75rem;transition:all .3s;display:flex}.notifications-dropdown__mark-read:hover{color:#e91e63;border-color:#e91e63}.notifications-dropdown__list{max-height:350px;overflow-y:auto}.notifications-dropdown__list::-webkit-scrollbar{width:6px;height:6px}.notifications-dropdown__list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.notifications-dropdown__list::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.notifications-dropdown__list::-webkit-scrollbar-thumb:hover{background:#f06292}.notifications-dropdown__empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.notifications-dropdown__empty svg{opacity:.3}.notifications-dropdown__empty p{margin:0;font-size:.9rem}.notifications-dropdown__footer{border-top:1px solid var(--border-color);background:var(--bg-hover);padding:1rem}.notifications-dropdown__view-all{border:1px solid var(--border-color);color:#e91e63;cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:1rem;font-size:.9rem;font-weight:600;transition:all .3s}.notifications-dropdown__view-all:hover{background:#e91e631a;border-color:#e91e63}.notification-item{cursor:pointer;border-bottom:1px solid var(--border-color);gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item--unread{background:#e91e6308}.notification-item__avatar{border:2px solid #e91e63;border-radius:50%;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.notification-item__avatar img{object-fit:cover;width:100%;height:100%}.notification-item__avatar-placeholder{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex}.notification-item__unread-dot{border:2px solid var(--bg-card);background:#e91e63;border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:0}.notification-item__content{flex:1;min-width:0}.notification-item__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.9rem;font-weight:600;overflow:hidden}.notification-item__body{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:.85rem;display:-webkit-box;overflow:hidden}.notification-item__time{color:var(--text-muted);font-size:.75rem}.layout{background:var(--bg-primary);direction:rtl;min-height:100vh;display:flex;position:relative}.layout__main{flex-direction:column;flex:1;width:100%;min-width:0;margin-right:280px;transition:margin-right .3s;display:flex}@media (max-width:575px){.layout__main{width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}}@media (min-width:576px) and (max-width:767px){.layout__main{width:100%;margin-right:0}}.layout__content{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.layout__content::-webkit-scrollbar{width:6px;height:6px}.layout__content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.layout__content::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.layout__content::-webkit-scrollbar-thumb:hover{background:#f06292}.layout__content{width:100%}.layout__content-wrapper{box-sizing:border-box;flex:1;width:100%;max-width:1600px;margin:0 auto;padding:2rem}@media (max-width:575px){.layout__content-wrapper{width:100%;max-width:100%;padding:calc(1.5rem + 64px) 1.5rem 1.5rem}}@media (min-width:576px) and (max-width:767px){.layout__content-wrapper{max-width:100%;padding:calc(1.5rem + 64px) 1.5rem 1.5rem}}.sidebar.collapsed~.layout__main{margin-right:80px}@media (max-width:575px){.sidebar.collapsed~.layout__main{margin-left:0!important;margin-right:0!important}}@media (min-width:576px) and (max-width:767px){.sidebar.collapsed~.layout__main{margin-right:0}}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#e91e631a 0%,#0000 50%),radial-gradient(circle at 70%,#9c27b01a 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite backgroundMove;position:absolute;top:-50%;left:-50%}@keyframes backgroundMove{0%,to{transform:translate(0)}25%{transform:translate(-5%,5%)}50%{transform:translate(5%,-5%)}75%{transform:translate(-5%,-5%)}}.login-container{background:var(--bg-card);width:100%;max-width:1200px;box-shadow:var(--shadow-lg);z-index:1;border-radius:20px;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}@media (min-width:576px) and (max-width:767px){.login-container{grid-template-columns:1fr}}@media (max-width:575px){.login-container{grid-template-columns:1fr}}.login-brand{background:linear-gradient(135deg,#e91e63 0%,#9c27b0 100%);justify-content:center;align-items:center;padding:4rem;display:flex;position:relative;overflow:hidden}@media (min-width:576px) and (max-width:767px){.login-brand{min-height:300px;padding:3rem 1.5rem}}@media (max-width:575px){.login-brand{min-height:250px;padding:2rem 1.5rem}}.brand-content{z-index:2;text-align:center;color:#fff;position:relative}.brand-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;animation:3s ease-in-out infinite float;display:flex}.brand-logo svg{color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-content h1{text-shadow:0 2px 10px #0003;margin-bottom:1rem;font-size:2.5rem;font-weight:700}@media (max-width:575px){.brand-content h1{font-size:2rem}}.brand-subtitle{opacity:.95;margin-bottom:3rem;font-size:1.1rem;font-weight:300}@media (max-width:575px){.brand-subtitle{margin-bottom:2rem}}.brand-features{flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex}@media (max-width:575px){.brand-features{display:none}}@media (min-width:576px) and (max-width:767px){.brand-features{display:flex}}.feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .3s;display:flex}.feature-item:hover{background:#ffffff40;transform:translate(-5px)}.feature-item .feature-icon{font-size:1.5rem}.feature-item span{font-size:.95rem;font-weight:500}.brand-decoration{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.decoration-circle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:50%;position:absolute}.decoration-circle.circle-1{width:300px;height:300px;animation:4s ease-in-out infinite pulse;top:-100px;right:-100px}.decoration-circle.circle-2{width:200px;height:200px;animation:3s ease-in-out .5s infinite pulse;bottom:-50px;left:-50px}.decoration-circle.circle-3{width:150px;height:150px;animation:3.5s ease-in-out 1s infinite pulse;top:50%;left:20%}.login-form-section{justify-content:center;align-items:center;padding:4rem;display:flex}@media (min-width:576px) and (max-width:767px){.login-form-section{padding:3rem 1.5rem}}@media (max-width:575px){.login-form-section{padding:2rem 1.5rem}}.login-form-container{width:100%;max-width:450px}.login-header{text-align:center;margin-bottom:3rem}.login-header h2{background:linear-gradient(135deg,#e91e63,#9c27b0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem}@media (max-width:575px){.login-header h2{font-size:1.75rem}}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group label{color:var(--text-primary);text-align:right;width:100%;font-size:.9rem;font-weight:600;display:block}.input-wrapper{background:var(--bg-secondary);border:2px solid var(--border-color);direction:rtl;border-radius:12px;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.input-wrapper:focus-within{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.input-wrapper.error{border-color:#f44336}.input-wrapper.error:focus-within{box-shadow:0 0 0 3px #f443361a}.input-wrapper .input-icon{color:var(--text-muted);transition:color .3s;position:absolute;right:1rem}.input-wrapper .input-icon:first-child{left:1rem;right:auto}.input-wrapper:focus-within .input-icon{color:#e91e63}.input-wrapper input{width:100%;color:var(--text-primary);text-align:right;direction:rtl;background:0 0;border:none;outline:none;padding:1rem 45px 1rem 1rem;font-size:1rem}.input-wrapper input::placeholder{color:var(--text-muted);text-align:right}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.toggle-password{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:-16px;padding:1rem;transition:color .3s;display:flex;position:absolute;left:1rem}.toggle-password:hover{color:#e91e63}.toggle-password:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#f44336;text-align:right;direction:rtl;align-items:center;gap:4px;font-size:.85rem;display:flex}.submit-error{color:#f44336;text-align:center;direction:rtl;background:#f443361a;border:1px solid #f443364d;border-radius:8px;padding:1rem 1.5rem;font-size:.9rem}.form-options{direction:rtl;justify-content:space-between;align-items:center;margin-top:-.5rem;display:flex}@media (max-width:575px){.form-options{flex-direction:column;align-items:flex-start;gap:1rem}}.remember-me{cursor:pointer;color:var(--text-secondary);direction:rtl;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.remember-me input[type=checkbox]{cursor:pointer;accent-color:#e91e63;width:18px;height:18px}.forgot-password{color:#e91e63;cursor:pointer;direction:rtl;background:0 0;border:none;font-size:.9rem;font-weight:500;transition:color .3s}.forgot-password:hover{color:#f06292;text-decoration:underline}.submit-btn{color:#fff;cursor:pointer;direction:rtl;background:linear-gradient(135deg,#e91e63,#9c27b0);border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn.loading{justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.demo-credentials{text-align:center;direction:rtl;background:#e91e630d;border:1px solid #e91e6333;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.demo-credentials p{color:var(--text-secondary);margin-bottom:4px;font-size:.85rem}.demo-credentials p:first-child{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.demo-credentials p strong{color:#e91e63}body.light-mode .login-page:before{background:radial-gradient(circle at 30%,#e91e630d 0%,#0000 50%),radial-gradient(circle at 70%,#9c27b00d 0%,#0000 50%)}body.light-mode .input-wrapper{background:#f5f7fa}body.light-mode .demo-credentials{background:#e91e6308;border-color:#e91e6326}@media (max-width:575px){.brand-content .brand-subtitle{margin-bottom:1.5rem}.brand-content:after{content:"💪 📊 💬";letter-spacing:10px;opacity:.8;margin-top:1.5rem;font-size:1.5rem;display:block}}.admin-notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.admin-notice .notice-icon{flex-shrink:0;font-size:20px}.admin-notice .notice-text{color:#e6a700;margin:0;font-size:14px;font-weight:500}.submit-error{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;display:flex}.submit-error .error-icon{flex-shrink:0;font-size:18px}.submit-error span{color:#dc3545;font-size:14px;font-weight:500}.submit-btn .lock-icon{margin-left:8px}.login-portals{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.login-portals .portal-divider{text-align:center;margin-bottom:16px;position:relative}.login-portals .portal-divider:before{content:"";z-index:1;background:#eee;height:1px;position:absolute;top:50%;left:0;right:0}.login-portals .portal-divider span{color:#666;z-index:2;background:#fff;padding:0 16px;font-size:14px;position:relative}.login-portals .portal-buttons{flex-direction:column;gap:12px;display:flex}.login-portals .portal-btn{color:#495057;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.login-portals .portal-btn:hover{background:#f8f9fa;border-color:#dee2e6;transform:translateY(-1px)}.login-portals .portal-btn.client-portal{color:#1971c2;background:#4dabf70d;border-color:#4dabf7}.login-portals .portal-btn.client-portal:hover{background:#4dabf71a;border-color:#339af0}.login-portals .portal-btn.main-site{color:#2b8a3e;background:#51cf660d;border-color:#51cf66}.login-portals .portal-btn.main-site:hover{background:#51cf661a;border-color:#40c057}.login-portals .portal-btn .portal-icon{font-size:18px}.brand-subtitle{color:#ff6b6b;margin-bottom:8px;font-weight:600}.brand-description{color:#868e96;margin-bottom:24px;font-size:14px}.brand-features .feature-item:first-child .feature-icon{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.time-filter{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;width:100%;max-width:400px;padding:1rem}@media (max-width:768px){.time-filter{max-width:100%;padding:.75rem}}.time-filter__header{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:flex}@media (max-width:576px){.time-filter__header{margin-bottom:.75rem;font-size:.85rem}}.time-filter__header svg{flex-shrink:0;width:20px;height:20px}.time-filter__options{flex-wrap:wrap;gap:.5rem;display:flex}.time-filter__option{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;text-align:center;box-sizing:border-box;background:0 0;border-radius:8px;flex:1;min-width:100px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s}@media (max-width:768px){.time-filter__option{min-width:90px;padding:.5rem .75rem;font-size:.85rem}}@media (max-width:576px){.time-filter__option{flex:1 0 calc(33.333% - .5rem);min-width:0;padding:.5rem;font-size:.8rem}}.time-filter__option:hover{background:var(--bg-hover);border-color:#e91e63}.time-filter__option.active{color:#fff;background:#e91e63;border-color:#e91e63;box-shadow:0 2px 8px #e91e634d}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (max-width:576px){.metric-card{min-height:120px;padding:1rem}}@media (min-width:577px) and (max-width:768px){.metric-card{padding:1.25rem}}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.metric-card--primary{border-top:4px solid #e91e63}.metric-card--blue{border-top:4px solid #2196f3}.metric-card--green{border-top:4px solid #4caf50}.metric-card--orange{border-top:4px solid #ff9800}.metric-card--purple{border-top:4px solid #9c27b0}.metric-card__icon{color:#e91e63;background:#e91e631a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}@media (max-width:768px){.metric-card__icon{width:40px;height:40px;margin-bottom:.75rem}}@media (max-width:576px){.metric-card__icon{width:36px;height:36px;margin-bottom:.5rem}}.metric-card--blue .metric-card__icon{color:#2196f3;background:#2196f31a}.metric-card--green .metric-card__icon{color:#4caf50;background:#4caf501a}.metric-card--orange .metric-card__icon{color:#ff9800;background:#ff98001a}.metric-card--purple .metric-card__icon{color:#9c27b0;background:#9c27b01a}.metric-card__content{flex:1}.metric-card__label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:.9rem;display:block;overflow:hidden}@media (max-width:576px){.metric-card__label{margin-bottom:.25rem;font-size:.85rem}}.metric-card__value{color:var(--text-primary);word-break:break-word;margin-bottom:1rem;font-size:1.8rem;font-weight:700;line-height:1}@media (max-width:768px){.metric-card__value{margin-bottom:.75rem;font-size:1.6rem}}@media (max-width:576px){.metric-card__value{margin-bottom:.5rem;font-size:1.4rem}}.metric-card__change{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}@media (max-width:576px){.metric-card__change{gap:.25rem;font-size:.8rem}}.metric-card__change svg{flex-shrink:0;width:16px;height:16px}@media (max-width:576px){.metric-card__change svg{width:14px;height:14px}}.metric-card__change .change-text{font-weight:600}.metric-card__change .change-text.positive{color:#4caf50}.metric-card__change .change-text.negative{color:#f44336}.metric-card__change .change-label{color:var(--text-muted);margin-right:auto;font-size:.8rem}@media (max-width:576px){.metric-card__change .change-label{display:none}}.metric-card__progress{background:var(--border-color);border-radius:0 0 16px 16px;height:4px;margin-top:1rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.metric-card__progress-bar{background:#4caf50;height:100%;transition:width .3s}.metric-card__chart{opacity:.3;color:currentColor;display:none;position:absolute;bottom:1rem;right:1rem}@media (min-width:1024px){.metric-card__chart{display:block}}.simple-heatmap{direction:rtl}.simple-heatmap .heatmap-container{background:var(--bg-card);border-radius:8px;flex-direction:column;height:100%;min-height:200px;padding:16px;display:flex}.simple-heatmap .heatmap-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}@media (max-width:768px){.simple-heatmap .heatmap-header{flex-direction:column;align-items:flex-start}}.simple-heatmap .heatmap-title{color:var(--text-primary);font-size:14px;font-weight:600}.simple-heatmap .heatmap-legend{gap:12px;display:flex}.simple-heatmap .heatmap-legend .legend-item{align-items:center;gap:6px;display:flex}.simple-heatmap .heatmap-legend .legend-item .legend-color{border-radius:2px;width:12px;height:12px}.simple-heatmap .heatmap-legend .legend-item span{color:var(--text-secondary);font-size:11px}.simple-heatmap .heatmap-grid{flex-direction:column;flex:1;min-height:150px;display:flex;overflow-x:auto}.simple-heatmap .heatmap-grid .days-axis{min-width:400px;margin-bottom:8px;display:flex}.simple-heatmap .heatmap-grid .days-axis .day-label{text-align:center;color:var(--text-secondary);flex:1;padding:4px;font-size:11px}.simple-heatmap .heatmap-grid .days-axis .day-label:first-child{text-align:right;flex:0 0 60px}.simple-heatmap .heatmap-grid .heatmap-main{flex:1;min-width:400px}.simple-heatmap .heatmap-grid .heatmap-main .hours-axis{margin-bottom:4px;display:flex}.simple-heatmap .heatmap-grid .heatmap-main .hours-axis .hour-label{text-align:right;color:var(--text-secondary);flex:0 0 60px;justify-content:flex-end;align-items:center;padding:4px;font-size:11px;display:flex}.simple-heatmap .heatmap-grid .heatmap-main .hours-axis .heatmap-cell{border-radius:3px;flex:1;justify-content:center;align-items:center;height:30px;margin:0 2px;display:flex;position:relative}.simple-heatmap .heatmap-grid .heatmap-main .hours-axis .heatmap-cell .cell-value{color:var(--text-primary);font-size:10px;font-weight:500}.simple-heatmap .heatmap-grid .heatmap-main .hours-axis .heatmap-cell:hover{opacity:.9;cursor:pointer}.chart-wrapper{direction:ltr;position:relative}.chart-wrapper>div{position:absolute;inset:0}.chart-wrapper.chart-no-data{background:var(--bg-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex}.chart-wrapper.chart-no-data .no-data-message{text-align:center;color:var(--text-muted)}.chart-wrapper.chart-no-data .no-data-message svg{color:var(--text-muted);margin-bottom:.5rem}.chart-wrapper.chart-no-data .no-data-message p{margin:0;font-size:.9rem}.chart-wrapper .recharts-wrapper{direction:ltr!important}.chart-wrapper .recharts-cartesian-axis-tick-value{font-size:11px;fill:var(--text-secondary)!important}.chart-wrapper .recharts-legend-item-text{font-size:12px;color:var(--text-secondary)!important}.chart-wrapper .recharts-tooltip-wrapper{direction:rtl!important}.alerts-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}@media (max-width:575px){.alerts-panel{border-radius:12px}}.alerts-panel__header{border-bottom:1px solid var(--border-color);background:#ff98000d;flex-shrink:0;align-items:center;gap:1rem;padding:2rem;display:flex}@media (min-width:576px) and (max-width:767px){.alerts-panel__header{padding:1.5rem}}@media (max-width:575px){.alerts-panel__header{padding:1rem 1.5rem}}.alerts-panel__header h3{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}@media (min-width:576px) and (max-width:767px){.alerts-panel__header h3{font-size:1.1rem}}@media (max-width:575px){.alerts-panel__header h3{font-size:1rem}}.alerts-panel__header svg{color:#ff9800;flex-shrink:0}@media (max-width:575px){.alerts-panel__header svg{width:20px;height:20px}}.alerts-panel__list{flex:1;padding:1rem;overflow-y:auto}@media (min-width:576px) and (max-width:767px){.alerts-panel__list{padding:.5rem}}@media (max-width:575px){.alerts-panel__list{padding:.5rem}}.alert-item{background:var(--bg-hover);border-radius:12px;align-items:center;gap:1.5rem;margin-bottom:.5rem;padding:1.5rem;transition:all .3s;display:flex}@media (min-width:576px) and (max-width:767px){.alert-item{gap:1rem;padding:1rem}}@media (max-width:575px){.alert-item{flex-wrap:wrap;gap:1rem;padding:.5rem 1rem}}.alert-item:last-child{margin-bottom:0}.alert-item:hover{background:var(--bg-card);border-color:var(--border-color);transform:translate(5px)}@media (max-width:575px){.alert-item:hover{transform:translate(3px)}}.alert-item__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}@media (min-width:576px) and (max-width:767px){.alert-item__icon{width:36px;height:36px}}@media (max-width:575px){.alert-item__icon{width:32px;height:32px}.alert-item__icon svg{width:18px;height:18px}}.alert-item__content{flex:1;min-width:0}@media (max-width:575px){.alert-item__content{flex:0 0 calc(100% - 120px)}}.alert-item__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.95rem;font-weight:600;overflow:hidden}@media (min-width:576px) and (max-width:767px){.alert-item__title{font-size:.9rem}}@media (max-width:575px){.alert-item__title{white-space:normal;font-size:.85rem;line-height:1.3}}.alert-item__count{color:var(--text-muted);font-size:.85rem}@media (min-width:576px) and (max-width:767px){.alert-item__count{font-size:.8rem}}@media (max-width:575px){.alert-item__count{font-size:.75rem}}.alert-item__action{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:.4rem .8rem;font-size:.85rem;transition:all .3s}@media (min-width:576px) and (max-width:767px){.alert-item__action{padding:.35rem .7rem;font-size:.8rem}}@media (max-width:575px){.alert-item__action{padding:.3rem .6rem;font-size:.75rem}}.alert-item__action:hover{color:#fff;background:#e91e63;border-color:#e91e63}.summary-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}@media (max-width:575px){.summary-box{border-radius:12px}}.summary-box__header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#e91e631a 0%,#e91e630d 100%);flex-shrink:0;align-items:center;gap:1rem;padding:2rem;display:flex}@media (min-width:576px) and (max-width:767px){.summary-box__header{padding:1.5rem}}@media (max-width:575px){.summary-box__header{padding:1rem 1.5rem}}.summary-box__header h3{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}@media (min-width:576px) and (max-width:767px){.summary-box__header h3{font-size:1.1rem}}@media (max-width:575px){.summary-box__header h3{font-size:1rem}}.summary-box__header svg{color:#e91e63;flex-shrink:0}@media (max-width:575px){.summary-box__header svg{width:20px;height:20px}}.summary-box__content{flex-direction:column;flex:1;gap:2rem;padding:2rem;display:flex;overflow-y:auto}@media (min-width:576px) and (max-width:767px){.summary-box__content{gap:1.5rem;padding:1.5rem}}@media (max-width:575px){.summary-box__content{gap:1rem;padding:1rem 1.5rem}}.summary-box__insights{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:576px) and (max-width:767px){.summary-box__insights{gap:1rem}}@media (max-width:575px){.summary-box__insights{gap:.5rem}}.summary-box .insight-item{background:var(--bg-hover);border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s;display:flex}@media (min-width:576px) and (max-width:767px){.summary-box .insight-item{padding:.5rem 1rem}}@media (max-width:575px){.summary-box .insight-item{gap:.5rem;padding:.5rem}}.summary-box .insight-item:hover{background:#e91e630d;border-color:#e91e63}.summary-box .insight-item__icon{color:#e91e63;background:#e91e631a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}@media (min-width:576px) and (max-width:767px){.summary-box .insight-item__icon{width:28px;height:28px}}@media (max-width:575px){.summary-box .insight-item__icon{width:28px;height:28px;margin-top:0}}@media (min-width:576px) and (max-width:767px){.summary-box .insight-item__icon svg{width:16px;height:16px}}@media (max-width:575px){.summary-box .insight-item__icon svg{width:14px;height:14px}}.summary-box .insight-item__text{color:var(--text-primary);margin:0;font-size:.95rem;line-height:1.5}@media (min-width:576px) and (max-width:767px){.summary-box .insight-item__text{font-size:.9rem;line-height:1.4}}@media (max-width:575px){.summary-box .insight-item__text{font-size:.85rem;line-height:1.4}}.summary-box__stats{background:var(--bg-hover);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem;display:grid}@media (min-width:576px) and (max-width:767px){.summary-box__stats{gap:.5rem;padding:1rem}}@media (max-width:575px){.summary-box__stats{grid-template-columns:1fr;padding:.5rem}}.summary-box .stat-item{text-align:center;flex-direction:column;align-items:center;padding:1rem;display:flex}@media (min-width:576px) and (max-width:767px){.summary-box .stat-item{padding:.5rem}}@media (max-width:575px){.summary-box .stat-item{text-align:right;border-bottom:1px solid var(--border-color);flex-direction:row;justify-content:space-between;padding:.5rem 0}.summary-box .stat-item:last-child{border-bottom:none}}.summary-box .stat-item .stat-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}@media (min-width:576px) and (max-width:767px){.summary-box .stat-item .stat-label{font-size:.75rem}}@media (max-width:575px){.summary-box .stat-item .stat-label{margin-bottom:0;font-size:.8rem}}.summary-box .stat-item .stat-value{color:var(--text-primary);font-size:1.2rem;font-weight:700}@media (min-width:576px) and (max-width:767px){.summary-box .stat-item .stat-value{font-size:1.1rem}}@media (max-width:575px){.summary-box .stat-item .stat-value{font-size:1rem}}.summary-box__footer{border-top:1px solid var(--border-color);background:var(--bg-hover);flex-shrink:0;padding:1.5rem 2rem}@media (min-width:576px) and (max-width:767px){.summary-box__footer{padding:1rem 1.5rem}}@media (max-width:575px){.summary-box__footer{padding:.5rem 1.5rem}}.summary-box .update-time{color:var(--text-muted);font-size:.85rem}@media (min-width:576px) and (max-width:767px){.summary-box .update-time{font-size:.8rem}}@media (max-width:575px){.summary-box .update-time{font-size:.75rem}}.dashboard{background:var(--bg-primary);box-sizing:border-box;width:100%;max-width:100%;min-height:100vh;padding:2rem;overflow-x:hidden}@media (max-width:576px){.dashboard{padding:1rem .75rem}}@media (min-width:577px) and (max-width:768px){.dashboard{padding:1.5rem 1rem}}.dashboard__header{width:100%;max-width:100%;margin-bottom:3rem}@media (max-width:768px){.dashboard__header{margin-bottom:2rem}}@media (max-width:576px){.dashboard__header{margin-bottom:1.5rem}}.dashboard__header-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;width:100%;max-width:100%;display:flex}@media (max-width:768px){.dashboard__header-content{flex-direction:column;gap:1rem}}.dashboard__title-section{flex:1;min-width:250px;max-width:100%}@media (max-width:768px){.dashboard__title-section{width:100%;min-width:100%}}.dashboard__title-section .user-info{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.75rem;display:flex}@media (max-width:576px){.dashboard__title-section .user-info{gap:.75rem;margin-top:.5rem}}.dashboard__title-section .user-info .user-name{color:var(--text-secondary);font-size:1rem;font-weight:500}@media (max-width:576px){.dashboard__title-section .user-info .user-name{font-size:.9rem}}.dashboard__title-section .user-info .logout-btn{border:1px solid var(--danger-color);color:var(--danger-color);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.875rem;font-weight:500;line-height:1;transition:all .3s;display:flex}.dashboard__title-section .user-info .logout-btn:hover{background:var(--danger-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.dashboard__title-section .user-info .logout-btn:active{transform:translateY(0)}@media (max-width:576px){.dashboard__title-section .user-info .logout-btn{padding:.25rem .75rem;font-size:.8rem}}.dashboard__title-section .user-info .logout-btn--icon{font-size:.9rem}@media (max-width:576px){.dashboard__title-section .user-info .logout-btn--icon{font-size:.8rem}}.dashboard__title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (max-width:768px){.dashboard__title{font-size:1.75rem}}@media (max-width:576px){.dashboard__title{flex-wrap:wrap;font-size:1.5rem}}.dashboard__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:576px){.dashboard__subtitle{font-size:.9rem}}.dashboard__header-actions{flex-shrink:0;align-items:center;gap:1rem;width:auto;max-width:100%;display:flex}@media (max-width:768px){.dashboard__header-actions{justify-content:space-between;width:100%}}@media (max-width:576px){.dashboard__header-actions{flex-direction:column;align-items:stretch;gap:.75rem}}.dashboard__header-actions .refresh-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:100px;height:40px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1;transition:all .3s;display:flex}.dashboard__header-actions .refresh-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e526}.dashboard__header-actions .refresh-button:active:not(:disabled){transform:translateY(0)}.dashboard__header-actions .refresh-button:disabled{opacity:.6;cursor:not-allowed;background:var(--text-muted)}@media (max-width:576px){.dashboard__header-actions .refresh-button{width:100%;height:36px;font-size:.85rem}}.dashboard__header-actions .refresh-button .refresh-icon{transition:transform .3s}.dashboard__header-actions .refresh-button .refresh-icon.refreshing{animation:1s linear infinite spin}.dashboard__metrics-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem;width:100%;max-width:100%;margin-bottom:3rem;display:grid}@media (max-width:1200px){.dashboard__metrics-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.dashboard__metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dashboard__metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}}@media (max-width:576px){.dashboard__metrics-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}}.dashboard__charts-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:100%;margin-bottom:3rem;display:grid}@media (max-width:992px){.dashboard__charts-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width:768px){.dashboard__charts-grid{margin-bottom:2rem}}@media (max-width:576px){.dashboard__charts-grid{gap:1rem;margin-bottom:1.5rem}}.dashboard .chart-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:16px;flex-direction:column;width:100%;max-width:100%;min-height:320px;padding:1.5rem;transition:all .3s;display:flex;overflow:hidden}.dashboard .chart-card:hover{box-shadow:var(--shadow-md);border-color:#e91e63}@media (max-width:768px){.dashboard .chart-card{border-radius:12px;min-height:280px;padding:1rem}}@media (max-width:576px){.dashboard .chart-card{border-radius:12px;min-height:260px;padding:.875rem}}.dashboard .chart-card--wide{grid-column:span 2}@media (max-width:992px){.dashboard .chart-card--wide{grid-column:span 1}}.dashboard .chart-card__header{flex-shrink:0;width:100%;max-width:100%;margin-bottom:1rem}@media (max-width:576px){.dashboard .chart-card__header{margin-bottom:.75rem}}.dashboard .chart-card__title{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.dashboard .chart-card__title h3{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}@media (max-width:768px){.dashboard .chart-card__title h3{font-size:1.1rem}}@media (max-width:576px){.dashboard .chart-card__title h3{font-size:1rem}}.dashboard .chart-card__title svg{color:#e91e63;flex-shrink:0}.dashboard .chart-card__subtitle{color:var(--text-muted);font-size:.9rem;display:block}@media (max-width:768px){.dashboard .chart-card__subtitle{font-size:.85rem}}@media (max-width:576px){.dashboard .chart-card__subtitle{font-size:.8rem}}.dashboard .chart-card__content{flex:1;width:100%;max-width:100%;min-height:200px;position:relative;overflow:hidden}@media (max-width:768px){.dashboard .chart-card__content{min-height:180px}}@media (max-width:576px){.dashboard .chart-card__content{min-height:180px}}.dashboard__bottom-section{grid-template-columns:2fr 1fr;gap:1.5rem;width:100%;max-width:100%;display:grid}@media (max-width:992px){.dashboard__bottom-section{grid-template-columns:1fr;gap:1rem}}@media (max-width:576px){.dashboard__bottom-section{gap:1rem}}.dashboard .alerts-container,.dashboard .summary-container{box-sizing:border-box;width:100%;max-width:100%}.dashboard.dashboard--error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.dashboard .error-message{max-width:500px;padding:2rem}.dashboard .error-message svg{color:var(--danger-color);margin-bottom:1rem}.dashboard .error-message h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.dashboard .error-message p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.dashboard .error-message .error-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (max-width:576px){.dashboard .error-message .error-actions{flex-direction:column;align-items:stretch}}.dashboard .error-message .retry-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:140px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.dashboard .error-message .retry-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e526}.dashboard .error-message .retry-button:active{transform:translateY(0)}@media (max-width:576px){.dashboard .error-message .retry-button{width:100%;padding:.875rem}}.dashboard .error-message .retry-button .retry-icon{animation:1s linear infinite spin}.dashboard .error-message .logout-button{border:1px solid var(--danger-color);color:var(--danger-color);cursor:pointer;background:0 0;border-radius:8px;min-width:140px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s}.dashboard .error-message .logout-button:hover{background:var(--danger-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.dashboard .error-message .logout-button:active{transform:translateY(0)}@media (max-width:576px){.dashboard .error-message .logout-button{width:100%;padding:.875rem}}.dashboard.dashboard--loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner{text-align:center}.loading-spinner .spinner{border:3px solid var(--border-color);border-top-color:#e91e63;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}.loading-spinner p{color:var(--text-secondary);font-size:1rem}:root{--primary-color:#4f46e5;--primary-dark:#4338ca;--danger-color:#ef4444;--danger-light:#fee2e2;--danger-dark:#dc2626;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}.dashboard--error{justify-content:center;align-items:center;min-height:60vh;display:flex}.dashboard--error .error-container{text-align:center;background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a}.dashboard--error .error-container h3{color:var(--text-primary);margin:1rem 0 .5rem}.dashboard--error .error-container p{color:var(--text-secondary);margin-bottom:1.5rem}.dashboard--error .error-container .error-actions{justify-content:center;gap:1rem;display:flex}.dashboard--error .error-container .error-actions .retry-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:14px;transition:all .3s;display:flex}.dashboard--error .error-container .error-actions .retry-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.logo-branding__header{margin-bottom:3rem}.logo-branding__header-content{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.logo-branding__header-content{flex-direction:column;align-items:flex-start}}.logo-branding__title-section{flex:1}.logo-branding__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (max-width:575px){.logo-branding__title{font-size:1.5rem}}.logo-branding__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.logo-branding__save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #e91e634d}.logo-branding__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #e91e6380}.logo-branding__save-btn:disabled{opacity:.7;cursor:not-allowed}.logo-branding__save-btn .spinning{animation:1s linear infinite spin}@media (max-width:575px){.logo-branding__save-btn{width:100%}}.logo-branding__alert{border-radius:12px;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;font-weight:600;display:flex}.logo-branding__alert--success{color:#4caf50;background:#4caf501a;border:1px solid #4caf50}.logo-branding__alert--error{color:#f44336;background:#f443361a;border:1px solid #f44336}.logo-branding__content{grid-template-columns:1fr 1fr;gap:3rem;display:grid}@media (min-width:576px) and (max-width:767px){.logo-branding__content{grid-template-columns:1fr}}@media (max-width:575px){.logo-branding__content{grid-template-columns:1fr}}.upload-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:1.5rem;padding:2rem}.upload-card__title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.upload-zone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background:var(--bg-hover);border-radius:16px;padding:3rem;transition:all .3s;position:relative}.upload-zone:hover{background:#e91e630d;border-color:#e91e63}.upload-zone--dragging{background:#e91e631a;border-color:#e91e63;transform:scale(1.02)}.upload-zone__input{display:none}.upload-zone__content{pointer-events:none}.upload-zone__icon{color:#e91e63;background:#e91e631a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.upload-zone__title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.upload-zone__subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.upload-zone__button{color:#fff;cursor:pointer;pointer-events:all;background:#e91e63;border:none;border-radius:8px;padding:.7rem 1.5rem;font-weight:600;transition:all .3s}.upload-zone__button:hover{background:#f06292;transform:translateY(-2px)}.upload-zone__info{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.upload-zone__info p{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem}.upload-zone__info p:last-child{margin-bottom:0}.logo-preview__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.logo-preview__title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.logo-preview__actions{gap:.5rem;display:flex}.logo-preview__action-btn{background:var(--bg-hover);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.logo-preview__action-btn:hover{background:var(--bg-primary);color:#e91e63;border-color:#e91e63}.logo-preview__action-btn--danger:hover{color:#f44336;border-color:#f44336}.logo-preview__image-container{background:var(--bg-hover);border:2px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;min-height:200px;margin-bottom:1.5rem;padding:3rem;display:flex}.logo-preview__image{object-fit:contain;max-width:100%;max-height:200px}.logo-preview__info{background:var(--bg-hover);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.logo-preview__info-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.5rem 0;display:flex}.logo-preview__info-item:last-child{border-bottom:none}.logo-preview__info-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.logo-preview__info-value{color:var(--text-primary);font-size:.9rem}.logo-preview__change-btn{background:var(--bg-hover);border:2px dashed var(--border-color);color:#e91e63;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.7rem;font-weight:600;transition:all .3s;display:flex}.logo-preview__change-btn:hover{background:#e91e630d;border-color:#e91e63}.guidelines-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.guidelines-card__title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.preview-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.preview-card__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:1.3rem;font-weight:700;display:flex}.website-preview{border:2px solid var(--border-color);border-radius:12px;margin-bottom:2rem;overflow:hidden}.website-preview__header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}@media (max-width:575px){.website-preview__header{flex-wrap:wrap}}.website-preview__logo-container{justify-content:center;align-items:center;min-width:150px;display:flex}.website-preview__logo{object-fit:contain;max-width:150px;max-height:50px}.website-preview__logo-placeholder{color:#e91e63;background:#e91e631a;border:2px dashed #e91e63;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:700;display:flex}.website-preview__nav{color:var(--text-secondary);gap:1.5rem;font-size:.85rem;display:flex}@media (max-width:575px){.website-preview__nav{display:none}}.website-preview__nav span{cursor:pointer;transition:color .3s}.website-preview__nav span:hover{color:#e91e63}.website-preview__cta{color:#fff;cursor:pointer;white-space:nowrap;background:#e91e63;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600}.website-preview__content{background:var(--bg-hover)}.website-preview__hero{text-align:center;background:linear-gradient(135deg,#e91e631a 0%,#c2185b0d 100%);padding:3rem}.website-preview__hero-text h1{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}@media (max-width:575px){.website-preview__hero-text h1{font-size:1.2rem}}.website-preview__hero-text p{color:var(--text-secondary);margin:0;font-size:.9rem}.logo-variations__title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.logo-variations__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:575px){.logo-variations__grid{grid-template-columns:1fr}}.logo-variation{border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:150px;padding:2rem;display:flex;position:relative}.logo-variation__label{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.logo-variation img{object-fit:contain;max-width:120px;max-height:40px}.logo-variation__placeholder{color:#e91e63;background:#e91e631a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.logo-variation--light{background:#fff}.logo-variation--dark{background:#1a1f3a}.logo-variation--pink{background:#e91e63}.hero-section__loading{min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.hero-section__loading .spinner-large{border:4px solid #e91e6333;border-top-color:#e91e63;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.hero-section__header{margin-bottom:3rem}.hero-section__header-content{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.hero-section__header-content{flex-direction:column;align-items:flex-start}}.hero-section__title-section{flex:1}.hero-section__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (max-width:575px){.hero-section__title{font-size:1.5rem}}.hero-section__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.hero-section__save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #e91e634d}.hero-section__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #e91e6380}.hero-section__save-btn:disabled{opacity:.7;cursor:not-allowed}.hero-section__save-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@media (max-width:575px){.hero-section__save-btn{width:100%}}.hero-section__alert{border-radius:12px;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;font-weight:600;display:flex}.hero-section__alert--success{color:#4caf50;background:#4caf501a;border:1px solid #4caf50}.hero-section__alert--error{color:#f44336;background:#f443361a;border:1px solid #f44336}.hero-section__content{grid-template-columns:1fr 1.2fr;gap:3rem;display:grid}@media (min-width:576px) and (max-width:767px){.hero-section__content{grid-template-columns:1fr}}@media (max-width:575px){.hero-section__content{grid-template-columns:1fr}}.video-upload-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;height:fit-content;padding:2rem}.video-upload-card__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700;display:flex}.video-dropzone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background:var(--bg-hover);border-radius:16px;justify-content:center;align-items:center;min-height:300px;padding:3rem;transition:all .3s;display:flex}.video-dropzone:hover{background:#e91e630d;border-color:#e91e63}.video-dropzone__input{display:none}.video-dropzone__content{width:100%}.video-dropzone__icon{color:#e91e63;background:#e91e631a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.video-dropzone__title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.video-dropzone__subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.video-dropzone__button{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:8px;padding:.7rem 1.5rem;font-weight:600;transition:all .3s}.video-dropzone__button:hover{background:#f06292;transform:translateY(-2px)}.video-dropzone__info{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.video-dropzone__info p{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem}.video-dropzone__info p:last-child{margin-bottom:0}.video-preview__container{background:#000;border-radius:12px;margin-bottom:1.5rem;position:relative;overflow:hidden}.video-preview__video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.video-preview__overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-preview__container:hover .video-preview__overlay{opacity:1}.video-preview__play-btn{color:#fff;cursor:pointer;background:#e91e63e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex}.video-preview__play-btn:hover{background:#e91e63;transform:scale(1.1)}.video-preview__progress{margin-bottom:1rem}.video-preview__progress-bar{background:var(--bg-hover);border-radius:4px;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.video-preview__progress-fill{background:linear-gradient(90deg,#e91e63 0%,#f06292 100%);height:100%;transition:width .3s}.video-preview__progress-text{color:var(--text-secondary);font-size:.85rem;font-weight:600}.video-preview__actions{gap:1rem;display:flex}.video-preview__action-btn{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-weight:600;transition:all .3s;display:flex}.video-preview__action-btn:hover{background:var(--bg-primary);color:#e91e63;border-color:#e91e63}.video-preview__action-btn--danger:hover{color:#f44336;border-color:#f44336}.content-editor-card__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.3rem;font-weight:700;display:flex}.form-input--highlight{color:#e91e63;font-weight:600}.form-textarea::placeholder{color:var(--text-muted)}.form-hint{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.stats-editor-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.stats-editor-card__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.stats-editor-card__title{color:var(--text-primary);font-size:1.3rem;font-weight:700}.stats-editor-card__add-btn{color:#e91e63;cursor:pointer;background:#e91e631a;border:1px solid #e91e63;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.stats-editor-card__add-btn:hover{background:#e91e6333;transform:translateY(-2px)}.stats-list{flex-direction:column;gap:1rem;display:flex}.stats-list__empty{text-align:center;color:var(--text-muted);border:2px dashed var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem;display:flex}.stats-list__empty-en{opacity:.8;font-size:.9rem}.stat-item{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s}.stat-item--editing{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.stat-item__display{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.stat-item__content{flex:1}.stat-item__value{color:var(--text-primary);margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.stat-item__labels{flex-direction:column;gap:.25rem;display:flex}.stat-item__label{font-size:.9rem}.stat-item__label--ar{color:var(--text-primary);font-weight:600}.stat-item__label--en{color:var(--text-secondary);font-size:.85rem}.stat-item__actions{gap:.5rem;display:flex}.stat-item__action-btn{background:var(--bg-card);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.stat-item__action-btn:hover{background:var(--bg-primary);color:#e91e63;border-color:#e91e63}.stat-item__action-btn--danger:hover{color:#f44336;border-color:#f44336}.stat-item__form{gap:1rem;display:flex}.stat-item__inputs{flex-direction:column;flex:1;gap:.5rem;display:flex}.stat-item__lang-inputs{flex-direction:column;gap:.5rem;display:flex}.stat-item__input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.6rem;font-size:.9rem;transition:all .3s}.stat-item__input:focus{border-color:#e91e63;outline:none}.stat-item__input--value{color:#e91e63;font-size:1.2rem;font-weight:700}.stat-item__save-btn{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.stat-item__save-btn:hover{background:#f06292;transform:scale(1.05)}.certifications__loading{min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.certifications__loading .spinner-large{border:4px solid #e91e6333;border-top-color:#e91e63;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.certifications__header{margin-bottom:3rem}@media (max-width:575px){.certifications__header{margin-bottom:2rem}}.certifications__header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.certifications__header-content{flex-direction:column;align-items:stretch;gap:2rem}}.certifications__title-section{flex:1;min-width:0}@media (max-width:575px){.certifications__title-section{width:100%}}.certifications__title{color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (min-width:576px) and (max-width:767px){.certifications__title{font-size:1.8rem}}@media (max-width:575px){.certifications__title{gap:.5rem;font-size:1.5rem}}.certifications__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:575px){.certifications__subtitle{font-size:.9rem;line-height:1.5}}.certifications__save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #e91e634d}.certifications__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #e91e6380}.certifications__save-btn:active:not(:disabled){transform:translateY(0)}.certifications__save-btn:disabled{opacity:.7;cursor:not-allowed}.certifications__save-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@media (min-width:576px) and (max-width:767px){.certifications__save-btn{padding:.7rem 1.2rem}}@media (max-width:575px){.certifications__save-btn{width:100%;padding:.8rem 1.5rem;font-size:.95rem}}.certifications__alert{border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;font-weight:600;display:flex}.certifications__alert--success{color:#4caf50;background:#4caf501a;border:1px solid #4caf50}.certifications__alert--error{color:#f44336;background:#f443361a;border:1px solid #f44336}@media (max-width:575px){.certifications__alert{padding:1rem;font-size:.9rem}}.certifications__content{grid-template-columns:1fr;gap:3rem;display:grid}@media (min-width:576px) and (max-width:767px){.certifications__content{gap:2rem}}@media (max-width:575px){.certifications__content{gap:2rem}}.certifications__list-panel,.certifications__preview-panel{width:100%}@media (max-width:575px){.language-tabs{gap:.5rem}}@media (max-width:575px){.language-tab{padding:.7rem .8rem;font-size:.9rem}.language-tab svg{width:16px;height:16px}}.certifications-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:16px;width:100%;margin-bottom:2rem;padding:2rem}@media (max-width:575px){.certifications-card{border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}}.certifications-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.certifications-card__header{flex-direction:column;align-items:flex-start;gap:1.5rem}}.certifications-card__title{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:700}@media (max-width:575px){.certifications-card__title{font-size:1.1rem}}.certifications-card__add-btn{color:#e91e63;cursor:pointer;background:#e91e631a;border:1px solid #e91e63;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.certifications-card__add-btn:hover{background:#e91e6333;transform:translateY(-2px)}.certifications-card__add-btn:active{transform:translateY(0)}@media (max-width:575px){.certifications-card__add-btn{justify-content:center;width:100%;padding:.7rem 1rem;font-size:.95rem}}.certifications-list{flex-direction:column;gap:1rem;width:100%;display:flex}.certifications-list__empty{text-align:center;color:var(--text-muted);border:2px dashed var(--border-color);box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;padding:3rem;display:flex}@media (max-width:575px){.certifications-list__empty{padding:2rem}}.certifications-list__empty svg{color:#e91e63;opacity:.5}.certifications-list__empty p{margin:0}.certifications-list__empty p:first-of-type{color:var(--text-secondary);font-size:1.1rem;font-weight:600}@media (max-width:575px){.certifications-list__empty p:first-of-type{font-size:1rem}}.certifications-list__empty-hint{font-size:.85rem}@media (max-width:575px){.certifications-list__empty-hint{font-size:.8rem;line-height:1.4}}.cert-item{background:var(--bg-hover);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;width:100%;padding:1.5rem;transition:all .3s}@media (max-width:575px){.cert-item{padding:1rem}}.cert-item--editing{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.cert-item__display{align-items:center;gap:1.5rem;width:100%;display:flex}@media (max-width:575px){.cert-item__display{flex-wrap:wrap;gap:1rem}}.cert-item__drag{color:var(--text-muted);cursor:grab;flex-shrink:0}.cert-item__drag:active{cursor:grabbing}@media (max-width:575px){.cert-item__drag{display:none}}.cert-item__icon-badge{background:#e91e631a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}@media (max-width:575px){.cert-item__icon-badge{width:40px;height:40px;font-size:1.2rem}}.cert-item__content{flex:1;min-width:0;overflow:hidden}.cert-item__title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:4px;font-size:.9rem;font-weight:600;display:flex}@media (max-width:575px){.cert-item__title{font-size:.85rem}}.cert-item__verified{color:#fff;background:#4caf50;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;display:flex}@media (max-width:575px){.cert-item__verified{width:16px;height:16px;font-size:.6rem}}.cert-item__organization{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;display:block;overflow:hidden}@media (max-width:575px){.cert-item__organization{font-size:.8rem}}.cert-item__actions{flex-shrink:0;gap:.5rem;display:flex}@media (max-width:575px){.cert-item__actions{justify-content:flex-end;width:100%;margin-top:.5rem}}.cert-item__action-btn{background:var(--bg-card);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.cert-item__action-btn:hover{background:var(--bg-primary);color:#e91e63;border-color:#e91e63}.cert-item__action-btn--danger:hover{color:#f44336;border-color:#f44336}@media (max-width:575px){.cert-item__action-btn{width:36px;height:36px}.cert-item__action-btn svg{width:16px;height:16px}}.cert-item__form{flex-direction:column;gap:1rem;width:100%;display:flex}.cert-item__form-header{align-items:center;gap:1rem;display:flex}@media (max-width:575px){.cert-item__form-header{gap:.5rem}}.cert-item__icon-input{background:var(--bg-card);border:1px solid var(--border-color);width:60px;color:var(--text-primary);text-align:center;border-radius:8px;flex-shrink:0;padding:.6rem;font-size:1.5rem;transition:all .3s}.cert-item__icon-input:focus{border-color:#e91e63;outline:none}@media (max-width:575px){.cert-item__icon-input{width:50px;padding:.5rem;font-size:1.2rem}}.cert-item__save-btn{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.cert-item__save-btn:hover{background:#f06292;transform:scale(1.05)}@media (max-width:575px){.cert-item__save-btn{width:36px;height:36px}.cert-item__save-btn svg{width:18px;height:18px}}.cert-item__lang-fields{flex-direction:column;gap:.5rem;display:flex}.cert-item__label{color:#e91e63;margin-bottom:2px;font-size:.85rem;font-weight:700}@media (max-width:575px){.cert-item__label{font-size:.8rem}}.cert-item__input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:.7rem;font-size:.9rem;transition:all .3s}.cert-item__input:focus{border-color:#e91e63;outline:none}.cert-item__input--org{color:var(--text-secondary);font-size:.85rem}@media (max-width:575px){.cert-item__input{padding:.6rem;font-size:.85rem}}.cert-item__checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem;display:flex}.cert-item__checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;width:18px;height:18px}@media (max-width:575px){.cert-item__checkbox input[type=checkbox]{width:16px;height:16px}}.cert-item__checkbox span{color:#4caf50;font-size:.85rem;font-weight:600}@media (max-width:575px){.cert-item__checkbox span{font-size:.8rem}}.guidelines-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:16px;width:100%;padding:2rem}@media (max-width:575px){.guidelines-card{border-radius:12px;padding:1.5rem}}.guidelines-card__title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;display:flex}@media (max-width:575px){.guidelines-card__title{margin-bottom:1rem;font-size:1rem}}.guidelines-card__list{margin:0;padding:0;list-style:none}.guidelines-card__list li{color:var(--text-secondary);padding:1rem 0 1rem 2rem;font-size:.9rem;line-height:1.6;position:relative}.guidelines-card__list li:before{content:"✓";color:#4caf50;font-weight:700;position:absolute;top:1rem;right:0}.guidelines-card__list li:not(:last-child){border-bottom:1px solid var(--border-color)}@media (max-width:575px){.guidelines-card__list li{padding:.5rem 0 .5rem 1.5rem;font-size:.85rem;line-height:1.5}.guidelines-card__list li:before{top:.5rem;right:0}}.preview-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:16px;width:100%;padding:2rem}@media (max-width:575px){.preview-card{border-radius:12px;padding:1.5rem}}.preview-card__header{margin-bottom:2rem}@media (max-width:575px){.preview-card__header{margin-bottom:1.5rem}}.preview-card__title{color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:1.3rem;font-weight:700;display:flex}@media (max-width:575px){.preview-card__title{gap:.5rem;font-size:1.1rem}}.preview-card__subtitle{color:var(--text-secondary);margin:0;font-size:.9rem}@media (max-width:575px){.preview-card__subtitle{font-size:.85rem;line-height:1.4}}.certifications-preview{width:100%}.certifications-preview__container{grid-template-columns:1fr;gap:1.5rem;width:100%;display:grid}@media (max-width:575px){.certifications-preview__container{gap:1rem}}.certifications-preview__empty{text-align:center;color:var(--text-muted);background:var(--bg-hover);box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;padding:3rem;display:flex}@media (max-width:575px){.certifications-preview__empty{padding:2rem}}.certifications-preview__empty svg{color:#e91e63;opacity:.5}.cert-preview-card{background:var(--bg-hover);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;align-items:flex-start;gap:1.5rem;width:100%;padding:1.5rem;transition:all .3s;display:flex}.cert-preview-card:hover{box-shadow:var(--shadow-sm);border-color:#e91e63;transform:translateY(-2px)}@media (max-width:575px){.cert-preview-card{align-items:center;gap:1rem;padding:1rem}}.cert-preview-card__icon{background:#e91e631a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex}@media (max-width:575px){.cert-preview-card__icon{width:40px;height:40px;font-size:1.5rem}}.cert-preview-card__content{flex:1;min-width:0}.cert-preview-card__title{color:#e91e63;margin-bottom:.5rem;font-size:.85rem}@media (max-width:575px){.cert-preview-card__title{margin-bottom:2px;font-size:.75rem}}.cert-preview-card__organization{color:var(--text-primary);word-break:break-word;margin-bottom:.5rem;font-size:.95rem;font-weight:600;line-height:1.4}@media (max-width:575px){.cert-preview-card__organization{margin-bottom:4px;font-size:.85rem;line-height:1.3}}.cert-preview-card__badge{color:#4caf50;background:#4caf501a;border:1px solid #4caf50;border-radius:50px;justify-content:center;align-items:center;gap:4px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}@media (max-width:575px){.cert-preview-card__badge{padding:.2rem .5rem;font-size:.7rem}.cert-preview-card__badge svg{width:12px;height:12px}}@media (min-width:768px){.certifications__content{grid-template-columns:1.2fr 1fr}}[dir=rtl] .guidelines-card__list li:before{left:0;right:auto}[dir=rtl] .cert-item__actions{left:auto;right:0}.about-coach__loading{min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.about-coach__loading .spinner-large{border:4px solid #e91e6333;border-top-color:#e91e63;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.about-coach__loading p{color:var(--text-secondary);font-size:1rem}.about-coach__header{margin-bottom:3rem}@media (max-width:575px){.about-coach__header{margin-bottom:2rem}}.about-coach__header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.about-coach__header-content{flex-direction:column;align-items:stretch}}.about-coach__title-section{flex:1;min-width:0}.about-coach__title{color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (min-width:576px) and (max-width:767px){.about-coach__title{font-size:1.8rem}}@media (max-width:575px){.about-coach__title{gap:.5rem;font-size:1.5rem}}.about-coach__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:575px){.about-coach__subtitle{font-size:.9rem;line-height:1.5}}.about-coach__save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #e91e634d}.about-coach__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #e91e6380}.about-coach__save-btn:disabled{opacity:.7;cursor:not-allowed}.about-coach__save-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@media (min-width:576px) and (max-width:767px){.about-coach__save-btn{padding:.7rem 1.2rem}}@media (max-width:575px){.about-coach__save-btn{width:100%;padding:.8rem 1.5rem;font-size:.95rem}}.about-coach__alert{border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;font-weight:600;display:flex}.about-coach__alert--success{color:#4caf50;background:#4caf501a;border:1px solid #4caf50}.about-coach__alert--error{color:#f44336;background:#f443361a;border:1px solid #f44336}@media (max-width:575px){.about-coach__alert{padding:1rem;font-size:.9rem}}.about-coach__content{grid-template-columns:1fr;gap:3rem;display:grid}@media (max-width:575px){.about-coach__content{gap:2rem}}.about-coach__editor-panel{width:100%}@media (max-width:575px){.language-tabs{gap:.5rem}}@media (max-width:575px){.language-tab{padding:.7rem .8rem;font-size:.9rem}.language-tab svg{width:16px;height:16px}}.image-upload-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:2rem;padding:2rem}@media (max-width:575px){.image-upload-card{border-radius:12px;padding:1.5rem}}.image-upload-card__title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}@media (max-width:575px){.image-upload-card__title{font-size:1.1rem}}.image-dropzone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background:var(--bg-hover);border-radius:12px;padding:3rem;transition:all .3s}.image-dropzone:hover{background:#e91e630d;border-color:#e91e63}.image-dropzone__input{display:none}.image-dropzone__icon{color:#e91e63;background:#e91e631a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex}.image-dropzone__text{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.image-dropzone__hint{color:var(--text-muted);margin:0;font-size:.85rem}@media (max-width:575px){.image-dropzone{padding:2rem}.image-dropzone .image-dropzone__icon{width:50px;height:50px}.image-dropzone .image-dropzone__icon svg{width:32px;height:32px}.image-dropzone .image-dropzone__text{font-size:.9rem}.image-dropzone .image-dropzone__hint{font-size:.8rem}}.image-preview__img{object-fit:contain;background:#000;border-radius:12px;width:100%;height:300px;margin-bottom:1rem;display:block}.image-preview__actions{gap:1rem;display:flex}.image-preview__btn{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-weight:600;transition:all .3s;display:flex}.image-preview__btn:hover{background:var(--bg-primary);color:#e91e63;border-color:#e91e63}.image-preview__btn--danger:hover{color:#f44336;border-color:#f44336}@media (max-width:575px){.image-preview__btn{padding:.6rem;font-size:.9rem}.image-preview__btn svg{width:14px;height:14px}}.upload-progress{background:var(--bg-hover);border-radius:3px;height:6px;margin-bottom:1rem;position:relative;overflow:hidden}.upload-progress__bar{background:linear-gradient(90deg,#e91e63 0%,#f06292 100%);border-radius:3px;height:100%;transition:width .3s}.upload-progress__text{color:#e91e63;font-size:.85rem;font-weight:600;position:absolute;top:-24px;right:50%;transform:translate(50%)}.content-editor-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:2rem;padding:2rem}@media (max-width:575px){.content-editor-card{border-radius:12px;padding:1.5rem}}.content-editor-card__title{color:var(--text-primary);margin-bottom:2rem;font-size:1.3rem;font-weight:700}@media (max-width:575px){.content-editor-card__title{margin-bottom:1.5rem;font-size:1.1rem}}@media (max-width:575px){.form-group{margin-bottom:1.5rem}}@media (max-width:575px){.form-label{font-size:.85rem}}@media (max-width:575px){.form-input{padding:.7rem .9rem;font-size:.9rem}}.form-textarea--highlight{color:#e91e63;font-weight:600}@media (max-width:575px){.form-textarea{padding:.7rem .9rem;font-size:.9rem}}.features-editor-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem}@media (max-width:575px){.features-editor-card{border-radius:12px;padding:1.5rem}}.features-editor-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.features-editor-card__header{flex-direction:column;align-items:flex-start}}.features-editor-card__title{color:var(--text-primary);font-size:1.3rem;font-weight:700}@media (max-width:575px){.features-editor-card__title{font-size:1.1rem}}.features-editor-card__add-btn{color:#e91e63;cursor:pointer;background:#e91e631a;border:1px solid #e91e63;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.features-editor-card__add-btn:hover{background:#e91e6333;transform:translateY(-2px)}@media (max-width:575px){.features-editor-card__add-btn{justify-content:center;width:100%;padding:.7rem 1rem;font-size:.95rem}}.features-list{flex-direction:column;gap:1rem;display:flex}.features-list__empty{text-align:center;color:var(--text-muted);border:2px dashed var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}@media (max-width:575px){.features-list__empty{padding:2rem}}.features-list__empty svg{color:#e91e63;opacity:.5}.features-list__empty p{margin:0}.features-list__empty p:first-of-type{color:var(--text-secondary);font-size:1.1rem;font-weight:600}@media (max-width:575px){.features-list__empty p:first-of-type{font-size:1rem}}.features-list__empty-hint{font-size:.85rem}@media (max-width:575px){.features-list__empty-hint{font-size:.8rem;line-height:1.4}}.feature-item{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s}@media (max-width:575px){.feature-item{padding:1rem}}.feature-item--editing{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.feature-item__display{align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.feature-item__display{gap:1rem}}.feature-item__icon{background:#e91e631a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}@media (max-width:575px){.feature-item__icon{width:40px;height:40px;font-size:1.2rem}}.feature-item__content{flex:1;min-width:0}.feature-item__title{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:600}@media (max-width:575px){.feature-item__title{font-size:.9rem}}.feature-item__description{color:var(--text-secondary);font-size:.85rem}@media (max-width:575px){.feature-item__description{font-size:.8rem}}.feature-item__actions{flex-shrink:0;gap:.5rem;display:flex}.feature-item__action-btn{background:var(--bg-card);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.feature-item__action-btn:hover{background:var(--bg-primary);color:#e91e63;border-color:#e91e63}.feature-item__action-btn--danger:hover{color:#f44336;border-color:#f44336}@media (max-width:575px){.feature-item__action-btn{width:36px;height:36px}.feature-item__action-btn svg{width:16px;height:16px}}.feature-item__form{flex-direction:column;gap:1rem;display:flex}.feature-item__form-header{align-items:center;gap:1rem;display:flex}@media (max-width:575px){.feature-item__form-header{gap:.5rem}}.feature-item__icon-input{background:var(--bg-card);border:1px solid var(--border-color);width:60px;color:var(--text-primary);text-align:center;border-radius:8px;flex-shrink:0;padding:.6rem;font-size:1.5rem;transition:all .3s}.feature-item__icon-input:focus{border-color:#e91e63;outline:none}@media (max-width:575px){.feature-item__icon-input{width:50px;padding:.5rem;font-size:1.2rem}}.feature-item__save-btn{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.feature-item__save-btn:hover{background:#f06292;transform:scale(1.05)}@media (max-width:575px){.feature-item__save-btn{width:36px;height:36px}.feature-item__save-btn svg{width:18px;height:18px}}.feature-item__lang-fields{flex-direction:column;gap:.5rem;display:flex}.feature-item__label{color:#e91e63;margin-bottom:2px;font-size:.85rem;font-weight:700}@media (max-width:575px){.feature-item__label{font-size:.8rem}}.feature-item__input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.7rem;font-size:.9rem;transition:all .3s}.feature-item__input:focus{border-color:#e91e63;outline:none}@media (max-width:575px){.feature-item__input{padding:.6rem;font-size:.85rem}}[dir=rtl] .feature-item__actions{left:auto;right:0}.testimonials__loading{min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.testimonials__loading .spinner-large{border:4px solid #e91e6333;border-top-color:#e91e63;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.testimonials__loading p{color:var(--text-secondary);font-size:1rem}.testimonials__header{margin-bottom:3rem}@media (max-width:575px){.testimonials__header{margin-bottom:2rem}}.testimonials__header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.testimonials__header-content{flex-direction:column;align-items:stretch}}.testimonials__title-section{flex:1;min-width:0}.testimonials__title{color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (min-width:576px) and (max-width:767px){.testimonials__title{font-size:1.8rem}}@media (max-width:575px){.testimonials__title{gap:.5rem;font-size:1.5rem}}.testimonials__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:575px){.testimonials__subtitle{font-size:.9rem;line-height:1.5}}.testimonials__save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #e91e634d}.testimonials__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #e91e6380}.testimonials__save-btn:disabled{opacity:.7;cursor:not-allowed}.testimonials__save-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@media (min-width:576px) and (max-width:767px){.testimonials__save-btn{padding:.7rem 1.2rem}}@media (max-width:575px){.testimonials__save-btn{width:100%;padding:.8rem 1.5rem;font-size:.95rem}}.testimonials__alert{border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;font-weight:600;display:flex}.testimonials__alert--success{color:#4caf50;background:#4caf501a;border:1px solid #4caf50}.testimonials__alert--error{color:#f44336;background:#f443361a;border:1px solid #f44336}@media (max-width:575px){.testimonials__alert{padding:1rem;font-size:.9rem}}.testimonials__content{grid-template-columns:1fr;gap:3rem;display:grid}@media (max-width:575px){.testimonials__content{gap:2rem}}.testimonials__editor-panel{width:100%}.language-tabs{gap:1rem;margin-bottom:2rem;display:flex}@media (max-width:575px){.language-tabs{gap:.5rem}}.language-tab{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1rem;font-weight:600;transition:all .3s;display:flex}.language-tab:hover{color:var(--text-primary);border-color:#e91e63}.language-tab.active{color:#e91e63;background:#e91e631a;border-color:#e91e63}@media (max-width:575px){.language-tab{padding:.7rem .8rem;font-size:.9rem}.language-tab svg{width:16px;height:16px}}.section-settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:2rem;padding:2rem}@media (max-width:575px){.section-settings-card{border-radius:12px;padding:1.5rem}}.section-settings-card__title{color:var(--text-primary);margin-bottom:2rem;font-size:1.3rem;font-weight:700}@media (max-width:575px){.section-settings-card__title{margin-bottom:1.5rem;font-size:1.1rem}}@media (max-width:575px){.form-label{font-size:.85rem}}@media (max-width:575px){.form-input{padding:.7rem .9rem;font-size:.9rem}}@media (max-width:575px){.form-textarea{padding:.7rem .9rem;font-size:.9rem}}.testimonials-list-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem}@media (max-width:575px){.testimonials-list-card{border-radius:12px;padding:1.5rem}}.testimonials-list-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.testimonials-list-card__header{flex-direction:column;align-items:flex-start}}.testimonials-list-card__title{color:var(--text-primary);font-size:1.3rem;font-weight:700}@media (max-width:575px){.testimonials-list-card__title{font-size:1.1rem}}.testimonials-list-card__add-btn{color:#e91e63;cursor:pointer;background:#e91e631a;border:1px solid #e91e63;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.testimonials-list-card__add-btn:hover{background:#e91e6333;transform:translateY(-2px)}@media (max-width:575px){.testimonials-list-card__add-btn{justify-content:center;width:100%;padding:.7rem 1rem;font-size:.95rem}}.testimonials-list{flex-direction:column;gap:1rem;max-height:600px;padding-left:.5rem;display:flex;overflow-y:auto}.testimonials-list::-webkit-scrollbar{width:6px;height:6px}.testimonials-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.testimonials-list::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.testimonials-list::-webkit-scrollbar-thumb:hover{background:#f06292}@media (max-width:575px){.testimonials-list{max-height:none;padding-left:0}}.testimonials-list__empty{text-align:center;color:var(--text-muted);border:2px dashed var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}@media (max-width:575px){.testimonials-list__empty{padding:2rem}}.testimonials-list__empty svg{color:#e91e63;opacity:.5}.testimonials-list__empty p{margin:0}.testimonials-list__empty p:first-of-type{color:var(--text-secondary);font-size:1.1rem;font-weight:600}@media (max-width:575px){.testimonials-list__empty p:first-of-type{font-size:1rem}}.testimonials-list__empty-hint{font-size:.85rem}@media (max-width:575px){.testimonials-list__empty-hint{font-size:.8rem;line-height:1.4}}.testimonial-item{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s}@media (max-width:575px){.testimonial-item{padding:1rem}}.testimonial-item--editing{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.testimonial-item__display{gap:1.5rem;display:flex}@media (max-width:575px){.testimonial-item__display{gap:1rem}}.testimonial-item__avatar{border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.testimonial-item__avatar img{object-fit:cover;width:100%;height:100%}@media (max-width:575px){.testimonial-item__avatar{width:48px;height:48px}}.testimonial-item__avatar-placeholder{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;display:flex}@media (max-width:575px){.testimonial-item__avatar-placeholder{font-size:1.2rem}}.testimonial-item__content{flex:1;min-width:0}.testimonial-item__name{color:var(--text-primary);margin-bottom:2px;font-size:1rem;font-weight:600}@media (max-width:575px){.testimonial-item__name{font-size:.9rem}}.testimonial-item__title{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}@media (max-width:575px){.testimonial-item__title{font-size:.8rem}}.testimonial-item__stars{gap:2px;margin-bottom:.5rem;display:flex}.testimonial-item__text{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}@media (max-width:575px){.testimonial-item__text{font-size:.85rem;line-height:1.5}}.testimonial-item__actions{flex-direction:column;flex-shrink:0;gap:.5rem;display:flex}.testimonial-item__action-btn{background:var(--bg-card);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.testimonial-item__action-btn:hover{background:var(--bg-primary);color:#e91e63;border-color:#e91e63}.testimonial-item__action-btn--danger:hover{color:#f44336;border-color:#f44336}@media (max-width:575px){.testimonial-item__action-btn{width:36px;height:36px}.testimonial-item__action-btn svg{width:16px;height:16px}}.testimonial-item__form{flex-direction:column;gap:1rem;display:flex}.testimonial-item__form-header{align-items:flex-start;gap:1rem;display:flex}@media (max-width:575px){.testimonial-item__form-header{gap:.5rem}}.testimonial-item__image-upload{position:relative}.testimonial-item__image-input{display:none}.testimonial-item__image-preview{border-radius:50%;width:60px;height:60px;position:relative;overflow:hidden}.testimonial-item__image-preview img{object-fit:cover;width:100%;height:100%}@media (max-width:575px){.testimonial-item__image-preview{width:50px;height:50px}}.testimonial-item__image-remove{border:2px solid var(--bg-card);color:#fff;cursor:pointer;background:#f44336;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex;position:absolute;top:-5px;left:-5px}.testimonial-item__image-remove:hover{transform:scale(1.1)}.testimonial-item__image-placeholder{background:var(--bg-card);border:2px dashed var(--border-color);width:60px;height:60px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.testimonial-item__image-placeholder:hover{color:#e91e63;border-color:#e91e63}@media (max-width:575px){.testimonial-item__image-placeholder{width:50px;height:50px}.testimonial-item__image-placeholder svg{width:18px;height:18px}}.testimonial-item__save-btn{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.testimonial-item__save-btn:hover{background:#f06292;transform:scale(1.05)}@media (max-width:575px){.testimonial-item__save-btn{width:36px;height:36px}.testimonial-item__save-btn svg{width:18px;height:18px}}.testimonial-item__lang-fields{flex-direction:column;gap:.5rem;display:flex}.testimonial-item__label{color:#e91e63;margin-bottom:2px;font-size:.85rem;font-weight:700}@media (max-width:575px){.testimonial-item__label{font-size:.8rem}}.testimonial-item__input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.7rem;font-size:.9rem;transition:all .3s}.testimonial-item__input:focus{border-color:#e91e63;outline:none}@media (max-width:575px){.testimonial-item__input{padding:.6rem;font-size:.85rem}}.testimonial-item__rating-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.testimonial-item__rating-input label{color:var(--text-secondary);font-size:.9rem;font-weight:600}@media (max-width:575px){.testimonial-item__rating-input label{font-size:.85rem}}.testimonial-item__textarea{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;padding:.7rem;font-family:inherit;font-size:.9rem;transition:all .3s}.testimonial-item__textarea:focus{border-color:#e91e63;outline:none}@media (max-width:575px){.testimonial-item__textarea{padding:.6rem;font-size:.85rem}}.rating-stars{gap:4px;display:flex}.rating-star{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.rating-star--active{color:#ffc107}.rating-star--active svg{fill:#ffc107}.rating-star:hover{transform:scale(1.1)}@media (max-width:575px){.rating-star{width:28px;height:28px}.rating-star svg{width:18px;height:18px}}[dir=rtl] .testimonials-list{padding-left:0;padding-right:.5rem}.footer-management{background:var(--bg-primary);direction:rtl;min-height:100vh;padding:1.5rem}@media (max-width:576px){.footer-management{padding:1rem}}.footer-management__loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.footer-management__loading .spinner{border:4px solid #e91e631a;border-top-color:#e91e63;border-radius:50%;width:60px;height:60px;animation:1s ease-in-out infinite spin}.footer-management__loading p{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.footer-management__header{background:var(--bg-card);box-shadow:var(--shadow-md);border:1px solid #e91e631a;border-radius:20px;margin-bottom:1.5rem;padding:1.5rem}@media (max-width:768px){.footer-management__header{border-radius:16px;padding:1rem}}.footer-management__header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:768px){.footer-management__header-content{flex-direction:column;align-items:stretch;gap:1rem}}.footer-management__title-section{flex:1;min-width:300px}@media (max-width:768px){.footer-management__title-section{min-width:unset;text-align:center}}.footer-management__title-section h1{color:#e91e63;align-items:center;gap:1rem;margin:0 0 .5rem;font-size:1.8rem;display:flex}@media (max-width:576px){.footer-management__title-section h1{justify-content:center;font-size:1.5rem}}.footer-management__title-section h1 svg{flex-shrink:0}.footer-management__title-section p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.5}@media (max-width:576px){.footer-management__title-section p{text-align:center;font-size:.9rem}}.footer-management__actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}@media (max-width:768px){.footer-management__actions{justify-content:center;width:100%}}@media (max-width:576px){.footer-management__actions{flex-direction:column;gap:1rem}}.footer-management__save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;min-width:160px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.footer-management__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #e91e634d}.footer-management__save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:576px){.footer-management__save-btn{width:100%;min-width:unset;padding:.75rem}}.footer-management__alert{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s slideDown;display:flex}.footer-management__alert--success{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);border:1px solid #388e3c}.footer-management__alert--error{color:#fff;background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);border:1px solid #d32f2f}@media (max-width:576px){.footer-management__alert{padding:.75rem 1rem;font-size:.9rem}}.footer-management__content{grid-template-columns:1fr 350px;gap:1.5rem;display:grid}@media (max-width:1024px){.footer-management__content{grid-template-columns:1fr}}@media (max-width:576px){.footer-management__content{gap:1rem}}.footer-management__tabs{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);white-space:nowrap;-webkit-overflow-scrolling:touch;border-radius:16px;margin-bottom:1.5rem;padding:.5rem;display:flex;overflow-x:auto}.footer-management__tabs::-webkit-scrollbar{height:4px}.footer-management__tabs::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:2px}.footer-management__tabs::-webkit-scrollbar-thumb{background:#e91e63;border-radius:2px}@media (max-width:576px){.footer-management__tabs{border-radius:12px;padding:.25rem}}.footer-management__tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.75rem 1rem;font-weight:500;transition:all .3s;display:flex}.footer-management__tab:hover{color:#e91e63;background:#e91e630d}.footer-management__tab.active{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%)}@media (max-width:576px){.footer-management__tab{min-width:100px;padding:.5rem .75rem;font-size:.9rem}.footer-management__tab svg{width:16px;height:16px}}.footer-management__tab-content{background:var(--bg-card);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:20px;min-height:500px;padding:2rem;overflow:hidden}@media (max-width:768px){.footer-management__tab-content{border-radius:16px;padding:1.5rem}}@media (max-width:576px){.footer-management__tab-content{border-radius:12px;min-height:400px;padding:1rem}}.footer-management__preview{height:fit-content;position:sticky;top:1.5rem}@media (max-width:1024px){.footer-management__preview{order:-1;position:static}}.footer-management .language-toggle{background:var(--bg-card);border:2px solid #e91e63;border-radius:50px;padding:.25rem;display:flex}.footer-management .language-toggle__btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s}.footer-management .language-toggle__btn.active{color:#fff;background:#e91e63}@media (max-width:576px){.footer-management .language-toggle__btn{padding:.5rem .75rem;font-size:.85rem}}.footer-management .form-grid{gap:1.5rem;display:grid}.footer-management .form-section__title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.25rem;font-weight:600;display:flex}@media (max-width:576px){.footer-management .form-section__title{font-size:1.1rem}}.footer-management .form-section__title svg{flex-shrink:0}.footer-management .form-section__subtitle{color:var(--text-secondary);margin:-.5rem 0 1rem;font-size:.9rem;line-height:1.4}.footer-management .form-input,.footer-management .form-select{border:2px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.footer-management .form-input:focus,.footer-management .form-select:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}.footer-management .form-input--textarea{resize:vertical;min-height:100px;line-height:1.6}.footer-management .form-input::placeholder,.footer-management .form-select::placeholder{color:var(--text-muted);opacity:.7}@media (max-width:576px){.footer-management .form-input,.footer-management .form-select{padding:.625rem .875rem;font-size:.95rem}}.footer-management .form-select{appearance:none;cursor:pointer;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='%23e91e63' 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-position:1rem 50%;background-repeat:no-repeat;background-size:16px;padding-left:2.5rem}.footer-management .form-hint{color:var(--text-muted);margin-top:.5rem;font-size:.85rem;font-style:italic;line-height:1.4}.footer-management .links-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.footer-management .links-grid{grid-template-columns:1fr;gap:1.5rem}}.footer-management .links-section__header{margin-bottom:1.5rem}.footer-management .links-section__title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}@media (max-width:576px){.footer-management .links-section__title{font-size:1.1rem}}.footer-management .links-section__title-input{margin-top:.5rem}.footer-management .add-link-form,.footer-management .add-social-form{background:var(--bg-hover);border:2px dashed var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.footer-management .add-link-form__grid{grid-template-columns:1fr 1fr auto;gap:.75rem;display:grid}@media (max-width:576px){.footer-management .add-link-form__grid{grid-template-columns:1fr}}.footer-management .add-link-form__btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4caf50;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .3s;display:flex}.footer-management .add-link-form__btn:hover{background:#388e3c;transform:translateY(-2px)}@media (max-width:576px){.footer-management .add-link-form__btn{width:100%;padding:.625rem}}.footer-management .add-social-form__grid{grid-template-columns:auto 1fr auto}@media (max-width:576px){.footer-management .add-social-form__grid{grid-template-columns:1fr}}.footer-management .add-social-form__btn{background:#2196f3}.footer-management .add-social-form__btn:hover{background:#1976d2}@media (max-width:576px){.footer-management .add-social-form__btn{width:100%}}.footer-management .links-list{flex-direction:column;gap:.75rem;max-height:300px;padding-bottom:.25rem;padding-right:.5rem;display:flex;overflow-y:auto}.footer-management .links-list::-webkit-scrollbar{width:6px}.footer-management .links-list::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:3px}.footer-management .links-list::-webkit-scrollbar-thumb{background:#e91e63;border-radius:3px}@media (max-width:576px){.footer-management .links-list{max-height:250px}}.footer-management .link-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s;display:flex}.footer-management .link-item:hover{box-shadow:var(--shadow-sm);border-color:#e91e63}.footer-management .link-item__content{flex:1;min-width:0}.footer-management .link-item__text{color:var(--text-primary);word-wrap:break-word;margin-bottom:.25rem}.footer-management .link-item__text .link-item__language{color:#e91e63;min-width:30px;font-size:.85rem;font-weight:600;display:inline-block}.footer-management .link-item__url{color:var(--text-muted);word-break:break-all;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.footer-management .link-item__url svg{opacity:.7;flex-shrink:0}.footer-management .link-item__delete{color:#f44336;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.footer-management .link-item__delete:hover{color:#fff;background:#f44336}.footer-management .link-item__delete svg{width:16px;height:16px}.footer-management .social-section__title{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}@media (max-width:576px){.footer-management .social-section__title{font-size:1.1rem}}.footer-management .social-links-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem;display:grid}@media (max-width:576px){.footer-management .social-links-grid{grid-template-columns:1fr}}.footer-management .social-link-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.footer-management .social-link-item:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.footer-management .social-link-item__icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}@media (max-width:576px){.footer-management .social-link-item__icon{width:42px;height:42px;font-size:1.1rem}}.footer-management .social-link-item__content{flex:1;min-width:0}.footer-management .social-link-item__platform{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.footer-management .social-link-item__url{color:var(--text-muted);word-break:break-all;font-size:.85rem;line-height:1.4}.footer-management .social-link-item__delete{color:#f44336;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.footer-management .social-link-item__delete:hover{color:#fff;background:#f44336}.footer-management .social-link-item__delete svg{width:16px;height:16px}.footer-management .logo-preview-readonly{background:var(--bg-hover);text-align:center;border:2px dashed var(--border-color);border-radius:12px;padding:2rem}.footer-management .logo-preview-readonly__image{color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;display:flex}.footer-management .logo-preview-readonly__image svg{color:#e91e63;width:32px;height:32px}.footer-management .logo-preview-readonly__image span{font-size:1rem;font-weight:500}@media (max-width:576px){.footer-management .logo-preview-readonly{padding:1.5rem}.footer-management .logo-preview-readonly__image svg{width:28px;height:28px}.footer-management .logo-preview-readonly__image span{font-size:.95rem}}.footer-management .preview-card{background:var(--bg-card);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-radius:20px;margin-bottom:1.5rem;overflow:hidden}.footer-management .preview-card__header{background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);padding:1.25rem 1.5rem}@media (max-width:576px){.footer-management .preview-card__header{padding:1rem}}.footer-management .preview-card__title{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:600;display:flex}.footer-management .preview-card__title svg{flex-shrink:0}@media (max-width:576px){.footer-management .preview-card__title{justify-content:center;font-size:1rem}}.footer-management .preview-card__content{padding:1.5rem}@media (max-width:576px){.footer-management .preview-card__content{padding:1rem}}.footer-management .website-footer-preview{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);direction:ltr;border-radius:12px;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Arabic,sans-serif}@media (max-width:576px){.footer-management .website-footer-preview{padding:1.5rem}}.footer-management .website-footer-preview .footer-preview__logo{justify-content:center;margin-bottom:1.5rem;display:flex}.footer-management .website-footer-preview .footer-preview__logo-placeholder{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.footer-management .website-footer-preview .footer-preview__logo-placeholder svg{color:#e91e63;width:28px;height:28px}@media (max-width:576px){.footer-management .website-footer-preview .footer-preview__logo-placeholder{font-size:1.3rem}.footer-management .website-footer-preview .footer-preview__logo-placeholder svg{width:24px;height:24px}}.footer-management .website-footer-preview .footer-preview__description{color:var(--text-secondary);text-align:center;direction:rtl;margin-bottom:2rem;font-size:.95rem;line-height:1.6}@media (max-width:576px){.footer-management .website-footer-preview .footer-preview__description{margin-bottom:1.5rem;font-size:.9rem}}.footer-management .website-footer-preview .footer-preview__section{margin-bottom:2rem}@media (max-width:576px){.footer-management .website-footer-preview .footer-preview__section{margin-bottom:1.5rem}}.footer-management .website-footer-preview .footer-preview__section-title{color:var(--text-primary);text-align:center;direction:rtl;border-bottom:2px solid #e91e63;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}@media (max-width:576px){.footer-management .website-footer-preview .footer-preview__section-title{font-size:1rem}}.footer-management .website-footer-preview .footer-preview__links{flex-direction:column;align-items:center;gap:.5rem;display:flex}.footer-management .website-footer-preview .footer-preview__link{color:var(--text-secondary);direction:rtl;font-size:.95rem;text-decoration:none;transition:color .3s}.footer-management .website-footer-preview .footer-preview__link:hover{color:#e91e63}.footer-management .website-footer-preview .footer-preview__social{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:2rem 0;display:flex}@media (max-width:576px){.footer-management .website-footer-preview .footer-preview__social{gap:.5rem;margin:1.5rem 0}}.footer-management .website-footer-preview .footer-preview__social-link{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex}.footer-management .website-footer-preview .footer-preview__social-link:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.footer-management .website-footer-preview .footer-preview__social-link i{font-size:1.1rem}@media (max-width:576px){.footer-management .website-footer-preview .footer-preview__social-link{width:36px;height:36px}.footer-management .website-footer-preview .footer-preview__social-link i{font-size:1rem}}.footer-management .website-footer-preview .footer-preview__copyright{border-top:1px solid var(--border-color);color:var(--text-muted);text-align:center;margin-top:2rem;padding-top:1rem;font-size:.9rem;line-height:1.5}@media (max-width:576px){.footer-management .website-footer-preview .footer-preview__copyright{margin-top:1.5rem;font-size:.85rem}}.footer-management .website-footer-preview .footer-preview__legal{color:var(--text-muted);direction:rtl;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;font-size:.85rem;display:flex}@media (max-width:576px){.footer-management .website-footer-preview .footer-preview__legal{gap:.5rem;font-size:.8rem}}.footer-management .website-footer-preview .footer-preview__legal-link{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-management .website-footer-preview .footer-preview__legal-link:hover{color:#e91e63}body.light-mode .footer-management .website-footer-preview{color:#fff;background:#2c3e50}body.light-mode .footer-management .website-footer-preview .footer-preview__description,body.light-mode .footer-management .website-footer-preview .footer-preview__link,body.light-mode .footer-management .website-footer-preview .footer-preview__copyright,body.light-mode .footer-management .website-footer-preview .footer-preview__legal-link{color:#bdc3c7}body.light-mode .footer-management .website-footer-preview .footer-preview__section-title{color:#fff}body.dark-mode .footer-management .website-footer-preview{background:var(--bg-secondary);color:var(--text-primary)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.fab,.fas{font-family:"Font Awesome 6 Brands","Font Awesome 6 Free",-apple-system,BlinkMacSystemFont,sans-serif}[dir=rtl] .form-select{background-position:right 1rem center;padding-left:1rem;padding-right:2.5rem}[dir=rtl] .links-list{padding-left:.5rem;padding-right:0}:root{--bg-primary:#0f0f0f;--bg-card:#1a1a1a;--bg-hover:#252525;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:gray;--border-color:#333}.faq-admin{background:var(--bg-primary);direction:rtl;width:100%;min-height:100vh;padding:2rem;overflow-x:hidden}@media (max-width:768px){.faq-admin{padding:1.5rem}}@media (max-width:480px){.faq-admin{padding:1rem .5rem}}.faq-admin__header{margin-bottom:4rem}@media (max-width:768px){.faq-admin__header{margin-bottom:3rem}}.faq-admin__header-content{justify-content:space-between;align-items:center;gap:2rem;display:flex}@media (max-width:768px){.faq-admin__header-content{flex-direction:column;align-items:flex-start}}.faq-admin__title-section{flex:1}.faq-admin__title{color:var(--text-primary);justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (max-width:768px){.faq-admin__title{font-size:1.75rem}}@media (max-width:480px){.faq-admin__title{font-size:1.5rem}}.faq-admin__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:480px){.faq-admin__subtitle{font-size:.9rem}}.faq-admin__save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #e91e634d}.faq-admin__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #e91e6380}.faq-admin__save-btn:disabled{opacity:.7;cursor:not-allowed}.faq-admin__save-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@media (max-width:768px){.faq-admin__save-btn{justify-content:center;width:100%}}.faq-admin__main-tabs{border-bottom:2px solid var(--border-color);gap:1rem;margin-bottom:4rem;display:flex}@media (max-width:768px){.faq-admin__main-tabs{margin-bottom:3rem}}@media (max-width:480px){.faq-admin__main-tabs{border-bottom:none;flex-direction:column;gap:.5rem}}.faq-admin__main-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;padding:2rem 3rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative}.faq-admin__main-tab:after{content:"";background:#e91e63;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.faq-admin__main-tab:hover,.faq-admin__main-tab--active{color:#e91e63}.faq-admin__main-tab--active:after{transform:scaleX(1)}@media (max-width:480px){.faq-admin__main-tab{border:1px solid var(--border-color);border-radius:8px;justify-content:center;padding:1rem 2rem}.faq-admin__main-tab:after{display:none}.faq-admin__main-tab--active{background:#e91e6326;border-color:#e91e63}}.faq-admin__main-tab-badge{color:#fff;background:#f44336;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:700;display:flex}.faq-admin__content{width:100%;display:block}.faq-admin__editor-panel{flex-direction:column;gap:3rem;max-width:1400px;margin:0 auto;display:flex}@media (max-width:768px){.faq-admin__editor-panel{gap:2rem}}.faq-admin__preview-panel{display:none}.section-settings-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:24px;width:100%;max-width:100%;padding:3rem}@media (max-width:768px){.section-settings-card{padding:2rem}}@media (max-width:480px){.section-settings-card{padding:2rem 1rem}}.section-settings-card__title{color:var(--text-primary);justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:3rem;font-size:1.3rem;font-weight:700;display:flex}@media (max-width:480px){.section-settings-card__title{margin-bottom:2rem;font-size:1.15rem}}.settings-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (max-width:768px){.settings-grid{grid-template-columns:1fr;gap:1rem}}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}@media (max-width:480px){.form-label{font-size:.85rem}}.form-input,.form-textarea{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-input:focus,.form-textarea:focus{background:var(--bg-card);border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e6326}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}@media (max-width:480px){.form-input,.form-textarea{padding:.7rem .9rem;font-size:.95rem}}.form-textarea{resize:vertical;min-height:100px}.language-tabs{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:24px;gap:1rem;width:100%;max-width:100%;padding:.5rem;display:flex}@media (max-width:480px){.language-tabs{flex-direction:column;gap:.5rem;padding:.5rem}}.language-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.language-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.language-tab--active{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);box-shadow:0 4px 15px #e91e634d}@media (max-width:480px){.language-tab{white-space:normal;text-align:center;padding:1rem;font-size:.95rem}}.questions-list-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:24px;width:100%;max-width:100%;padding:3rem}@media (max-width:768px){.questions-list-card{padding:2rem}}@media (max-width:480px){.questions-list-card{padding:2rem 1rem}}.questions-list-card__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}@media (max-width:480px){.questions-list-card__header{flex-direction:column;align-items:stretch}}.questions-list-card__title{color:var(--text-primary);font-size:1.3rem;font-weight:700}@media (max-width:480px){.questions-list-card__title{font-size:1.15rem}}.questions-list-card__add-btn{color:#e91e63;cursor:pointer;white-space:nowrap;background:#e91e6326;border:1px solid #e91e63;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.questions-list-card__add-btn:hover{background:#e91e6340;transform:translateY(-2px)}@media (max-width:480px){.questions-list-card__add-btn{justify-content:center;width:100%}}.questions-list{flex-direction:column;gap:2rem;max-height:700px;padding-left:.5rem;display:flex;overflow-y:auto}.questions-list::-webkit-scrollbar{width:8px}.questions-list::-webkit-scrollbar-track{background:var(--bg-card);border-radius:4px}.questions-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.questions-list::-webkit-scrollbar-thumb:hover{background:#e91e63}@media (max-width:768px){.questions-list{gap:1rem;max-height:none;padding-left:0}}@media (max-width:480px){.questions-list{padding-left:0}}.question-card{background:var(--bg-hover);border:1px solid var(--border-color);box-sizing:border-box;border-radius:24px;width:100%;max-width:100%;padding:2rem;transition:all .3s}.question-card:hover{border-color:#e91e634d}.question-card--editing{border-color:#e91e63;box-shadow:0 4px 15px #e91e6333}@media (max-width:480px){.question-card{padding:1rem}}.question-card__header{justify-content:space-between;align-items:center;gap:2rem;width:100%;display:flex}@media (max-width:480px){.question-card__header{gap:1rem}}.question-card__icon{background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:1.5rem;display:flex}@media (max-width:480px){.question-card__icon{width:40px;min-width:40px;height:40px;font-size:1.3rem}}.question-card__info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.question-card__category{color:#e91e63;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1.2}@media (max-width:480px){.question-card__category{font-size:.7rem}}.question-card__question{color:var(--text-primary);word-break:break-word;margin:0;padding:0;font-size:1.05rem;font-weight:600;line-height:1.4}@media (max-width:480px){.question-card__question{font-size:.95rem}}.question-card__header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (max-width:480px){.question-card__header-actions{flex-direction:column;gap:4px}}.question-card__action-btn{background:var(--bg-card);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.question-card__action-btn svg{width:18px;height:18px;display:block}.question-card__action-btn:hover{background:var(--bg-primary);color:#e91e63;border-color:#e91e63}.question-card__action-btn--danger:hover{color:#f44336;border-color:#f44336}@media (max-width:480px){.question-card__action-btn{width:32px;height:32px}.question-card__action-btn svg{width:16px;height:16px}}.question-card__content{width:100%}.question-card__answer{background:var(--bg-card);color:var(--text-secondary);border-right:3px solid #e91e63;border-radius:8px;margin-top:2rem;padding:2rem;font-size:.95rem;line-height:1.6}.question-card__answer strong{color:var(--text-primary)}@media (max-width:480px){.question-card__answer{padding:1rem;font-size:.9rem}}.question-card__form{flex-direction:column;gap:2rem;display:flex}@media (max-width:480px){.question-card__form{gap:1rem}}.question-card__icon-section .form-label{margin-bottom:.5rem}.question-card__icon-input{color:#fff;text-align:center;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:2px solid #e91e63;border-radius:16px;width:80px;height:80px;padding:1rem;font-size:2.5rem;transition:all .3s}.question-card__icon-input:focus{outline:none;transform:scale(1.05);box-shadow:0 0 0 4px #e91e6333}@media (max-width:480px){.question-card__icon-input{width:60px;height:60px;font-size:2rem}}.question-card__actions{border-top:1px solid var(--border-color);gap:1rem;padding-top:2rem;display:flex}@media (max-width:480px){.question-card__actions{flex-direction:column;gap:.5rem}}.question-card__save-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:600;transition:all .3s;display:flex}.question-card__save-btn:hover{background:#3d8b40;transform:translateY(-2px)}.question-card__cancel-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:.7rem 1.2rem;font-weight:600;transition:all .3s}.question-card__cancel-btn:hover{color:#f44336;background:#f443361a;border-color:#f44336}@media (max-width:480px){.user-questions-panel{padding:0}}.user-questions-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:3rem}@media (max-width:768px){.user-questions-card{padding:2rem}}.user-questions-card__title{color:var(--text-primary);margin-bottom:3rem;font-size:1.5rem;font-weight:700}@media (max-width:768px){.user-questions-card__title{margin-bottom:2rem;font-size:1.3rem}}.user-questions-list{flex-direction:column;gap:2rem;display:flex}@media (max-width:480px){.user-questions-list{gap:1rem}}.user-questions-list__empty{text-align:center;color:var(--text-muted);background:var(--bg-hover);border:2px dashed var(--border-color);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.user-questions-list__empty svg{color:#e91e63;opacity:.5}.user-question-item{background:var(--bg-hover);border:2px solid var(--border-color);border-radius:24px;padding:3rem;transition:all .3s}.user-question-item:hover{border-color:#e91e634d}.user-question-item--answered{border-color:#4caf504d}.user-question-item--archived{opacity:.6}@media (max-width:768px){.user-question-item{padding:2rem}}.user-question-item__header{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}@media (max-width:768px){.user-question-item__header{flex-direction:column;align-items:flex-start}}.user-question-item__user{align-items:center;gap:2rem;display:flex}@media (max-width:480px){.user-question-item__user{gap:1rem}}.user-question-item__avatar{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}@media (max-width:480px){.user-question-item__avatar{width:48px;height:48px}}.user-question-item__info{flex:1;min-width:0}.user-question-item__name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}@media (max-width:480px){.user-question-item__name{font-size:1rem}}.user-question-item__meta{color:var(--text-muted);justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:4px;font-size:.85rem;display:flex}@media (max-width:480px){.user-question-item__meta{font-size:.8rem}}.user-question-item__status{white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.user-question-item__status--pending{color:#ff9800;background:#ff980026;border:1px solid #ff9800}.user-question-item__status--answered{color:#4caf50;background:#4caf5026;border:1px solid #4caf50}.user-question-item__status--archived{color:gray;background:#80808026;border:1px solid gray}@media (max-width:480px){.user-question-item__status{padding:.4rem .8rem;font-size:.8rem}}.user-question-item__question{background:var(--bg-card);color:var(--text-primary);border-right:3px solid #e91e63;border-radius:8px;margin-bottom:2rem;padding:2rem;font-size:1rem;line-height:1.6}@media (max-width:480px){.user-question-item__question{padding:1rem;font-size:.95rem}}.user-question-item__answer{color:var(--text-primary);background:#4caf501a;border-right:3px solid #4caf50;border-radius:8px;margin-bottom:2rem;padding:2rem;font-size:.95rem;line-height:1.6}@media (max-width:480px){.user-question-item__answer{padding:1rem;font-size:.9rem}}.user-question-item__answer-form{margin-bottom:2rem}.user-question-item__textarea{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;margin-bottom:1rem;padding:2rem;font-family:inherit;font-size:1rem;transition:all .3s}.user-question-item__textarea:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e6326}@media (max-width:480px){.user-question-item__textarea{padding:1rem;font-size:.95rem}}.user-question-item__answer-actions{gap:1rem;display:flex}@media (max-width:480px){.user-question-item__answer-actions{flex-direction:column;gap:.5rem}}.user-question-item__answer-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:600;transition:all .3s;display:flex}.user-question-item__answer-btn:hover{background:#3d8b40;transform:translateY(-2px)}.user-question-item__cancel-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:.7rem 1.2rem;font-weight:600;transition:all .3s}.user-question-item__cancel-btn:hover{color:#f44336;border-color:#f44336}.user-question-item__actions{flex-wrap:wrap;gap:1rem;display:flex}.user-question-item__action-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.user-question-item__action-btn:hover{background:var(--bg-primary);color:#e91e63;border-color:#e91e63}.user-question-item__action-btn--primary{color:#fff;background:#e91e63;border-color:#e91e63}.user-question-item__action-btn--primary:hover{color:#fff;background:#ec407a;border-color:#ec407a}.user-question-item__action-btn--danger:hover{color:#f44336;border-color:#f44336}@media (max-width:480px){.user-question-item__action-btn{padding:.5rem .8rem;font-size:.85rem}}.client-card{background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}.client-card:hover{border-color:#e91e63;transform:translateY(-5px);box-shadow:0 8px 30px #e91e6333}.client-card__header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#e91e631a 0%,#c2185b0d 100%);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}@media (max-width:575px){.client-card__header{padding:1rem}}.client-card__avatar-section{align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.client-card__avatar-section{gap:1rem}}.client-card__avatar{border:3px solid #e91e63;border-radius:50%;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}@media (max-width:575px){.client-card__avatar{border-width:2px;width:56px;height:56px}}.client-card__avatar img{object-fit:cover;width:100%;height:100%}.client-card__avatar-placeholder{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;display:flex}@media (max-width:575px){.client-card__avatar-placeholder{font-size:1.3rem}}.client-card__status{color:#fff;white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;display:flex}@media (max-width:575px){.client-card__status{padding:.3rem .6rem;font-size:.7rem}.client-card__status svg{width:14px;height:14px}}.client-card__actions{gap:.5rem;display:flex}.client-card__action-btn{background:var(--bg-card);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.client-card__action-btn:hover{background:var(--bg-hover);color:#e91e63;border-color:#e91e63;transform:scale(1.1)}.client-card__action-btn--danger:hover{color:#f44336;background:#f443361a;border-color:#f44336}@media (max-width:575px){.client-card__action-btn{width:28px;height:28px}.client-card__action-btn svg{width:14px;height:14px}}.client-card__body{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex}@media (max-width:575px){.client-card__body{gap:1rem;padding:1.5rem}}.client-card__name{color:var(--text-primary);text-align:center;margin:0;font-size:1.3rem;font-weight:700}@media (max-width:575px){.client-card__name{font-size:1.1rem}}.client-card__contact{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding-bottom:1rem;display:flex}.client-card__contact-item{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.client-card__contact-item svg{color:#e91e63;flex-shrink:0}.client-card__contact-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-card__info-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:575px){.client-card__info-grid{grid-template-columns:1fr;gap:.5rem}}.client-card__info-item{background:var(--bg-hover);border-radius:8px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.client-card__info-item:hover{background:#e91e630d;transform:translate(-2px)}@media (max-width:575px){.client-card__info-item{gap:.5rem;padding:.5rem 1rem}}.client-card__info-icon{color:#e91e63;background:#e91e631a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@media (max-width:575px){.client-card__info-icon{width:28px;height:28px}.client-card__info-icon svg{width:14px;height:14px}}.client-card__info-content{flex-direction:column;flex:1;min-width:0;display:flex}.client-card__info-label{color:var(--text-muted);white-space:nowrap;margin-bottom:2px;font-size:.7rem}@media (max-width:575px){.client-card__info-label{font-size:.65rem}}.client-card__info-value{color:var(--text-primary);white-space:nowrap;text-overflow:clip;word-break:break-word;font-size:.9rem;font-weight:600;overflow:visible}@media (max-width:575px){.client-card__info-value{white-space:normal;font-size:.85rem}}.client-card__health-notes{background:#ff98001a;border:1px solid #ff9800;border-radius:8px;padding:1rem;font-size:.85rem}@media (max-width:575px){.client-card__health-notes{padding:.5rem;font-size:.8rem}}.client-card__health-notes strong{color:#ff9800;margin-bottom:4px;display:block}@media (max-width:575px){.client-card__health-notes strong{font-size:.75rem}}.client-card__health-notes p{color:var(--text-secondary);margin:0;line-height:1.4}.client-card__footer{background:var(--bg-hover);border-top:1px solid var(--border-color);justify-content:space-between;gap:1rem;padding:1rem 2rem;display:flex}@media (max-width:575px){.client-card__footer{flex-direction:column;gap:.5rem;padding:.5rem 1.5rem}}.client-card__date{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.client-card__date svg{color:#e91e63;flex-shrink:0}@media (max-width:575px){.client-card__date{font-size:.7rem}.client-card__date svg{width:12px;height:12px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.add-client-modal{background:var(--bg-card);border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}@media (max-width:575px){.add-client-modal{max-width:95%;max-height:95vh}}.add-client-modal__header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#e91e631a 0%,#c2185b0d 100%);justify-content:space-between;align-items:center;padding:2rem;display:flex}@media (max-width:575px){.add-client-modal__header{padding:1.5rem}}@media (max-width:575px){.add-client-modal__title{font-size:1.2rem}}.add-client-modal__close{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.add-client-modal__close:hover{color:#fff;background:#f44336;border-color:#f44336;transform:rotate(90deg)}@media (max-width:575px){.add-client-modal__close{width:36px;height:36px}}.add-client-modal__form{padding:2rem;overflow-y:auto}.add-client-modal__form::-webkit-scrollbar{width:6px;height:6px}.add-client-modal__form::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.add-client-modal__form::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.add-client-modal__form::-webkit-scrollbar-thumb:hover{background:#f06292}@media (max-width:575px){.add-client-modal__form{padding:1.5rem}}.add-client-modal__image-section{justify-content:center;align-items:center;margin-bottom:3rem;display:flex}.add-client-modal__image-upload{cursor:pointer;border:3px solid #e91e63;border-radius:50%;width:120px;height:120px;transition:all .3s;position:relative;overflow:hidden}.add-client-modal__image-upload:hover{transform:scale(1.05);box-shadow:0 0 20px #e91e6366}.add-client-modal__image-upload img{object-fit:cover;width:100%;height:100%}.add-client-modal__image-placeholder{color:#e91e63;background:linear-gradient(135deg,#e91e631a 0%,#c2185b0d 100%);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;display:flex}.add-client-modal__image-placeholder svg{width:40px;height:40px}.add-client-modal__image-placeholder span{text-align:center;padding:0 .5rem;font-size:.75rem;font-weight:600}@media (max-width:575px){.add-client-modal__grid{grid-template-columns:1fr;gap:1rem}}@media (max-width:575px){.add-client-modal__actions{flex-direction:column-reverse;gap:1rem}}.add-client-modal__cancel:hover{background:var(--bg-hover);color:#f44336;border-color:#f44336}@media (max-width:575px){.add-client-modal__cancel{width:100%}}.add-client-modal__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #e91e634d}.add-client-modal__submit:hover{transform:translateY(-2px);box-shadow:0 6px 25px #e91e6380}.add-client-modal__submit:active{transform:translateY(0)}@media (max-width:575px){.add-client-modal__submit{justify-content:center;width:100%}}@media (max-width:575px){.form-label{font-size:.85rem}}.form-input:focus{background:var(--bg-card);border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}@media (max-width:575px){.form-input{padding:.7rem .9rem;font-size:.95rem}}select.form-input option{background:var(--bg-card);color:var(--text-primary)}.modal-overlay{z-index:9998;background-color:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.add-client-modal{background:var(--bg-primary,#1a1a2e);z-index:9999;border-radius:16px;width:100%;max-width:900px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.add-client-modal::-webkit-scrollbar{width:8px}.add-client-modal::-webkit-scrollbar-track{background:var(--bg-secondary,#16213e);border-radius:4px}.add-client-modal::-webkit-scrollbar-thumb{background:var(--primary,#e91e63);border-radius:4px}.add-client-modal::-webkit-scrollbar-thumb:hover{background:var(--primary-dark,#c2185b)}.add-client-modal__header{border-bottom:1px solid var(--border-color,#ffffff1a);background:var(--bg-primary,#1a1a2e);z-index:10;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:sticky;top:0}.add-client-modal__title{color:var(--text-primary,#fff);margin:0;font-size:1.5rem;font-weight:600}.add-client-modal__close{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.add-client-modal__close:hover:not(:disabled){background:var(--bg-hover,#ffffff0d);color:var(--text-primary,#fff)}.add-client-modal__close:disabled{opacity:.5;cursor:not-allowed}.add-client-modal__form{padding:32px}.add-client-modal__image-section{justify-content:center;margin-bottom:32px;display:flex}.add-client-modal__image-upload{cursor:pointer;border-radius:50%;width:150px;height:150px;transition:all .3s;position:relative;overflow:hidden}.add-client-modal__image-upload:hover{transform:scale(1.05)}.add-client-modal__image-preview{width:100%;height:100%;position:relative}.add-client-modal__image-preview img{object-fit:cover;width:100%;height:100%}.add-client-modal__image-remove{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.add-client-modal__image-remove:hover{background:#dc2626;transform:scale(1.1)}.add-client-modal__image-placeholder{background:var(--bg-secondary,#16213e);border:2px dashed var(--border-color,#fff3);width:100%;height:100%;color:var(--text-secondary,#94a3b8);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .3s;display:flex}.add-client-modal__image-placeholder:hover{border-color:var(--primary,#e91e63);color:var(--primary,#e91e63)}.add-client-modal__image-placeholder svg{opacity:.5}.add-client-modal__image-placeholder span:first-of-type{font-weight:500}.add-client-modal__image-hint{opacity:.7;font-size:.75rem}.add-client-modal__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px;display:grid}.add-client-modal__actions{border-top:1px solid var(--border-color,#ffffff1a);justify-content:flex-end;gap:12px;padding-top:24px;display:flex}.add-client-modal__cancel{border:1px solid var(--border-color,#fff3);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s}.add-client-modal__cancel:hover:not(:disabled){background:var(--bg-hover,#ffffff0d);border-color:var(--primary,#e91e63);color:var(--text-primary,#fff)}.add-client-modal__cancel:disabled{opacity:.5;cursor:not-allowed}.add-client-modal__submit{background:var(--primary,#e91e63);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:all .2s;display:flex}.add-client-modal__submit:hover:not(:disabled){background:var(--primary-dark,#c2185b);transform:translateY(-2px);box-shadow:0 4px 12px #e91e6366}.add-client-modal__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-client-modal__submit .spinner{animation:1s linear infinite spin}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary,#94a3b8);font-size:.875rem;font-weight:500}.form-input{background:var(--bg-secondary,#16213e);border:1px solid var(--border-color,#ffffff1a);color:var(--text-primary,#fff);border-radius:8px;padding:12px 16px;font-size:.9375rem;transition:all .2s}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input::placeholder{color:var(--text-muted,#ffffff4d)}textarea.form-input{resize:vertical;min-height:80px;font-family:inherit}select.form-input{cursor:pointer}:global(.swal2-container){z-index:10000!important}@media (max-width:768px){.add-client-modal{border-radius:0;max-width:100%;max-height:100vh}.add-client-modal__header,.add-client-modal__form{padding:20px}.add-client-modal__grid{grid-template-columns:1fr;gap:16px}.add-client-modal__actions{flex-direction:column-reverse}.add-client-modal__actions button{width:100%}.modal-overlay{padding:0}}.clients-list{background:var(--bg-primary);box-sizing:border-box;direction:rtl;width:100%;min-height:100vh;padding-bottom:6rem}@media (max-width:575px){.clients-list{overflow-x:hidden;width:100%!important;max-width:100vw!important;margin:0!important;padding-left:0!important;padding-right:0!important}}.clients-list .container{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}@media (min-width:576px) and (max-width:767px){.clients-list .container{max-width:100%;padding:0 1.5rem}}@media (max-width:575px){.clients-list .container{width:100%;max-width:100%;margin:0;padding:0 1.5rem}}.clients-list__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border-bottom:1px solid #ffffff14;width:100%;margin-bottom:3rem;padding:3rem 0}@media (max-width:575px){.clients-list__header{margin-bottom:2rem;padding:2rem 0}}.clients-list__header .header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;width:100%;display:flex}@media (max-width:575px){.clients-list__header .header-content{flex-direction:column;align-items:stretch;gap:1.5rem}}.clients-list__header .title-section{text-align:right;flex:1}@media (max-width:575px){.clients-list__header .title-section{text-align:center;width:100%}}.clients-list__header .breadcrumb{color:var(--text-muted);justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.clients-list__header .breadcrumb svg{transform:rotate(180deg)}.clients-list__header .breadcrumb .separator{opacity:.5;margin:0 4px}.clients-list__header .breadcrumb .active{color:#e91e63;font-weight:600}@media (max-width:575px){.clients-list__header .breadcrumb{justify-content:center}}.clients-list__header .title{color:var(--text-primary);justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (min-width:576px) and (max-width:767px){.clients-list__header .title{font-size:1.75rem}}@media (max-width:575px){.clients-list__header .title{justify-content:center;font-size:1.5rem}}.clients-list__header .title .title-icon{color:#e91e63}.clients-list__header .subtitle{color:var(--text-secondary);text-align:right;margin:0;font-size:1rem}@media (max-width:575px){.clients-list__header .subtitle{text-align:center;font-size:.9rem}}.clients-list__header .header-actions{flex-shrink:0;gap:1rem;display:flex}@media (max-width:575px){.clients-list__header .header-actions{justify-content:stretch;width:100%}}.clients-list__header .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@media (max-width:575px){.clients-list__header .btn{flex:1;justify-content:center;padding:.75rem 1rem;font-size:.9rem}}.clients-list__header .btn-primary{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);box-shadow:0 4px 15px #e91e634d}.clients-list__header .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #e91e6380}.clients-list__header .btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a}.clients-list__header .btn-secondary:hover{border-color:#e91e634d;transform:translateY(-2px);box-shadow:0 4px 15px #e91e631a}.clients-list .stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;margin-bottom:3rem;display:grid}@media (min-width:576px) and (max-width:767px){.clients-list .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.clients-list .stats-grid{grid-template-columns:1fr;gap:1rem}}.clients-list .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (max-width:575px){.clients-list .stat-card{flex-direction:row;align-items:center;gap:1.5rem;padding:1.5rem}}.clients-list .stat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 0%,#e91e630d 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.clients-list .stat-card:hover{border-color:#e91e634d;transform:translateY(-4px);box-shadow:0 10px 40px #e91e6333}.clients-list .stat-card:hover:before{opacity:1}.clients-list .stat-card:hover .stat-icon{transform:scale(1.1)rotate(5deg)}.clients-list .stat-card .stat-icon{z-index:1;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media (max-width:575px){.clients-list .stat-card .stat-icon{width:48px;height:48px;margin-bottom:0}}.clients-list .stat-card .stat-icon:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.5;background:linear-gradient(135deg,currentColor 0%,#0000 100%);padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.clients-list .stat-card .stat-icon.stat-primary{color:#e91e63;background:linear-gradient(135deg,#e91e6333 0%,#e91e631a 100%);box-shadow:0 4px 15px #e91e634d}.clients-list .stat-card .stat-icon.stat-success{color:#4caf50;background:linear-gradient(135deg,#4caf5033 0%,#4caf501a 100%);box-shadow:0 4px 15px #4caf504d}.clients-list .stat-card .stat-icon.stat-danger{color:#f44336;background:linear-gradient(135deg,#f4433633 0%,#f443361a 100%);box-shadow:0 4px 15px #f443364d}.clients-list .stat-card .stat-icon.stat-warning{color:#ff9800;background:linear-gradient(135deg,#ff980033 0%,#ff98001a 100%);box-shadow:0 4px 15px #ff98004d}.clients-list .stat-card .stat-content{z-index:1;flex:1;position:relative}@media (max-width:575px){.clients-list .stat-card .stat-content{text-align:right}}.clients-list .stat-card .stat-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:500}@media (max-width:575px){.clients-list .stat-card .stat-label{margin-bottom:4px;font-size:.8rem}}.clients-list .stat-card .stat-value{color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary)0%,#e91e63cc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:700}@media (max-width:575px){.clients-list .stat-card .stat-value{margin-bottom:4px;font-size:1.5rem}}.clients-list .stat-card .stat-trend,.clients-list .stat-card .stat-percentage{color:var(--text-muted);font-size:.8rem}@media (max-width:575px){.clients-list .stat-card .stat-trend,.clients-list .stat-card .stat-percentage{font-size:.75rem}}.clients-list .stat-card .stat-trend.positive,.clients-list .stat-card .stat-percentage.positive{color:#4caf50}.clients-list .stat-card .stat-progress{z-index:1;background:#ffffff0d;border-radius:10px;height:4px;margin-top:1rem;position:relative;overflow:hidden}@media (max-width:575px){.clients-list .stat-card .stat-progress{display:none}}.clients-list .stat-card .stat-progress .progress-bar{border-radius:10px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.clients-list .stat-card .stat-progress .progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.clients-list .stat-card .stat-progress .progress-bar.success{background:linear-gradient(90deg,#4caf50,#6ec071)}.clients-list .stat-card .stat-progress .progress-bar.danger{background:linear-gradient(90deg,#f44336,#f77066)}.clients-list .stat-card .stat-progress .progress-bar.warning{background:linear-gradient(90deg,#ff9800,#ffad33)}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.clients-list .action-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;padding:1.5rem;display:flex}@media (max-width:575px){.clients-list .action-bar{flex-direction:column;gap:1rem;padding:1rem}}.clients-list .action-bar .selected-info{justify-content:center;align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.clients-list .action-bar .selected-info{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%}}.clients-list .action-bar .selected-count{color:#e91e63;font-weight:600}.clients-list .action-bar .btn-clear,.clients-list .action-bar .btn-delete-bulk{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}@media (max-width:575px){.clients-list .action-bar .btn-clear,.clients-list .action-bar .btn-delete-bulk{padding:.5rem .75rem;font-size:.85rem}}.clients-list .action-bar .btn-clear{color:var(--text-secondary);background:0 0}.clients-list .action-bar .btn-clear:hover{color:var(--text-primary)}.clients-list .action-bar .btn-delete-bulk{color:#f44336;background:#f443361a;border:1px solid #f443364d}.clients-list .action-bar .btn-delete-bulk:hover{background:#f4433633;transform:translateY(-2px);box-shadow:0 4px 15px #f4433633}.clients-list .action-bar .refresh-wrapper{width:100%}.clients-list .action-bar .btn-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:600;transition:all .3s;display:flex}.clients-list .action-bar .btn-action:hover{color:#e91e63;background:#e91e630d;border-color:#e91e634d}.clients-list .search-section{width:100%;margin-bottom:3rem}@media (max-width:575px){.clients-list .search-section{margin-bottom:2rem}}.clients-list .search-wrapper{gap:1.5rem;width:100%;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.clients-list .search-wrapper{flex-direction:column;gap:1rem}}.clients-list .search-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:1rem;min-width:0;padding:0 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.clients-list .search-box:after{content:"";background:linear-gradient(90deg,#0000,#e91e63,#0000);height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.clients-list .search-box:focus-within{border-color:#e91e6380;transform:translateY(-2px);box-shadow:0 0 0 3px #e91e631a,0 8px 25px #e91e6326}.clients-list .search-box:focus-within:after{transform:scaleX(1)}.clients-list .search-box:focus-within .search-icon{color:#e91e63;transform:scale(1.1)}.clients-list .search-box .search-icon{color:var(--text-muted);flex-shrink:0;transition:all .3s}.clients-list .search-box input{color:var(--text-primary);background:0 0;border:none;flex:1;min-width:0;padding:.9rem 0;font-size:1rem}@media (max-width:575px){.clients-list .search-box input{padding:.75rem 0;font-size:.95rem}}.clients-list .search-box input:focus{outline:none}.clients-list .search-box input::placeholder{color:var(--text-muted);transition:color .3s}.clients-list .search-box input:focus::placeholder{color:rgba(var(--text-muted),.5)}.clients-list .search-box .clear-search{color:#f44336;cursor:pointer;background:#f443361a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.clients-list .search-box .clear-search:hover{background:#f4433633;transform:scale(1.1)}.clients-list .filters-wrapper{flex-shrink:0;position:relative}@media (max-width:575px){.clients-list .filters-wrapper{width:100%}}.clients-list .btn-filters-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.5rem;font-weight:600;transition:all .3s;display:flex}@media (max-width:575px){.clients-list .btn-filters-toggle{justify-content:center;width:100%;padding:.75rem 1.5rem}}.clients-list .btn-filters-toggle:hover{border-color:#e91e634d;transform:translateY(-2px);box-shadow:0 4px 15px #e91e631a}.clients-list .btn-filters-toggle .chevron{transition:transform .3s}.clients-list .btn-filters-toggle .chevron.open{transform:rotate(180deg)}.clients-list .filters-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:linear-gradient(135deg,#1e1e32fa 0%,#141428fa 100%);border:1px solid #ffffff1a;border-radius:12px;min-width:280px;padding:1.5rem;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 10px 40px #00000080}@media (max-width:575px){.clients-list .filters-dropdown{width:100%;min-width:auto;margin-top:1rem;position:static}}.clients-list .filter-group{flex-direction:column;gap:1.5rem;display:flex}.clients-list .filter-box{flex-direction:column;gap:.5rem;display:flex}.clients-list .filter-box label{color:var(--text-muted);letter-spacing:.3px;font-size:.85rem;font-weight:600}.clients-list .filter-box select{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.8rem;font-size:.95rem;transition:all .3s}.clients-list .filter-box select:focus{border-color:#e91e6380;outline:none;box-shadow:0 0 0 3px #e91e631a}.clients-list .filter-box select:hover{border-color:#e91e634d}.clients-list .filter-box select option{background:var(--bg-card);color:var(--text-primary);padding:.5rem}.clients-list .results-info{justify-content:space-between;align-items:center;width:100%;padding:1rem 0;display:flex}@media (max-width:575px){.clients-list .results-info{text-align:center;flex-direction:column;align-items:stretch;gap:1rem}}.clients-list .results-count{color:var(--text-secondary);font-size:.9rem}.clients-list .btn-select-all{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.clients-list .btn-select-all:hover{color:#e91e63;background:#e91e630d;border-color:#e91e634d}.clients-list .content-area{width:100%;margin-bottom:3rem}.clients-list .clients-grid{flex-direction:column;gap:1.5rem;width:100%;display:flex}@media (max-width:575px){.clients-list .clients-grid{gap:1rem}}.clients-list .client-item{width:100%;transition:all .3s;position:relative}.clients-list .client-item.selected .client-select input{background:#e91e63;border-color:#e91e63}.clients-list .client-select{z-index:10;position:absolute;top:1rem;right:1rem}.clients-list .client-select input[type=checkbox]{cursor:pointer;appearance:none;background:#ffffff0d;border:2px solid #fff3;border-radius:4px;width:20px;height:20px;transition:all .3s}.clients-list .client-select input[type=checkbox]:checked{background:#e91e63;border-color:#e91e63}.clients-list .client-select input[type=checkbox]:checked:after{content:"✓";text-align:center;color:#fff;font-size:14px;line-height:16px;display:block}.clients-list .client-select input[type=checkbox]:hover{border-color:#e91e63;transform:scale(1.1)}.clients-list .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:6rem;display:flex}@media (max-width:575px){.clients-list .empty-state{padding:3rem}}.clients-list .empty-state svg{color:#e91e63;opacity:.3}.clients-list .empty-state h3{color:var(--text-secondary);margin:0;font-size:1.5rem}@media (max-width:575px){.clients-list .empty-state h3{font-size:1.25rem}}.clients-list .empty-state p{color:var(--text-muted);margin:0;font-size:1rem}@media (max-width:575px){.clients-list .empty-state p{font-size:.9rem}}.clients-list .empty-state .empty-btn{margin-top:1.5rem}.clients-list .pagination{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:2rem;display:flex}@media (max-width:575px){.clients-list .pagination{flex-direction:column;gap:1.5rem;padding:1.5rem}}.clients-list .pagination-info{color:var(--text-secondary);font-size:.9rem}.clients-list .pagination-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}@media (max-width:575px){.clients-list .pagination-controls{justify-content:center}}.clients-list .pagination-btn{min-width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:0 1rem;font-weight:600;transition:all .3s;display:flex}@media (max-width:575px){.clients-list .pagination-btn{min-width:36px;height:36px;font-size:.85rem}}.clients-list .pagination-btn:hover:not(:disabled){color:#e91e63;background:#e91e630d;border-color:#e91e634d;transform:translateY(-2px)}.clients-list .pagination-btn.active{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border-color:#e91e63;box-shadow:0 4px 15px #e91e634d}.clients-list .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.clients-list__loading{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.clients-list__loading .loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.clients-list__loading .loading-container .spinner{color:#e91e63;animation:1s linear infinite spin}.clients-list__loading .loading-container p{color:var(--text-secondary);font-size:1rem}@media (max-width:575px){.workout-plan{padding:1rem}}@media (max-width:575px){.workout-plan__header{margin-bottom:2rem}}.workout-plan__header-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.workout-plan__header-top{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media (max-width:575px){.workout-plan__title{font-size:1.3rem}.workout-plan__title svg{width:20px;height:20px}}@media (max-width:575px){.workout-plan__week-info{text-align:center;width:100%;padding:.5rem;font-size:.85rem}}@media (max-width:575px){.workout-plan__stats{justify-content:space-between;gap:1rem;padding:1rem}}@media (max-width:575px){.workout-plan__stat{flex:1;min-width:calc(50% - 8px)}}@media (max-width:575px){.workout-plan__stat-label{font-size:.8rem}}@media (max-width:575px){.workout-plan__stat-value{font-size:1.1rem}}@media (max-width:575px){.workout-day__header{padding:1.5rem}}@media (max-width:575px){.workout-day__header-top{gap:1rem;padding:0}}@media (max-width:575px){.workout-day__header-bottom{margin-top:1rem;padding:1rem 0 0}}@media (max-width:575px){.workout-day__chevron svg{width:18px;height:18px}}@media (max-width:575px){.workout-day__title-section{gap:2px}}@media (max-width:575px){.workout-day__title-wrapper{flex-wrap:wrap}}@media (max-width:575px){.workout-day__title{font-size:1.1rem}}@media (max-width:575px){.workout-day__date{font-size:.8rem}}@media (max-width:575px){.workout-day__today-badge{padding:.2rem .6rem;font-size:.7rem}}@media (max-width:575px){.workout-day__count{padding:.2rem .6rem;font-size:.8rem}}@media (max-width:575px){.workout-day__expand-btn{color:#e91e63;cursor:pointer;background:#e91e631a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.workout-day__expand-btn:hover{background:#e91e6333}}@media (max-width:575px){.workout-day__progress{width:100px;height:28px}}@media (max-width:575px){.workout-day__progress-text{font-size:.8rem}}@media (max-width:575px){.workout-day__content{padding:1rem}}@media (max-width:575px){.workout-day__empty{padding:2rem}}@media (max-width:575px){.workout-day__empty-sub{font-size:.85rem}}@media (max-width:575px){.workout-day__add-exercise{padding:.6rem;font-size:.9rem}}@media (max-width:575px){.exercise-item{flex-direction:column;gap:1rem;padding:1.5rem}}@media (max-width:575px){.exercise-item__left,.exercise-item__right{justify-content:space-between;width:100%;display:flex}}@media (max-width:575px){.exercise-item__content{gap:1rem;width:100%}}@media (max-width:575px){.exercise-item__check{width:36px;height:36px}}@media (max-width:575px){.exercise-item__name{padding:.6rem;font-size:.95rem}}@media (max-width:575px){.exercise-item__details{justify-content:space-between;gap:1rem}}@media (max-width:575px){.exercise-item__detail-label{font-size:.8rem}}@media (max-width:575px){.exercise-item__detail input{padding:.4rem .6rem;font-size:.85rem}}.exercise-item__notes{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;padding:.7rem;font-family:inherit;font-size:.9rem;transition:all .3s}@media (max-width:575px){.exercise-item__notes{min-height:60px;padding:.6rem;font-size:.85rem}}@media (max-width:575px){.exercise-item__upload-btn{padding:.6rem;font-size:.85rem}}@media (max-width:575px){.exercise-item__delete{flex:1;width:auto;margin-left:1rem;padding:0 1rem}.exercise-item__delete span{display:none}}@media (max-width:575px){.exercise-media-preview__image img{max-height:200px}}@media (max-width:575px){.exercise-media-preview__video video{max-height:200px}}@media (max-width:575px){.exercise-media-preview__remove{width:28px;height:28px}.exercise-media-preview__remove svg{width:14px;height:14px}}.media-modal{z-index:1000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-modal__content{max-width:90%;max-height:90%;position:relative}.media-modal__close{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;font-size:1.5rem;position:absolute;top:-40px;right:0}.media-modal__close:hover{color:#e91e63}.media-modal img,.media-modal video{border-radius:12px;max-width:100%;max-height:80vh}@media (hover:none) and (pointer:coarse){.exercise-item__check,.exercise-item__delete,.workout-day__add-exercise{min-width:44px;min-height:44px}input,textarea,button{font-size:16px!important}.exercise-item__detail input{padding:12px!important}}@media (min-width:768px) and (max-width:1024px){.workout-plan,.workout-day__header{padding:2rem}.exercise-item,.exercise-item__details{flex-direction:row}.exercise-item__detail{flex-direction:row;align-items:center;gap:1rem}.exercise-item__detail input{width:80px}}.workout-plan{background:linear-gradient(135deg,#0a1628 0%,#1a2942 100%);min-height:100vh;padding:2rem}.workout-plan__header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.workout-plan__title{color:#fff;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;display:flex}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #e91e634d}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366}.btn-save:disabled{opacity:.6;cursor:not-allowed}.workout-days{flex-direction:column;gap:1.5rem;display:flex}.day-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a294299;border:1px solid #ffffff1a;border-radius:16px;transition:all .3s;overflow:hidden}.day-card:hover{border-color:#e91e634d;box-shadow:0 8px 24px #0003}.day-card__header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem;transition:background .2s;display:flex}.day-card__header:hover{background:#ffffff05}.day-card__info{flex-direction:column;gap:.25rem;display:flex}.day-card__name{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.day-card__count{color:#fff9;font-size:.875rem}.day-card__actions{align-items:center;gap:1rem;display:flex}.progress-ring{background:conic-gradient(#e91e63 var(--progress,0%),#ffffff1a var(--progress,0%));border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.progress-ring:before{content:"";background:#1a2942;border-radius:50%;width:38px;height:38px;position:absolute}.progress-ring__value{z-index:1;color:#fff;font-size:.75rem;font-weight:600;position:relative}.chevron{color:#fff9;transition:transform .3s}.chevron--rotated{transform:rotate(180deg)}.day-card__content{padding:0 1.5rem 1.5rem;overflow:hidden}.exercises-list{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.exercise-card{background:#0a162899;border:1px solid #ffffff0d;border-radius:12px;padding:1.25rem;transition:all .2s}.exercise-card:hover{border-color:#e91e6333}.exercise-card__main{gap:1rem;display:flex}.checkbox{cursor:pointer;color:#fff6;background:0 0;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.checkbox:hover:not(:disabled){background:#e91e631a;border-color:#e91e63}.checkbox--checked{color:#4caf50;background:#4caf501a;border-color:#4caf50}.checkbox:disabled{opacity:.4;cursor:not-allowed}.exercise-card__content{flex-direction:column;flex:1;gap:1rem;display:flex}.input-exercise-name{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .2s}.input-exercise-name:focus{background:#ffffff14;border-color:#e91e63;outline:none}.input-exercise-name::placeholder{color:#ffffff4d}.exercise-card__details{gap:1rem;display:flex}.input-group{flex-direction:column;flex:1;gap:.5rem;display:flex}.input-group label{color:#fff9;font-size:.875rem;font-weight:500}.input-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.input-group input:focus{background:#ffffff14;border-color:#e91e63;outline:none}.textarea-notes{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;min-height:60px;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:all .2s}.textarea-notes:focus{background:#ffffff14;border-color:#e91e63;outline:none}.textarea-notes::placeholder{color:#ffffff4d}.media-section{margin-top:.5rem}.media-preview{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;position:relative;overflow:hidden}.media-preview__youtube{align-items:center;gap:.75rem;padding:1rem;display:flex}.media-preview__youtube a{color:#e91e63;font-weight:500;text-decoration:none;transition:color .2s}.media-preview__youtube a:hover{color:#ff4081}.media-preview__video,.media-preview__image{object-fit:cover;width:100%;max-height:200px;display:block}.btn-remove-media{color:#fff;cursor:pointer;background:#f44336e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.btn-remove-media:hover{background:#f44336;transform:scale(1.1)}.media-upload-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.btn-upload,.btn-youtube{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-upload:hover:not(:disabled),.btn-youtube:hover:not(:disabled){background:#e91e631a;border-color:#e91e63;transform:translateY(-1px)}.btn-upload:disabled,.btn-youtube:disabled{opacity:.4;cursor:not-allowed}.btn-delete{color:#f44336;cursor:pointer;background:#f443361a;border:1px solid #f443364d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-delete:hover{background:#f4433633;border-color:#f44336;transform:scale(1.05)}.empty-state{text-align:center;color:#fff6;padding:3rem 1rem}.empty-state p{margin:0;font-size:1rem}.btn-add-exercise{color:#e91e63;cursor:pointer;background:#e91e631a;border:2px dashed #e91e634d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-add-exercise:hover{background:#e91e6326;border-color:#e91e63;transform:translateY(-1px)}@media (max-width:768px){.workout-plan{padding:1rem}.workout-plan__header-content{flex-direction:column;align-items:stretch}.btn-save{justify-content:center;width:100%}.exercise-card__details,.media-upload-buttons{flex-direction:column}.btn-upload,.btn-youtube{justify-content:center;width:100%}}.workout-plan{min-height:100vh;padding:1.5rem}@media (max-width:575px){.workout-plan{padding:1rem}}.workout-plan__header{margin-bottom:3rem}@media (max-width:575px){.workout-plan__header{margin-bottom:2rem}}.workout-plan__header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.workout-plan__header-top{flex-direction:column;align-items:flex-start;gap:1rem}}.workout-plan__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}@media (max-width:575px){.workout-plan__title{font-size:1.3rem}.workout-plan__title svg{width:20px;height:20px}}.workout-plan__week-info{color:#e91e63;background:#e91e631a;border:1px solid #e91e63;border-radius:50px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}@media (max-width:575px){.workout-plan__week-info{text-align:center;width:100%;padding:.5rem;font-size:.85rem}}.workout-plan__stats{background:var(--bg-hover);border-radius:12px;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;display:flex}@media (max-width:575px){.workout-plan__stats{justify-content:space-between;gap:1rem;padding:1rem}}.workout-plan__stat{flex-direction:column;gap:4px;display:flex}@media (max-width:575px){.workout-plan__stat{flex:1;min-width:calc(50% - 8px)}}.workout-plan__stat-label{color:var(--text-muted);font-size:.85rem}@media (max-width:575px){.workout-plan__stat-label{font-size:.8rem}}.workout-plan__stat-value{color:var(--text-primary);font-size:1.2rem;font-weight:700}@media (max-width:575px){.workout-plan__stat-value{font-size:1.1rem}}.workout-plan__days{flex-direction:column;gap:1.5rem;display:flex}@media (max-width:575px){.workout-plan__days{gap:1rem}}.workout-day{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;overflow:hidden}.workout-day:hover{box-shadow:var(--shadow-md)}.workout-day--today{border:2px solid #e91e63;box-shadow:0 0 20px #e91e6333}.workout-day__header{cursor:pointer;background:linear-gradient(135deg,#e91e630d 0%,#c2185b05 100%);transition:all .3s}.workout-day__header:hover{background:linear-gradient(135deg,#e91e631a 0%,#c2185b0d 100%)}@media (max-width:575px){.workout-day__header{padding:1.5rem}}.workout-day__header-top{align-items:center;gap:1.5rem;padding:1.5rem 1.5rem 0;display:flex}@media (max-width:575px){.workout-day__header-top{gap:1rem;padding:0}}.workout-day__header-bottom{justify-content:space-between;align-items:center;padding:1rem 1.5rem 1.5rem;display:flex}@media (max-width:575px){.workout-day__header-bottom{margin-top:1rem;padding:1rem 0 0}}.workout-day__chevron{color:#e91e63;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}@media (max-width:575px){.workout-day__chevron svg{width:18px;height:18px}}.workout-day__title-section{flex-direction:column;flex:1;gap:4px;display:flex}@media (max-width:575px){.workout-day__title-section{gap:2px}}.workout-day__title-wrapper{align-items:center;gap:1rem;display:flex}@media (max-width:575px){.workout-day__title-wrapper{flex-wrap:wrap}}.workout-day__title{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}@media (max-width:575px){.workout-day__title{font-size:1.1rem}}.workout-day__date{color:var(--text-muted);font-size:.85rem;font-weight:500}@media (max-width:575px){.workout-day__date{font-size:.8rem}}.workout-day__today-badge{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border-radius:50px;padding:.3rem .8rem;font-size:.75rem;font-weight:700}@media (max-width:575px){.workout-day__today-badge{padding:.2rem .6rem;font-size:.7rem}}.workout-day__count{color:#e91e63;white-space:nowrap;background:#e91e631a;border-radius:50px;padding:.3rem .8rem;font-size:.85rem;font-weight:600}@media (max-width:575px){.workout-day__count{padding:.2rem .6rem;font-size:.8rem}}.workout-day__expand-btn{display:none}@media (max-width:575px){.workout-day__expand-btn{color:#e91e63;cursor:pointer;background:#e91e631a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.workout-day__expand-btn:hover{background:#e91e6333}}.workout-day__progress{background:var(--bg-hover);border-radius:50px;width:120px;height:32px;position:relative;overflow:hidden}@media (max-width:575px){.workout-day__progress{width:100px;height:28px}}.workout-day__progress-bar{background:linear-gradient(135deg,#4caf50 0%,#3d8b40 100%);transition:width .5s;position:absolute;top:0;bottom:0;left:0}.workout-day__progress-text{width:100%;height:100%;color:var(--text-primary);z-index:1;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:relative}@media (max-width:575px){.workout-day__progress-text{font-size:.8rem}}.workout-day__content{border-top:1px solid var(--border-color);background:var(--bg-hover);padding:1.5rem}@media (max-width:575px){.workout-day__content{padding:1rem}}.workout-day__exercises{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.workout-day__exercises{gap:1rem}}.workout-day__empty{text-align:center;color:var(--text-muted);background:var(--bg-card);border:2px dashed var(--border-color);border-radius:12px;padding:3rem}@media (max-width:575px){.workout-day__empty{padding:2rem}}.workout-day__empty p{margin:0}.workout-day__empty p:first-child{margin-bottom:.5rem;font-size:1rem;font-weight:600}@media (max-width:575px){.workout-day__empty p:first-child{font-size:.9rem}}.workout-day__empty-sub{color:var(--text-secondary);margin-top:.5rem;font-size:.9rem}@media (max-width:575px){.workout-day__empty-sub{font-size:.85rem}}.workout-day__add-exercise{border:2px dashed var(--border-color);color:#e91e63;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.7rem;font-weight:600;transition:all .3s;display:flex}.workout-day__add-exercise:hover{background:#e91e630d;border-color:#e91e63}@media (max-width:575px){.workout-day__add-exercise{padding:.6rem;font-size:.9rem}}.exercise-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:flex-start;gap:1.5rem;padding:2rem;transition:all .3s;display:flex}.exercise-item:hover{box-shadow:var(--shadow-sm);border-color:#e91e63}@media (max-width:575px){.exercise-item{flex-direction:column;gap:1rem;padding:1.5rem}}.exercise-item__left,.exercise-item__right{flex-shrink:0}@media (max-width:575px){.exercise-item__left,.exercise-item__right{justify-content:space-between;align-items:center;width:100%;display:flex}}.exercise-item__content{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}@media (max-width:575px){.exercise-item__content{gap:1rem;width:100%}}.exercise-item__check{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.exercise-item__check:hover{color:#4caf50;transform:scale(1.1)}.exercise-item__check--completed{color:#4caf50}@media (max-width:575px){.exercise-item__check{width:36px;height:36px}}.exercise-item__main{flex-direction:column;gap:1rem;display:flex}.exercise-item__name{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.7rem;font-size:1rem;font-weight:600;transition:all .3s}.exercise-item__name:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}@media (max-width:575px){.exercise-item__name{padding:.6rem;font-size:.95rem}}.exercise-item__details{gap:1.5rem;display:flex}@media (max-width:575px){.exercise-item__details{justify-content:space-between;gap:1rem}}.exercise-item__detail{flex-direction:column;flex:1;gap:4px;display:flex}.exercise-item__detail-label{color:var(--text-muted);white-space:nowrap;font-size:.85rem}@media (max-width:575px){.exercise-item__detail-label{font-size:.8rem}}.exercise-item__detail input{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);text-align:center;border-radius:8px;padding:.5rem .7rem;font-size:.9rem;transition:all .3s}.exercise-item__detail input:focus{border-color:#e91e63;outline:none}@media (max-width:575px){.exercise-item__detail input{padding:.4rem .6rem;font-size:.85rem}}.exercise-item__notes{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;min-height:60px;padding:.7rem;font-family:inherit;font-size:.9rem;transition:all .3s}.exercise-item__notes:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}.exercise-item__notes::placeholder{color:var(--text-muted)}@media (max-width:575px){.exercise-item__notes{min-height:50px;padding:.6rem;font-size:.85rem}}.exercise-item__media-section{margin-top:.5rem}.exercise-item__upload-btn{border:2px dashed var(--border-color);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.exercise-item__upload-btn:hover{color:#e91e63;background:#e91e630d;border-color:#e91e63}@media (max-width:575px){.exercise-item__upload-btn{padding:.6rem;font-size:.85rem}}.exercise-item__youtube-input{align-items:center;gap:1rem;display:flex}.exercise-item__youtube-input input{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;flex:1;padding:.7rem;font-size:.9rem}@media (max-width:575px){.exercise-item__youtube-input input{padding:.6rem;font-size:.85rem}}.exercise-item__delete{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.exercise-item__delete:hover{color:#fff;background:#f44336;border-color:#f44336}@media (max-width:575px){.exercise-item__delete{flex:1;width:auto;padding:0 1rem}.exercise-item__delete span{display:none}}.exercise-media-preview{border-radius:8px;position:relative;overflow:hidden}.exercise-media-preview__image{position:relative}@media (max-width:575px){.exercise-media-preview__image img{max-height:200px}}.exercise-media-preview__video{position:relative}.exercise-media-preview__video video{border-radius:8px;width:100%;max-height:250px}@media (max-width:575px){.exercise-media-preview__video video{max-height:200px}}.exercise-media-preview__youtube{width:100%;padding-bottom:56.25%;position:relative}.exercise-media-preview__youtube iframe{border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:575px){.exercise-media-preview__remove{width:28px;height:28px}.exercise-media-preview__remove svg{width:14px;height:14px}}@media (hover:none) and (pointer:coarse){.exercise-item__check,.exercise-item__delete,.workout-day__add-exercise{min-width:44px;min-height:44px}input,textarea,button{font-size:16px!important}.exercise-item__detail input{padding:12px!important}}.workout-plan__save-btn{z-index:999;color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4caf50 0%,#3d8b40 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:6px;padding:.7rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:1.5rem;left:1.5rem;box-shadow:0 4px 20px #4caf5073}.workout-plan__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #4caf5099}.workout-plan__save-btn:disabled{opacity:.6;cursor:not-allowed}.workout-plan__save-btn .spinner{animation:1s linear infinite spin}@media (max-width:575px){.workout-plan__save-btn{border-radius:50px;padding:.65rem 1.4rem;font-size:.88rem;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #4caf5073}.workout-plan__save-btn:hover:not(:disabled){transform:translate(-50%)translateY(-2px)}}.workout-plan__pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.workout-plan__pagination--bottom{margin-top:2rem;margin-bottom:0}@media (max-width:575px){.workout-plan__pagination{gap:.5rem}}.workout-plan__pagination-btn{background:var(--bg-card);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.workout-plan__pagination-btn:hover:not(:disabled){color:#e91e63;background:#e91e630d;border-color:#e91e63}.workout-plan__pagination-btn:disabled{opacity:.35;cursor:not-allowed}.workout-plan__pagination-page{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.workout-plan__pagination-page:hover{color:#e91e63;background:#e91e630d;border-color:#e91e63}.workout-plan__pagination-page--active{color:#fff;background:#e91e63;border-color:#e91e63;box-shadow:0 4px 12px #e91e6359}@media (max-width:575px){.workout-plan__pagination-page{padding:.4rem .7rem;font-size:.8rem}}.workout-plan__page-title{align-items:center;margin-bottom:1.5rem;display:flex}.workout-plan__page-title span{color:#e91e63;background:#e91e6314;border:1px solid #e91e6333;border-radius:50px;padding:.4rem 1.2rem;font-size:.95rem;font-weight:700}.workout-plan__page-title:before,.workout-plan__page-title:after{content:"";background:#e91e6326;flex:1;height:1px;margin:0 1rem}.auto-save-indicator{color:#fff;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;animation:3s ease-in-out fadeInOut;display:flex;position:fixed;bottom:20px;right:20px}.auto-save-indicator .spinner{animation:1s linear infinite spin}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.workout-plan__pdf-section{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.workout-plan__pdf-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea4d}.workout-plan__pdf-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.workout-plan__pdf-btn--selected{text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);max-width:260px;overflow:hidden;box-shadow:0 4px 15px #11998e4d}.workout-plan__pdf-view-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.workout-plan__pdf-view-btn:hover{background:#fff3;transform:translateY(-1px)}.workout-plan__import-excel-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.workout-plan__import-excel-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.workout-plan__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.workout-plan__modal{background:var(--bg-secondary,#1e1e2e);border-radius:20px;width:90%;max-width:500px;animation:.3s modalSlideIn;box-shadow:0 20px 40px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.workout-plan__modal-header{border-bottom:1px solid var(--border-color,#2a2a3a);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.workout-plan__modal-header h3{color:var(--text-primary,#fff);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.workout-plan__modal-close{color:var(--text-secondary,#a0a0b0);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:all .2s}.workout-plan__modal-close:hover{background:var(--bg-hover,#2a2a3a);color:var(--text-primary,#fff)}.workout-plan__modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.workout-plan__import-info{color:#f59e0b;background:#f59e0b1a;border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:13px;display:flex}.workout-plan__template-btn{background:var(--bg-hover,#2a2a3a);border:1px dashed var(--border-color,#3a3a4a);color:var(--text-primary,#fff);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;transition:all .2s;display:flex}.workout-plan__template-btn:hover{background:var(--bg-active,#3a3a4a);border-color:#10b981}.workout-plan__file-input-wrapper .workout-plan__file-input{border:1px solid var(--border-color,#2a2a3a);background:var(--bg-input,#14141a);width:100%;color:var(--text-primary,#fff);cursor:pointer;border-radius:10px;padding:12px}.workout-plan__file-input-wrapper .workout-plan__file-input::file-selector-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;margin-right:12px;padding:6px 12px}.workout-plan__selected-file{background:#10b98120;border-radius:8px;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 12px;font-size:13px;display:flex}.workout-plan__selected-file button{color:#e91e63;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.workout-plan__checkbox{cursor:pointer;color:var(--text-secondary,#a0a0b0);align-items:center;gap:10px;font-size:13px;display:flex}.workout-plan__checkbox input{cursor:pointer;accent-color:#e91e63;width:18px;height:18px}.workout-plan__modal-buttons{gap:12px;margin-top:10px;display:flex}.workout-plan__modal-buttons button{cursor:pointer;border-radius:10px;flex:1;padding:12px;font-weight:500;transition:all .2s}.workout-plan__modal-cancel{background:var(--bg-hover,#2a2a3a);border:1px solid var(--border-color,#3a3a4a);color:var(--text-secondary,#a0a0b0)}.workout-plan__modal-cancel:hover{background:var(--bg-active,#3a3a4a);color:var(--text-primary,#fff)}.workout-plan__modal-import{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;justify-content:center;align-items:center;gap:8px;display:flex}.workout-plan__modal-import:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.workout-plan__modal-import:disabled{opacity:.6;cursor:not-allowed}.nutrition-plan{min-height:100vh;padding:1.5rem}@media (max-width:575px){.nutrition-plan{padding:1rem}}.nutrition-plan__header{margin-bottom:3rem}@media (max-width:575px){.nutrition-plan__header{margin-bottom:2rem}}.nutrition-plan__header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.nutrition-plan__header-top{flex-direction:column;align-items:flex-start;gap:1rem}}.nutrition-plan__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}@media (max-width:575px){.nutrition-plan__title{font-size:1.3rem}.nutrition-plan__title svg{width:20px;height:20px}}.nutrition-plan__week-info{color:#4caf50;background:#4caf501a;border:1px solid #4caf50;border-radius:50px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}@media (max-width:575px){.nutrition-plan__week-info{text-align:center;width:100%;padding:.5rem;font-size:.85rem}}.nutrition-plan__pdf-upload{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex}@media (max-width:575px){.nutrition-plan__pdf-upload{flex-direction:column;gap:1rem}}.nutrition-plan__pdf-upload input[type=file]{display:none}.nutrition-plan__pdf-btn{color:#4caf50;cursor:pointer;background:#4caf501a;border:1px solid #4caf50;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.nutrition-plan__pdf-btn:hover{color:#fff;background:#4caf50}@media (max-width:575px){.nutrition-plan__pdf-btn{justify-content:center;width:100%}}.nutrition-plan__pdf-info{color:var(--text-muted);flex:1;font-size:.85rem}@media (max-width:575px){.nutrition-plan__pdf-info{text-align:center}}.nutrition-plan__stats{background:var(--bg-hover);border-radius:12px;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;display:flex}@media (max-width:575px){.nutrition-plan__stats{gap:1rem;padding:1rem}}.nutrition-plan__stat{flex-direction:column;flex:1;align-items:center;min-width:calc(33.333% - 10px);display:flex}@media (max-width:575px){.nutrition-plan__stat{min-width:calc(50% - 8px)}}.nutrition-plan__stat-label{color:var(--text-muted);margin-bottom:4px;font-size:.8rem}@media (max-width:575px){.nutrition-plan__stat-label{font-size:.75rem}}.nutrition-plan__stat-value{color:var(--text-primary);font-size:1.2rem;font-weight:700}@media (max-width:575px){.nutrition-plan__stat-value{font-size:1.1rem}}.nutrition-plan__days{flex-direction:column;gap:1.5rem;display:flex}.nutrition-day{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;overflow:hidden}.nutrition-day:hover{box-shadow:var(--shadow-md)}.nutrition-day--today{border:2px solid #4caf50;box-shadow:0 0 20px #4caf5033}.nutrition-day__header{cursor:pointer;background:linear-gradient(135deg,#4caf500d 0%,#4caf5005 100%);padding:1.5rem;transition:all .3s}@media (max-width:575px){.nutrition-day__header{padding:1rem}}.nutrition-day__header-top{align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.nutrition-day__header-top{gap:1rem}}.nutrition-day__header-bottom{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.nutrition-day__chevron{color:#4caf50;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}@media (max-width:575px){.nutrition-day__chevron svg{width:18px;height:18px}}.nutrition-day__title-section{flex-direction:column;flex:1;gap:4px;display:flex}.nutrition-day__title-wrapper{align-items:center;gap:1rem;display:flex}@media (max-width:575px){.nutrition-day__title-wrapper{flex-wrap:wrap}}.nutrition-day__title{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}@media (max-width:575px){.nutrition-day__title{font-size:1.1rem}}.nutrition-day__date{color:var(--text-muted);font-size:.85rem;font-weight:500}@media (max-width:575px){.nutrition-day__date{font-size:.8rem}}.nutrition-day__today-badge{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#3d8b40 100%);border-radius:50px;padding:.3rem .8rem;font-size:.75rem;font-weight:700}@media (max-width:575px){.nutrition-day__today-badge{padding:.2rem .6rem;font-size:.7rem}}.nutrition-day__stats{gap:1rem;display:flex}@media (max-width:575px){.nutrition-day__stats{margin-right:auto}}.nutrition-day__stat{background:var(--bg-hover);border-radius:8px;flex-direction:column;align-items:center;padding:.4rem .8rem;display:flex}@media (max-width:575px){.nutrition-day__stat{padding:.3rem .6rem}}.nutrition-day__stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}@media (max-width:575px){.nutrition-day__stat-value{font-size:1rem}}.nutrition-day__stat-label{color:var(--text-muted);font-size:.7rem}.nutrition-day__calorie-icon{color:#ff6b6b;margin-bottom:2px}.nutrition-day__expand-btn{display:none}@media (max-width:575px){.nutrition-day__expand-btn{color:#4caf50;cursor:pointer;background:#4caf501a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.nutrition-day__expand-btn:hover{background:#4caf5033}}.nutrition-day__progress{background:var(--bg-hover);border-radius:50px;width:120px;height:32px;position:relative;overflow:hidden}@media (max-width:575px){.nutrition-day__progress{width:100px;height:28px}}.nutrition-day__progress-bar{background:linear-gradient(135deg,#4caf50 0%,#3d8b40 100%);transition:width .5s;position:absolute;top:0;bottom:0;left:0}.nutrition-day__progress-text{width:100%;height:100%;color:var(--text-primary);z-index:1;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:relative}@media (max-width:575px){.nutrition-day__progress-text{font-size:.8rem}}.nutrition-day__content{border-top:1px solid var(--border-color);background:var(--bg-hover);padding:1.5rem}@media (max-width:575px){.nutrition-day__content{padding:1rem}}.nutrition-day__meals{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.nutrition-day__empty{text-align:center;color:var(--text-muted);background:var(--bg-card);border:2px dashed var(--border-color);border-radius:12px;padding:3rem}@media (max-width:575px){.nutrition-day__empty{padding:2rem}}.nutrition-day__empty-icon{color:#4caf50;opacity:.3;margin-bottom:1rem}.nutrition-day__empty-text{margin-bottom:.5rem;font-size:1rem;font-weight:600}.nutrition-day__empty-sub{color:var(--text-secondary);font-size:.85rem}.nutrition-day__add-meal{border:2px dashed var(--border-color);color:#4caf50;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.7rem;font-weight:600;transition:all .3s;display:flex}.nutrition-day__add-meal:hover{background:#4caf500d;border-color:#4caf50}@media (max-width:575px){.nutrition-day__add-meal{padding:.6rem;font-size:.9rem}}.meal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s}@media (max-width:575px){.meal-card{padding:1.5rem}}.meal-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.meal-card__header{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media (max-width:575px){.meal-card__info{gap:1rem;width:100%}}.meal-card__type-wrapper{align-items:center;gap:.5rem;width:100%;display:flex}@media (max-width:575px){.meal-card__type{padding:.4rem .6rem;font-size:.95rem}}@media (max-width:575px){.meal-card__delete-btn{color:#fff;background:#f44336;border-color:#f44336;position:absolute;top:1rem;left:1rem}}@media (max-width:575px){.meal-card__upload-btn{padding:.6rem;font-size:.85rem}}@media (max-width:575px){.meal-card__add-item{padding:.5rem;font-size:.8rem}}.meal-image-preview{position:relative}@media (max-width:575px){.meal-image-preview__remove{width:28px;height:28px}.meal-image-preview__remove svg{width:14px;height:14px}}@media (max-width:575px){.nutrition-item{gap:.5rem;padding:.5rem}}.nutrition-item__left,.nutrition-item__right{flex-shrink:0}@media (max-width:575px){.nutrition-item__left,.nutrition-item__right{align-items:center;display:flex}}.nutrition-item__content{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}@media (max-width:575px){.nutrition-item__content{gap:4px}}.nutrition-item__check{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.nutrition-item__check:hover{color:#4caf50;transform:scale(1.1)}.nutrition-item__check--completed{color:#4caf50}@media (max-width:575px){.nutrition-item__check{width:28px;height:28px}.nutrition-item__check svg{width:16px;height:16px}}@media (max-width:575px){.nutrition-item__name{padding:.4rem;font-size:.85rem}}.nutrition-item__macros{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media (max-width:575px){.nutrition-item__macros{grid-template-columns:repeat(2,1fr)}}.nutrition-item__macro{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:4px;padding:.4rem .5rem;display:flex}@media (max-width:575px){.nutrition-item__macro{gap:2px;padding:.3rem .4rem}}@media (max-width:575px){.nutrition-item__macro-icon{width:14px;height:14px}}.nutrition-item__macro input{width:40px;color:var(--text-primary);text-align:center;background:0 0;border:none;font-size:.85rem;font-weight:600}.nutrition-item__macro input:focus{outline:none}@media (max-width:575px){.nutrition-item__macro input{width:30px;font-size:.8rem}}.nutrition-item__macro-label{color:var(--text-muted);white-space:nowrap;font-size:.7rem;font-weight:600}@media (max-width:575px){.nutrition-item__macro-label{font-size:.65rem}}@media (max-width:575px){.nutrition-item__delete{width:26px;height:26px}.nutrition-item__delete svg{width:12px;height:12px}}@media (hover:none) and (pointer:coarse){.nutrition-item__check,.nutrition-item__delete,.meal-card__delete-btn,.nutrition-day__add-meal,.meal-card__add-item{min-width:44px;min-height:44px}input,textarea,button{font-size:16px!important}.nutrition-item__macro input,.meal-card__time{padding:8px!important}}.nutrition-plan__save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4caf50 0%,#3d8b40 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #4caf504d}.nutrition-plan__save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #4caf5080}.nutrition-plan__save-btn:disabled{opacity:.6;cursor:not-allowed}.nutrition-plan__save-btn .spinner{animation:1s linear infinite spin}@media (max-width:575px){.nutrition-plan__save-btn{justify-content:center;width:100%;padding:.7rem 1.2rem;font-size:.95rem}}.exercise-media-preview{border-radius:8px;width:100%;position:relative;overflow:hidden}.exercise-media-preview__youtube{background:var(--bg-hover);border-radius:8px;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.exercise-media-preview__youtube iframe{border:none;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.exercise-media-preview__youtube-thumbnail{object-fit:cover;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.exercise-media-preview__youtube-play{cursor:pointer;background:#ff0000e6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.exercise-media-preview__youtube-play:before{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:20px solid #fff;width:0;height:0;margin-left:4px}.exercise-media-preview__youtube-play:hover{background:red;transform:translate(-50%,-50%)scale(1.1)}@media (max-width:575px){.exercise-media-preview__youtube-play{width:50px;height:50px}.exercise-media-preview__youtube-play:before{border-top-width:10px;border-bottom-width:10px;border-left-width:16px}}.exercise-media-preview__video{width:100%;position:relative}.exercise-media-preview__video video{object-fit:cover;background:#000;border-radius:8px;width:100%;max-height:200px}@media (max-width:575px){.exercise-media-preview__video video{max-height:180px}}.exercise-media-preview__image{width:100%;position:relative}.exercise-media-preview__image img{object-fit:cover;border-radius:8px;width:100%;max-height:200px}@media (max-width:575px){.exercise-media-preview__image img{max-height:180px}}.exercise-media-preview__remove{color:#fff;cursor:pointer;z-index:10;background:#f44336;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.exercise-media-preview__remove:hover{background:#ea1c0d;transform:scale(1.1)}@media (max-width:575px){.exercise-media-preview__remove{width:28px;height:28px;top:6px;right:6px}.exercise-media-preview__remove svg{width:14px;height:14px}}.exercise-item__media-section{width:100%;margin-top:1rem}.exercise-item__media-section .exercise-media-preview+.exercise-media-preview{margin-top:1rem}.exercise-item__media-buttons{flex-wrap:wrap;gap:1rem;display:flex}@media (max-width:575px){.exercise-item__media-buttons{flex-direction:column}}.exercise-item__upload-btn,.exercise-item__youtube-btn{border:2px dashed var(--border-color);min-width:140px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.exercise-item__upload-btn:hover,.exercise-item__youtube-btn:hover{color:#e91e63;background:#e91e630d;border-color:#e91e63}@media (max-width:575px){.exercise-item__upload-btn,.exercise-item__youtube-btn{width:100%;padding:.7rem;font-size:.9rem}}.exercise-item__youtube-input{align-items:center;gap:1rem;margin-top:1rem;display:flex}@media (max-width:575px){.exercise-item__youtube-input{flex-direction:column}}.exercise-item__youtube-input input{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);text-align:left;direction:ltr;border-radius:8px;flex:1;padding:.6rem .8rem;font-size:.9rem}.exercise-item__youtube-input input:focus{border-color:#e91e63;outline:none}.exercise-item__youtube-input input::placeholder{color:var(--text-muted);font-size:.8rem}@media (max-width:575px){.exercise-item__youtube-input input{width:100%;padding:.7rem}}.exercise-item__youtube-input button{color:#fff;cursor:pointer;white-space:nowrap;background:#e91e63;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1rem;font-weight:600;transition:all .2s;display:flex}.exercise-item__youtube-input button:hover{background:#c1134e}@media (max-width:575px){.exercise-item__youtube-input button{width:100%;padding:.7rem}}.youtube-link-preview{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.youtube-link-preview__icon{color:red;flex-shrink:0}.youtube-link-preview__text{color:var(--text-primary);word-break:break-all;text-align:left;-webkit-line-clamp:1;direction:ltr;-webkit-box-orient:vertical;flex:1;font-size:.85rem;display:-webkit-box;overflow:hidden}.youtube-link-preview__actions{gap:.5rem;display:flex}.nutrition-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.nutrition-item:hover{border-color:#4caf50}@media (max-width:575px){.nutrition-item{flex-direction:column;gap:.5rem;padding:1rem}}.nutrition-item__left{flex-shrink:0}@media (max-width:575px){.nutrition-item__left{justify-content:space-between;align-items:center;width:100%;display:flex}}.nutrition-item__right{flex-shrink:0}@media (max-width:575px){.nutrition-item__right{justify-content:flex-end;width:100%;display:flex}}.nutrition-item__content{flex-direction:column;flex:1;gap:1rem;width:100%;min-width:0;display:flex}.nutrition-item__check{border:2px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.nutrition-item__check:hover{color:#4caf50;border-color:#4caf50}.nutrition-item__check--completed{color:#4caf50;background:#4caf501a;border-color:#4caf50}@media (max-width:575px){.nutrition-item__check{width:32px;height:32px}}.nutrition-item__name{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.6rem .8rem;font-size:.95rem;font-weight:600;transition:all .2s}.nutrition-item__name:focus{border-color:#4caf50;outline:none}@media (max-width:575px){.nutrition-item__name{padding:.5rem .7rem;font-size:.9rem}}.nutrition-item__macros{grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;display:grid}@media (max-width:575px){.nutrition-item__macros{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width:360px){.nutrition-item__macros{grid-template-columns:repeat(2,1fr)}}.nutrition-item__macro{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:.5rem;transition:all .2s;display:flex}.nutrition-item__macro:hover{border-color:#4caf50}@media (max-width:575px){.nutrition-item__macro{padding:.4rem}}.nutrition-item__macro-icon{color:#4caf50;opacity:.8;justify-content:center;align-items:center;width:20px;height:20px;display:flex}@media (max-width:575px){.nutrition-item__macro-icon{width:18px;height:18px}}.nutrition-item__macro-icon svg{width:100%;height:100%}.nutrition-item__macro-input{background:var(--bg-card);width:100%;max-width:60px;color:var(--text-primary);text-align:center;border:1px solid #0000;border-radius:4px;padding:.3rem .4rem;font-size:.9rem;font-weight:700;transition:all .2s}.nutrition-item__macro-input:focus{background:var(--bg-card);border-color:#4caf50;outline:none}.nutrition-item__macro-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.nutrition-item__macro-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nutrition-item__macro-input[type=number]{-moz-appearance:textfield}@media (max-width:575px){.nutrition-item__macro-input{max-width:50px;padding:.25rem .3rem;font-size:.85rem}}.nutrition-item__macro-label{color:var(--text-muted);text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:600}@media (max-width:575px){.nutrition-item__macro-label{font-size:.65rem}}.nutrition-item__macro--calories .nutrition-item__macro-icon{color:#ff6b6b}.nutrition-item__macro--calories:hover{border-color:#ff6b6b}.nutrition-item__macro--protein .nutrition-item__macro-icon{color:#4ecdc4}.nutrition-item__macro--protein:hover{border-color:#4ecdc4}.nutrition-item__macro--carbs .nutrition-item__macro-icon{color:#ffe66d}.nutrition-item__macro--carbs:hover{border-color:#ffe66d}.nutrition-item__macro--fat .nutrition-item__macro-icon{color:#ff9f43}.nutrition-item__macro--fat:hover{border-color:#ff9f43}.nutrition-item__delete{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.nutrition-item__delete:hover{color:#fff;background:#f44336;border-color:#f44336}@media (max-width:575px){.nutrition-item__delete{width:28px;height:28px}}.meal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .2s;position:relative}.meal-card:hover{box-shadow:var(--shadow-sm);border-color:#4caf50}@media (max-width:575px){.meal-card{padding:1.5rem}}.meal-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.meal-card__header{flex-direction:column;gap:1.5rem}}.meal-card__info{flex-direction:column;flex:1;gap:.5rem;display:flex}@media (max-width:575px){.meal-card__info{width:100%}}.meal-card__type-wrapper{align-items:center;gap:.5rem;display:flex}.meal-card__type{color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:.5rem .7rem;font-size:1.1rem;font-weight:700;transition:all .2s}.meal-card__type:hover{background:var(--bg-hover);border-color:var(--border-color)}.meal-card__type:focus{background:var(--bg-hover);border-color:#4caf50;outline:none}@media (max-width:575px){.meal-card__type{font-size:1rem}}.meal-card__time-wrapper{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.meal-card__time-wrapper svg{width:16px;height:16px}.meal-card__time{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:.3rem .5rem;font-size:.85rem;transition:all .2s}.meal-card__time:hover{background:var(--bg-hover);border-color:var(--border-color)}.meal-card__time:focus{background:var(--bg-hover);border-color:#4caf50;outline:none}.meal-card__delete-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.meal-card__delete-btn:hover{color:#fff;background:#f44336;border-color:#f44336}@media (max-width:575px){.meal-card__delete-btn{position:absolute;top:1rem;left:1rem}}.meal-card__image-section{margin-bottom:1.5rem;position:relative}@media (max-width:575px){.meal-card__image-section{margin-bottom:1rem}}.meal-card__upload-btn{border:2px dashed var(--border-color);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.meal-card__upload-btn:hover{color:#4caf50;background:#4caf500d;border-color:#4caf50}@media (max-width:575px){.meal-card__upload-btn{padding:.7rem;font-size:.85rem}}.meal-card__items{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.meal-card__items{gap:.5rem}}.meal-card__add-item{border:1px dashed var(--border-color);color:#4caf50;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.meal-card__add-item:hover{background:#4caf500d;border-color:#4caf50}@media (max-width:575px){.meal-card__add-item{padding:.5rem;font-size:.8rem}}.meal-image-preview{border-radius:8px;position:relative;overflow:hidden}.meal-image-preview img{object-fit:cover;border-radius:8px;width:100%;max-height:200px}@media (max-width:575px){.meal-image-preview img{max-height:160px}}.meal-image-preview__remove{color:#fff;cursor:pointer;background:#f44336;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.meal-image-preview__remove:hover{background:#ea1c0d;transform:scale(1.1)}@media (max-width:575px){.meal-image-preview__remove{width:28px;height:28px}}@media (hover:none) and (pointer:coarse){.nutrition-item__check,.nutrition-item__delete,.meal-card__delete-btn,.meal-card__add-item,.meal-card__upload-btn{min-width:44px;min-height:44px}input,textarea,button{font-size:16px!important}.nutrition-item__macro-input{min-height:36px;padding:8px!important}}.progress-tracker{padding:1.5rem}@media (max-width:575px){.progress-tracker{padding:0}}.progress-tracker__header{margin-bottom:3rem}@media (max-width:575px){.progress-tracker__header{margin-bottom:2rem}}.progress-tracker__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}@media (max-width:575px){.progress-tracker__title{font-size:1.3rem}.progress-tracker__title svg{width:20px;height:20px}}.weekly-overview-card{border:1px solid var(--border-color);background:linear-gradient(135deg,#e91e631a 0%,#c2185b0d 100%);border-radius:16px;margin-bottom:3rem;padding:3rem}@media (max-width:575px){.weekly-overview-card{margin-bottom:2rem;padding:2rem}}.weekly-overview-card__title{color:var(--text-primary);margin-bottom:2rem;font-size:1.3rem;font-weight:700}@media (max-width:575px){.weekly-overview-card__title{margin-bottom:1.5rem;font-size:1.1rem}}.weekly-overview-card__progress{margin-bottom:3rem}@media (max-width:575px){.weekly-overview-card__progress{margin-bottom:2rem}}.weekly-overview-card__progress-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.weekly-overview-card__percentage{color:#e91e63;font-size:1.5rem;font-weight:700}@media (max-width:575px){.weekly-overview-card__percentage{font-size:1.3rem}}.weekly-overview-card__progress-bar{background:var(--bg-hover);border-radius:50px;width:100%;height:24px;position:relative;overflow:hidden}@media (max-width:575px){.weekly-overview-card__progress-bar{height:20px}}.weekly-overview-card__progress-fill{background:linear-gradient(90deg,#e91e63 0%,#c2185b 100%);border-radius:50px;transition:width 1s;position:absolute;top:0;bottom:0;left:0}.weekly-overview-card__stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:575px){.weekly-overview-card__stats{grid-template-columns:1fr;gap:1rem}}.weekly-stat{background:var(--bg-card);border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}@media (max-width:575px){.weekly-stat{gap:1rem;padding:1rem}}.weekly-stat__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}@media (max-width:575px){.weekly-stat__icon{width:48px;height:48px}.weekly-stat__icon svg{width:20px;height:20px}}.weekly-stat__icon--workout{color:#e91e63;background:#e91e631a}.weekly-stat__icon--nutrition{color:#4caf50;background:#4caf501a}.weekly-stat__icon--calories{color:#ff9800;background:#ff98001a}.weekly-stat__content{flex-direction:column;display:flex}.weekly-stat__value{color:var(--text-primary);margin-bottom:4px;font-size:1.5rem;font-weight:700;line-height:1}@media (max-width:575px){.weekly-stat__value{font-size:1.3rem}}.weekly-stat__label{color:var(--text-muted);font-size:.85rem;font-weight:600}@media (max-width:575px){.weekly-stat__label{font-size:.8rem}}.daily-progress-section{margin-bottom:3rem}@media (max-width:575px){.daily-progress-section{margin-bottom:2rem}}.daily-progress-section__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.2rem;font-weight:700;display:flex}@media (max-width:575px){.daily-progress-section__title{margin-bottom:1.5rem;font-size:1.1rem}}.daily-progress-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;display:grid}@media (max-width:575px){.daily-progress-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.daily-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:1.5rem;transition:all .3s}.daily-card:hover{box-shadow:var(--shadow-lg);border-color:#e91e63;transform:translateY(-5px)}@media (max-width:575px){.daily-card{padding:1rem}}.daily-card__header{flex-direction:column;gap:4px;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.daily-card__header{margin-bottom:1rem}}.daily-card__day{color:var(--text-primary);font-size:1rem;font-weight:700}@media (max-width:575px){.daily-card__day{font-size:.9rem}}.daily-card__date{color:var(--text-muted);font-size:.75rem}@media (max-width:575px){.daily-card__date{font-size:.7rem}}.daily-card__progress-ring{width:100px;height:100px;margin:0 auto 1.5rem;position:relative}@media (max-width:575px){.daily-card__progress-ring{width:80px;height:80px;margin-bottom:1rem}}.daily-card__progress-ring svg{width:100%;height:100%;transform:rotate(0)}.daily-card__progress-text{color:var(--text-primary);justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex;position:absolute;inset:0}@media (max-width:575px){.daily-card__progress-text{font-size:1.1rem}}.daily-card__details{flex-direction:column;gap:.5rem;display:flex}.daily-card__detail{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}@media (max-width:575px){.daily-card__detail{font-size:.75rem}}.daily-card__detail svg{width:14px;height:14px}@media (max-width:575px){.daily-card__detail svg{width:12px;height:12px}}.achievements-section__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.3rem;font-weight:700;display:flex}@media (max-width:575px){.achievements-section__title{margin-bottom:1.5rem;font-size:1.1rem}}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}@media (max-width:575px){.achievements-grid{grid-template-columns:1fr;gap:1rem}}.achievement-card{background:var(--bg-card);border:2px solid var(--achievement-color);text-align:center;border-radius:16px;padding:2rem;transition:all .3s}.achievement-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 8px 30px #e91e634d}@media (max-width:575px){.achievement-card{padding:1.5rem}}.achievement-card__icon{margin-bottom:1rem;font-size:3rem}@media (max-width:575px){.achievement-card__icon{font-size:2.5rem}}.achievement-card__title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}@media (max-width:575px){.achievement-card__title{font-size:1rem}}.achievement-card__description{color:var(--text-secondary);margin:0;font-size:.85rem}@media (max-width:575px){.achievement-card__description{font-size:.8rem}}.progress-tracker__loading,.progress-tracker__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:6rem;display:flex}.progress-tracker__loading .spinner,.progress-tracker__error .spinner{color:#e91e63;animation:1s linear infinite spin}.progress-details{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem;display:grid}@media (max-width:575px){.progress-details{grid-template-columns:1fr}}.progress-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.progress-card__header{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.progress-card__header h3{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}.progress-card__header svg{color:#e91e63}.progress-card__content{flex-direction:column;align-items:center;gap:2rem;display:flex}.progress-card__stats{justify-content:center;gap:3rem;width:100%;display:flex}.progress-ring{width:150px;height:150px;position:relative}.progress-ring svg{width:100%;height:100%}.progress-ring__text{color:var(--text-primary);justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex;position:absolute;inset:0}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-item__label{color:var(--text-muted);margin-bottom:4px;font-size:.85rem}.stat-item__value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.client-details{background:var(--bg-primary);min-height:100vh;padding:2rem}@media (max-width:575px){.client-details{padding:1.5rem}}.client-details__header{margin-bottom:2rem}.client-details__back-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:600;transition:all .3s;display:flex}.client-details__back-btn:hover{background:var(--bg-hover);color:#e91e63;border-color:#e91e63;transform:translate(5px)}@media (max-width:575px){.client-details__back-btn{padding:.6rem 1rem;font-size:.9rem}}.client-details__tabs{border-bottom:2px solid var(--border-color);gap:1rem;margin-bottom:3rem;display:flex;overflow-x:auto}.client-details__tabs::-webkit-scrollbar{width:6px;height:6px}.client-details__tabs::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.client-details__tabs::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.client-details__tabs::-webkit-scrollbar-thumb:hover{background:#f06292}@media (max-width:575px){.client-details__tabs{border-bottom:none;flex-direction:column;gap:.5rem}}.client-details__tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative}.client-details__tab:after{content:"";background:#e91e63;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.client-details__tab:hover{color:#e91e63;background:#e91e630d}.client-details__tab--active{color:#e91e63}.client-details__tab--active:after{transform:scaleX(1)}@media (max-width:575px){.client-details__tab{border:1px solid var(--border-color);border-radius:8px;justify-content:center;padding:1rem 1.5rem}.client-details__tab:after{display:none}.client-details__tab--active{background:#e91e631a;border-color:#e91e63}}.client-details__content{min-height:400px}.client-details__title-section{margin-bottom:3rem}.client-details__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (max-width:575px){.client-details__title{font-size:1.5rem}}.client-details__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.client-details__add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #e91e634d}.client-details__add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #e91e6380}@media (max-width:575px){.client-details__add-btn{justify-content:center;width:100%}}.client-details__stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}@media (min-width:576px) and (max-width:767px){.client-details__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.client-details__stats{grid-template-columns:1fr}}.client-details__filters{flex-wrap:wrap;gap:1.5rem;width:100%;margin-bottom:3rem;display:flex}@media (max-width:575px){.client-details__filters{flex-direction:column}}.client-details__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:minmax(300px,auto);gap:1.5rem;display:grid}@media (max-width:575px){.client-details__grid{grid-template-columns:1fr;grid-auto-rows:auto}}.client-details__empty{text-align:center;color:var(--text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:6rem;display:flex}.client-details__empty svg{color:#e91e63;opacity:.5}.client-details__empty h3{color:var(--text-secondary);margin:0;font-size:1.5rem}.client-details__empty p{margin:0;font-size:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;align-items:center;gap:1.5rem;padding:2rem 3rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.stat-card:after{content:"";opacity:0;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:16px 16px;width:150%;height:200%;transition:opacity .4s;position:absolute;top:-50%;right:-10%;transform:rotate(-12deg)}.stat-card:hover{border-color:#e91e6366;transform:translateY(-6px)scale(1.02);box-shadow:0 12px 40px #00000026,0 0 0 1px #e91e631a}.stat-card:hover:before{left:100%}.stat-card:hover:after{opacity:1}.stat-card:hover .stat-card__icon{transform:scale(1.1)rotate(-8deg);box-shadow:0 8px 25px #0003}.stat-card:hover .stat-card__value{text-shadow:0 2px 8px #0000001a;transform:scale(1.08)}.stat-card:hover .stat-card__label{transform:translate(-2px)}.stat-card:active{transform:translateY(-4px)scale(1.01)}.stat-card__icon{z-index:1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 4px 20px #0000001f,inset 0 1px #fff3}.stat-card__icon:before{content:"";-webkit-mask-composite:xor;opacity:.6;background:linear-gradient(135deg,#fff6,#0000 60%);border-radius:16px;padding:3px;transition:opacity .3s;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stat-card__icon:after{content:"";opacity:.8;background:radial-gradient(circle at 30% 30%,#ffffff26,#0000 70%);border-radius:10px;position:absolute;inset:4px}.stat-card__icon--primary{color:#e91e63;background:linear-gradient(135deg,#e91e6333 0%,#e91e6314 100%)}.stat-card__icon--primary:before{background:linear-gradient(135deg,#e91e63 0%,#0000 70%)}.stat-card__icon--success{color:#4caf50;background:linear-gradient(135deg,#4caf5033 0%,#4caf5014 100%)}.stat-card__icon--success:before{background:linear-gradient(135deg,#4caf50 0%,#0000 70%)}.stat-card__icon--danger{color:#f44336;background:linear-gradient(135deg,#f4433633 0%,#f4433614 100%)}.stat-card__icon--danger:before{background:linear-gradient(135deg,#f44336 0%,#0000 70%)}.stat-card__icon--warning{color:#ff9800;background:linear-gradient(135deg,#ff980033 0%,#ff980014 100%)}.stat-card__icon--warning:before{background:linear-gradient(135deg,#ff9800 0%,#0000 70%)}.stat-card__icon svg{z-index:1;filter:drop-shadow(0 2px 4px #0000001a);position:relative}.stat-card__content{z-index:1;flex-direction:column;flex:1;gap:6px;display:flex;position:relative}.stat-card__label{color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase;font-size:.88rem;font-weight:600;line-height:1.3;transition:all .3s}.stat-card__value{background:linear-gradient(135deg,var(--text-primary)0%,var(--text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1.1;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.stat-card__value:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:3s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.search-box{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:1rem;padding:0 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.search-box:before{content:"";transform-origin:0;background:linear-gradient(90deg,#e91e63 0%,#e91e6380 50%,#e91e63 100%);width:100%;height:2px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.search-box:focus-within{border-color:#e91e63;transform:translateY(-2px);box-shadow:0 0 0 4px #e91e631a,0 8px 24px #e91e6326}.search-box:focus-within:before{transform:scaleX(1)}.search-box:focus-within svg{color:#e91e63;transform:scale(1.1)rotate(-8deg)}.search-box:hover{border-color:#e91e634d;box-shadow:0 4px 12px #00000014}.search-box svg{color:var(--text-muted);flex-shrink:0;transition:all .3s}.search-box input{color:var(--text-primary);background:0 0;border:none;flex:1;padding:1rem 0;font-size:1rem;font-weight:500}.search-box input:focus{outline:none}.search-box input::placeholder{color:var(--text-muted);font-weight:400}.filter-box{background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;border-radius:12px;flex:0 auto;justify-content:center;align-items:center;gap:1rem;min-width:220px;padding:0 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.filter-box:before{content:"";background:linear-gradient(90deg,#0000 0%,#e91e630d 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.filter-box:hover{border-color:#e91e634d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.filter-box:hover:before{left:100%}.filter-box:hover svg{color:#e91e63;transform:rotate(180deg)}@media (max-width:575px){.filter-box{flex:1;min-width:auto}}.filter-box svg{color:var(--text-muted);flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.filter-box select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex:1;padding:1rem 0;font-size:1rem;font-weight:500}.filter-box select:focus{outline:none}.client-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:3rem;padding:3rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.client-info-card:before{content:"";opacity:0;background:radial-gradient(circle,#e91e6308 0%,#0000 70%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.client-info-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.client-info-card:hover:before{opacity:1}@media (max-width:575px){.client-info-card{margin-bottom:2rem;padding:1.5rem}}.client-info-card__main{border-bottom:1px solid var(--border-color);z-index:1;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:3rem;display:flex;position:relative}@media (max-width:575px){.client-info-card__main{text-align:center;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}}.client-info-card__avatar{border:4px solid #e91e63;border-radius:50%;flex-shrink:0;width:120px;height:120px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 12px 40px #e91e6366,0 0 0 8px #e91e631a}.client-info-card__avatar:hover{transform:scale(1.05)rotate(5deg);box-shadow:0 16px 50px #e91e6380,0 0 0 12px #e91e6326}.client-info-card__avatar:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(45deg,#e91e63,#0000 50%,#e91e63);border-radius:50%;padding:2px;animation:3s linear infinite rotate-border;position:absolute;inset:-6px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (max-width:575px){.client-info-card__avatar{border-width:3px;width:100px;height:100px}}.client-info-card__avatar img{object-fit:cover;width:100%;height:100%}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.client-info-card__avatar-placeholder{color:#fff;text-shadow:0 4px 12px #0003;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;display:flex}@media (max-width:575px){.client-info-card__avatar-placeholder{font-size:2.5rem}}.client-info-card__details{z-index:1;flex:1;position:relative}.client-info-card__name{color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary)0%,var(--text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:2rem;font-weight:700}@media (max-width:575px){.client-info-card__name{margin-bottom:1rem;font-size:1.5rem}}.client-info-card__meta{gap:2rem;display:flex}@media (max-width:575px){.client-info-card__meta{flex-direction:column;gap:1rem}}.client-info-card__meta-item{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;transition:all .3s;display:flex}.client-info-card__meta-item:hover{color:#e91e63;transform:translate(-4px)}.client-info-card__meta-item:hover svg{transform:scale(1.2)}.client-info-card__meta-item svg{color:#e91e63;transition:transform .3s}@media (max-width:575px){.client-info-card__meta-item{font-size:.85rem}}.client-info-card__status{white-space:nowrap;border-radius:50px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.client-info-card__status:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.client-info-card__status:hover:before{width:200%;height:200%}@media (max-width:575px){.client-info-card__status{padding:.5rem 1rem;font-size:.85rem}}.client-info-card__status--active{color:#4caf50;background:#4caf501a;border:2px solid #4caf50;box-shadow:0 4px 12px #4caf5033}.client-info-card__status--expired{color:#f44336;background:#f443361a;border:2px solid #f44336;box-shadow:0 4px 12px #f4433633}.client-info-card__status--pending{color:#ff9800;background:#ff98001a;border:2px solid #ff9800;box-shadow:0 4px 12px #ff980033}.client-info-card__stats{z-index:1;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid;position:relative}@media (min-width:576px) and (max-width:767px){.client-info-card__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.client-info-card__stats{grid-template-columns:1fr;gap:1rem}}.info-stat{background:var(--bg-hover);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.info-stat:before{content:"";background:linear-gradient(90deg,#0000 0%,#e91e630d 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.info-stat:hover{background:var(--bg-card);border-color:#e91e63;transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.info-stat:hover:before{left:100%}.info-stat:hover .info-stat__icon{transform:scale(1.1)rotate(-12deg);box-shadow:0 6px 20px #e91e634d}.info-stat:hover .info-stat__value{color:#e91e63;transform:scale(1.05)}@media (max-width:575px){.info-stat{gap:1rem;padding:1rem}}.info-stat__icon{color:#e91e63;background:#e91e631f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 4px 12px #e91e6326}.info-stat__icon:after{content:"";background:radial-gradient(circle at 30% 30%,#fff3,#0000);border-radius:8px;position:absolute;inset:3px}@media (max-width:575px){.info-stat__icon{width:40px;height:40px}.info-stat__icon svg{width:18px;height:18px}}.info-stat__icon svg{z-index:1;position:relative}.info-stat__content{flex-direction:column;gap:4px;display:flex}.info-stat__label{color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase;font-size:.8rem;font-weight:600}@media (max-width:575px){.info-stat__label{font-size:.75rem}}.info-stat__value{color:var(--text-primary);font-size:1.1rem;font-weight:700;transition:all .3s}@media (max-width:575px){.info-stat__value{font-size:1rem}}.chat-list{padding:2rem}@media (max-width:575px){.chat-list{padding:1rem}}.chat-list--loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.chat-list__loader{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.chat-list__loader .spinner{animation:1s linear infinite spin}.chat-list__loader p{font-size:1rem}.chat-list__header{margin-bottom:3rem}.chat-list__header-content{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.chat-list__header-content{flex-direction:column;align-items:flex-start}}.chat-list__title-section{flex:1}.chat-list__title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (max-width:575px){.chat-list__title{font-size:1.5rem}}.chat-list__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.chat-list__refresh-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.9rem;transition:all .3s;display:flex}.chat-list__refresh-btn:hover:not(:disabled){color:#e91e63;border-color:#e91e63}.chat-list__refresh-btn:disabled{opacity:.6;cursor:not-allowed}.chat-list__refresh-btn .spinning{animation:1s linear infinite spin}.chat-list__stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}@media (min-width:576px) and (max-width:767px){.chat-list__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.chat-list__stats{grid-template-columns:1fr}}.chat-list__filters{gap:1.5rem;margin-bottom:3rem;display:flex}@media (max-width:575px){.chat-list__filters{flex-direction:column}}.chat-list__error{background:#f443361a;border:1px solid #f443364d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex}.chat-list__error p{color:#f44336;margin:0}.chat-list__error button{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:8px;padding:1rem 1.5rem;transition:all .3s}.chat-list__error button:hover{opacity:.9}.chat-list__container{height:calc(100vh - 350px);overflow:hidden}@media (min-width:576px) and (max-width:767px){.chat-list__container{height:calc(100vh - 400px)}}@media (max-width:575px){.chat-list__container{height:calc(100vh - 450px)}}.chat-list__content{flex-direction:column;gap:1rem;height:100%;display:flex;overflow-y:auto}.chat-list__content::-webkit-scrollbar{width:6px;height:6px}.chat-list__content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.chat-list__content::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.chat-list__content::-webkit-scrollbar-thumb:hover{background:#f06292}.chat-list__content{padding-right:1rem}.chat-list__empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:6rem;display:flex}.chat-list__empty svg{color:#e91e63;opacity:.5}.chat-list__empty h3{color:var(--text-secondary);margin:0;font-size:1.5rem}.chat-list__empty p{margin:0;font-size:1rem}.chat-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:1.5rem;padding:2rem;transition:all .3s;display:flex}.chat-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.chat-stat-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.chat-stat-card__icon--primary{color:#e91e63;background:#e91e631a}.chat-stat-card__icon--warning{color:#ff9800;background:#ff98001a}.chat-stat-card__icon--success{color:#4caf50;background:#4caf501a}.chat-stat-card__icon--info{color:#2196f3;background:#2196f31a}.chat-stat-card__icon--danger{color:#f44336;background:#f443361a}.chat-stat-card__content{flex-direction:column;display:flex}.chat-stat-card__label{color:var(--text-muted);margin-bottom:4px;font-size:.85rem}.chat-stat-card__value{color:var(--text-primary);font-size:1.8rem;font-weight:700}.chat-search-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:1rem;padding:0 1.5rem;transition:all .3s;display:flex}.chat-search-box:focus-within{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.chat-search-box svg{color:var(--text-muted);flex-shrink:0}.chat-search-box input{color:var(--text-primary);background:0 0;border:none;flex:1;padding:.8rem 0;font-size:1rem}.chat-search-box input:focus{outline:none}.chat-search-box input::placeholder{color:var(--text-muted)}.chat-filter-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;gap:1rem;min-width:200px;padding:0 1.5rem;display:flex}@media (max-width:575px){.chat-filter-box{min-width:auto}}.chat-filter-box svg{color:var(--text-muted);flex-shrink:0}.chat-filter-box select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex:1;padding:.8rem 0;font-size:1rem}.chat-filter-box select:focus{outline:none}.chat-item{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex;position:relative}.chat-item--unread{background:#e91e6305;border-right:3px solid #e91e63}.chat-item:hover{background:var(--bg-hover);border-color:#e91e63;transform:translate(5px)}.chat-item:hover .chat-item__chevron{color:#e91e63;transform:translate(3px)}.chat-item:hover .chat-item__delete-btn{opacity:1}.chat-item__left{flex:1;align-items:center;gap:1.5rem;min-width:0;display:flex}.chat-item__right{flex-shrink:0;align-items:center;gap:2rem;display:flex}.chat-item__avatar{border:2px solid #e91e63;border-radius:50%;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.chat-item__avatar img{object-fit:cover;width:100%;height:100%}.chat-item__avatar-placeholder{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;display:flex}.chat-item__online-dot{border:2px solid var(--bg-card);background:#4caf50;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.chat-item__info{flex-direction:column;gap:4px;min-width:0;display:flex}.chat-item__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:700;overflow:hidden}.chat-item__goal{color:var(--text-muted);background:#e91e631a;border-radius:50px;width:fit-content;padding:.2rem .6rem;font-size:.8rem}.chat-item__message-preview{flex-direction:column;gap:4px;max-width:300px;display:flex}@media (max-width:575px){.chat-item__message-preview{display:none}}.chat-item__last-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;overflow:hidden}.chat-item__meta{align-items:center;gap:1rem;display:flex}.chat-item__time{color:var(--text-muted);white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:.75rem;display:flex}.chat-item__status-section{align-items:center;gap:1rem;display:flex}.chat-item__status{color:#fff;white-space:nowrap;border-radius:50px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.chat-item__unread-badge{color:#fff;background:#e91e63;border-radius:50px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:flex}.chat-item__delete-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.chat-item__delete-btn:hover{color:#f44336;background:#f443361a;border-color:#f44336}.chat-item__chevron{color:var(--text-muted);transition:all .3s}@media (max-width:575px){.chat-item{padding:1rem}.chat-item__right{gap:1rem}.chat-item__status{padding:.15rem .4rem;font-size:.65rem}.chat-item__delete-btn{opacity:1;width:28px;height:28px}}@media (min-width:576px) and (max-width:767px){.chat-item__message-preview{max-width:200px}}.chat-room{background:var(--bg-card);height:calc(100vh - 80px);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (max-width:575px){.chat-room{border-radius:0;height:100vh;margin:0}}@media (min-width:576px) and (max-width:767px){.chat-room{height:calc(100vh - 120px);margin:1.5rem}}.chat-room--fullscreen{z-index:1000;position:fixed;inset:0;border-radius:0!important;height:100vh!important;margin:0!important}.chat-room--loading,.chat-room--error{justify-content:center;align-items:center;display:flex}.chat-room__loader,.chat-room__error-content{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.chat-room__loader .spinner,.chat-room__error-content .spinner{animation:1s linear infinite spin}.chat-room__loader p,.chat-room__error-content p{margin:0;font-size:1rem}.chat-room__loader button,.chat-room__error-content button{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:12px;margin-top:1rem;padding:1rem 2rem;transition:all .3s}.chat-room__loader button:hover,.chat-room__error-content button:hover{opacity:.9}.chat-room__loader button:last-child,.chat-room__error-content button:last-child{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.chat-room__header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#e91e631a 0%,#c2185b0d 100%);flex-shrink:0;justify-content:space-between;align-items:center;min-height:72px;padding:1.5rem 2rem;display:flex}@media (max-width:575px){.chat-room__header{min-height:64px;padding:1rem}}.chat-room__header-main{flex:1;align-items:center;gap:1.5rem;min-width:0;display:flex}@media (max-width:575px){.chat-room__header-main{gap:1rem}}.chat-room__back-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.chat-room__back-btn:hover{background:var(--bg-hover);color:#e91e63;border-color:#e91e63}@media (max-width:575px){.chat-room__back-btn{width:36px;height:36px}}.chat-room__client-info{cursor:pointer;flex:1;align-items:center;gap:1.5rem;min-width:0;transition:all .3s;display:flex}.chat-room__client-info:hover{opacity:.8}@media (max-width:575px){.chat-room__client-info{gap:1rem}}.chat-room__client-avatar{border:2px solid #e91e63;border-radius:50%;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}@media (max-width:575px){.chat-room__client-avatar{width:40px;height:40px}}.chat-room__client-avatar img{object-fit:cover;width:100%;height:100%}.chat-room__client-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;font-weight:700;display:flex}@media (max-width:575px){.chat-room__client-avatar-placeholder{font-size:1rem}}.chat-room__online-dot{border:2px solid var(--bg-card);background:#4caf50;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}@media (max-width:575px){.chat-room__online-dot{width:10px;height:10px}}.chat-room__client-details{flex:1;min-width:0}.chat-room__client-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1.2rem;font-weight:700;overflow:hidden}@media (max-width:575px){.chat-room__client-name{font-size:1rem}}.chat-room__client-status{color:var(--text-muted);white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-size:.85rem;display:flex}@media (max-width:575px){.chat-room__client-status{font-size:.75rem}}.chat-room__status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chat-room__status-dot--online{background:#4caf50}.chat-room__header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.chat-room__action-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.chat-room__action-btn:hover{background:var(--bg-hover);color:#e91e63;border-color:#e91e63}@media (max-width:575px){.chat-room__action-btn{width:36px;height:36px}}.chat-room__window{background:linear-gradient(135deg,#e91e6305 0%,#c2185b03 100%);flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-room__welcome{border-bottom:1px solid var(--border-color);background:var(--bg-card);text-align:center;flex-shrink:0;padding:2rem}@media (max-width:575px){.chat-room__welcome{padding:1.5rem}}.chat-room__welcome .welcome-message h3{color:var(--text-primary);margin-bottom:4px;font-size:1.2rem}@media (max-width:575px){.chat-room__welcome .welcome-message h3{font-size:1.1rem}}.chat-room__welcome .welcome-message p{color:var(--text-muted);margin:0;font-size:.9rem}.chat-room__messages{flex:1;position:relative;overflow:hidden}.chat-room__input{background:var(--bg-card);border-top:1px solid var(--border-color);flex-shrink:0;padding:1.5rem 2rem}@media (max-width:575px){.chat-room__input{padding:1rem}}.client-info-panel{background:var(--bg-card);border-bottom:1px solid var(--border-color);overflow:hidden}.client-info-panel__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.client-info-panel__header h3{color:var(--text-primary);margin:0;font-size:1.1rem}.client-info-panel__header button{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.client-info-panel__header button:hover{background:var(--bg-hover);color:#e91e63}.client-info-panel__content{padding:2rem}@media (max-width:575px){.client-info-panel__content{padding:1.5rem}}.client-info-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:575px){.client-info-grid{grid-template-columns:1fr;gap:1rem}}.client-info-item{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:4px;padding:1rem;display:flex}.client-info-item--full{grid-column:1/-1}.client-info-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.client-info-value{color:var(--text-primary);font-size:1rem;font-weight:600}.messages-container{height:100%;overflow-y:auto}.messages-container::-webkit-scrollbar{width:6px;height:6px}.messages-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:#f06292}.messages-container{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}@media (max-width:575px){.messages-container{gap:1rem;padding:1.5rem}}.message{flex-direction:column;max-width:85%;animation:.3s ease-out messageAppear;display:flex;position:relative}@media (max-width:575px){.message{max-width:90%}}.message--trainer{align-self:flex-end;align-items:flex-end}.message--trainer .message__content,.message--trainer .message-file,.message--trainer .message-media{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border-radius:16px 16px 8px}.message--trainer .message__meta{justify-content:flex-end}.message--client{align-self:flex-start;align-items:flex-start}.message--client .message__content,.message--client .message-file,.message--client .message-media{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:16px 16px 16px 8px}.message--client .message__meta{justify-content:flex-start}.message--failed{opacity:.7}.message--failed .message__content,.message--failed .message-file,.message--failed .message-media{border:1px solid #f44336}.message__content{box-shadow:var(--shadow-sm);word-break:break-word;white-space:pre-wrap;padding:1.5rem;font-size:.95rem;line-height:1.5}@media (max-width:575px){.message__content{padding:1rem;font-size:.9rem}}.message__meta{color:var(--text-muted);align-items:center;gap:6px;width:100%;margin-top:4px;font-size:.75rem;display:flex}.message__time{opacity:.8}.message__status{align-items:center;display:flex}.message__status .spinner{animation:1s linear infinite spin}.message__delete-btn{width:20px;height:20px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;margin-right:auto;transition:all .3s;display:flex}.message__delete-btn:hover{color:#f44336}.message:hover .message__delete-btn{opacity:1}.message__retry-btn{color:#f44336;cursor:pointer;background:#f443361a;border:1px solid #f44336;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-size:.75rem;transition:all .3s}.message__retry-btn:hover{background:#f4433633}.message__upload-progress{background:#ffffff4d;border-radius:0 0 16px 16px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.message__upload-progress-bar{background:#4caf50;height:100%;transition:width .3s}.message-file{box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:1rem;min-width:200px;max-width:300px;padding:1.5rem;display:flex}@media (max-width:575px){.message-file{max-width:250px;padding:1rem}}.message-file__icon{flex-shrink:0;font-size:2rem}.message-file__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.message-file__name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.message-file__size{opacity:.8;font-size:.75rem}.message-file__download{width:36px;height:36px;color:inherit;background:#fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.message-file__download:hover{background:#ffffff4d}.message-media{box-shadow:var(--shadow-sm);border-radius:16px;max-width:300px;overflow:hidden}@media (max-width:575px){.message-media{max-width:250px}}.message-media img{object-fit:cover;cursor:pointer;width:100%;max-height:300px;transition:all .3s;display:block}.message-media img:hover{opacity:.9}.message-media--video video{outline:none;width:100%;max-height:300px;display:block}.message-media__caption{background:inherit;margin:0;padding:1rem;font-size:.9rem}.messages-end{visibility:hidden;height:1px}.message-input{align-items:flex-end;gap:1.5rem;display:flex}@media (max-width:575px){.message-input{gap:1rem}}.message-input__actions{flex-shrink:0;gap:.5rem;display:flex}.message-input__action-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.message-input__action-btn:hover:not(:disabled){background:var(--bg-hover);color:#e91e63;border-color:#e91e63}.message-input__action-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:575px){.message-input__action-btn{width:44px;height:44px}}.message-input__field{flex:1;align-items:center;min-width:0;display:flex}.message-input__field textarea{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;min-height:44px;max-height:120px;color:var(--text-primary);resize:none;border-radius:12px;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.4;transition:all .3s;overflow-y:auto}.message-input__field textarea::-webkit-scrollbar{width:6px;height:6px}.message-input__field textarea::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.message-input__field textarea::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.message-input__field textarea::-webkit-scrollbar-thumb:hover{background:#f06292}.message-input__field textarea:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}.message-input__field textarea::placeholder{color:var(--text-muted)}.message-input__field textarea:disabled{opacity:.6;cursor:not-allowed}@media (max-width:575px){.message-input__field textarea{min-height:48px;padding:.8rem 1rem;font-size:16px}}.message-input__send{flex-shrink:0}.message-input__send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.message-input__send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #e91e6366}.message-input__send-btn:disabled{opacity:.5;cursor:not-allowed}.message-input__send-btn .spinner{animation:1s linear infinite spin}@media (max-width:575px){.message-input__send-btn{width:48px;height:48px}}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subscription-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.subscription-card:before{content:"";background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);height:4px;position:absolute;top:0;left:0;right:0}.subscription-card--blue:before{background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%)}.subscription-card--green:before{background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%)}.subscription-card--pink:before{background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%)}.subscription-card--gold:before{background:linear-gradient(135deg,gold 0%,#daa520 100%)}.subscription-card--expired{opacity:.7}.subscription-card--expired:before{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)}.subscription-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:575px){.subscription-card{padding:1.5rem}}.subscription-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.subscription-card__header{flex-direction:column;align-items:flex-start}}.subscription-card__user{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.subscription-card__avatar{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.subscription-card__avatar img{object-fit:cover;width:100%;height:100%}@media (max-width:575px){.subscription-card__avatar{width:40px;height:40px}}.subscription-card__avatar-placeholder{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;font-weight:700;display:flex}@media (max-width:575px){.subscription-card__avatar-placeholder{font-size:1rem}}.subscription-card__user-info{flex:1;min-width:0}.subscription-card__user-name{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 4px;font-size:1rem;font-weight:600;display:flex}@media (max-width:575px){.subscription-card__user-name{font-size:.9rem}}.subscription-card__user-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;overflow:hidden}@media (max-width:575px){.subscription-card__user-email{font-size:.8rem}}.subscription-card__status{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:flex}.subscription-card__status--success{color:#4caf50;background:#4caf501a;border:1px solid #4caf50}.subscription-card__status--warning{color:#ff9800;background:#ff98001a;border:1px solid #ff9800}.subscription-card__status--danger{color:#f44336;background:#f443361a;border:1px solid #f44336}.subscription-card__status--secondary{color:#607d8b;background:#607d8b1a;border:1px solid #607d8b}@media (max-width:575px){.subscription-card__status{padding:.3rem .6rem;font-size:.8rem}}.subscription-card__plan{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.subscription-card__plan-badge{color:#e91e63;background:#e91e631a;border:1px solid #e91e63;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}@media (max-width:575px){.subscription-card__plan-badge{padding:.4rem .8rem;font-size:.85rem}}.subscription-card__duration{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;padding:.5rem 1rem;font-size:.85rem}@media (max-width:575px){.subscription-card__duration{padding:.4rem .8rem;font-size:.8rem}}.subscription-card__details{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.subscription-card__detail{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.subscription-card__detail svg{color:#e91e63;flex-shrink:0}@media (max-width:575px){.subscription-card__detail{font-size:.85rem}}.subscription-card__detail-label{color:var(--text-primary);font-weight:600}.subscription-card__detail-value{color:var(--text-secondary)}.subscription-card__discount{color:#4caf50;margin-right:.5rem;font-size:.85rem}.subscription-card__expired-badge{color:#f44336;background:#f443361a;border-radius:8px;margin-right:.5rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.subscription-card__receipt{margin-top:.5rem}.subscription-card__receipt-link{color:#2196f3;background:#2196f31a;border:1px solid #2196f3;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.subscription-card__receipt-link:hover{background:#2196f333;transform:translateY(-2px)}@media (max-width:575px){.subscription-card__receipt-link{padding:.5rem .8rem;font-size:.8rem}}.subscription-card__notes{background:var(--bg-hover);border-right:3px solid #e91e63;border-radius:8px;padding:1rem}.subscription-card__notes p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}@media (max-width:575px){.subscription-card__notes p{font-size:.8rem}}.subscription-card__actions{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;padding-top:1.5rem;display:flex}.subscription-card__action-btn{background:var(--bg-hover);border:1px solid var(--border-color);min-width:0;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.subscription-card__action-btn:hover{background:var(--bg-primary);color:#e91e63;border-color:#e91e63;transform:translateY(-2px)}.subscription-card__action-btn--success{color:#4caf50;background:#4caf501a;border-color:#4caf50}.subscription-card__action-btn--success:hover{color:#4caf50;background:#4caf5033;border-color:#4caf50}.subscription-card__action-btn--danger{color:#f44336;background:#f443361a;border-color:#f44336}.subscription-card__action-btn--danger:hover{color:#f44336;background:#f4433633;border-color:#f44336}@media (max-width:575px){.subscription-card__action-btn{padding:.5rem .8rem;font-size:.8rem}.subscription-card__action-btn svg{width:14px;height:14px}}.subscription-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.subscription-modal{background:var(--bg-card);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:16px;overflow-y:auto}.subscription-modal::-webkit-scrollbar{width:6px;height:6px}.subscription-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.subscription-modal::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.subscription-modal::-webkit-scrollbar-thumb:hover{background:#f06292}@media (max-width:575px){.subscription-modal{max-width:100%;max-height:95vh}}.subscription-modal__header{border-bottom:1px solid var(--border-color);background:var(--bg-card);z-index:10;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:sticky;top:0}@media (max-width:575px){.subscription-modal__header{padding:1.5rem}}.subscription-modal__title{color:var(--text-primary);align-items:center;gap:1rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.subscription-modal__title svg{color:#e91e63}@media (max-width:575px){.subscription-modal__title{font-size:1.2rem}}.subscription-modal__close{background:var(--bg-hover);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.subscription-modal__close:hover{background:var(--bg-primary);color:#f44336;border-color:#f44336}@media (max-width:575px){.subscription-modal__close{width:32px;height:32px}.subscription-modal__close svg{width:20px;height:20px}}.subscription-modal__body{padding:2rem}@media (max-width:575px){.subscription-modal__body{padding:1.5rem}}.subscription-modal__actions{border-top:1px solid var(--border-color);gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}@media (max-width:575px){.subscription-modal__actions{flex-direction:column-reverse}}@media (max-width:575px){.form-label{font-size:.85rem}}.form-input,.form-select{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.8rem 1rem;font-size:1rem;transition:all .3s}.form-input:focus,.form-select:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}@media (max-width:575px){.form-input,.form-select{padding:.7rem .9rem;font-size:.9rem}}@media (max-width:575px){.form-textarea{padding:.7rem .9rem;font-size:.9rem}}@media (min-width:576px) and (max-width:767px){.form-row{grid-template-columns:1fr}}.selected-user{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.selected-user__info{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.selected-user__avatar{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.selected-user__avatar img{object-fit:cover;width:100%;height:100%}@media (max-width:575px){.selected-user__avatar{width:40px;height:40px}}.selected-user__avatar-placeholder{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;font-weight:700;display:flex}@media (max-width:575px){.selected-user__avatar-placeholder{font-size:1rem}}.selected-user__name{color:var(--text-primary);font-size:1rem;font-weight:600}@media (max-width:575px){.selected-user__name{font-size:.9rem}}.selected-user__email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}@media (max-width:575px){.selected-user__email{font-size:.8rem}}.selected-user__remove{background:var(--bg-card);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.selected-user__remove:hover{background:var(--bg-primary);color:#f44336;border-color:#f44336}@media (max-width:575px){.selected-user__remove{width:28px;height:28px}.selected-user__remove svg{width:14px;height:14px}}.user-search,.user-search__input{position:relative}.user-search__input svg{color:var(--text-muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.user-search__input input{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.8rem 1rem .8rem 3rem;font-size:1rem;transition:all .3s}.user-search__input input:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}@media (max-width:575px){.user-search__input input{padding:.7rem .9rem .7rem 2.5rem;font-size:.9rem}}.user-search__results{background:var(--bg-card);border:1px solid var(--border-color);max-height:300px;box-shadow:var(--shadow-md);z-index:100;border-radius:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.user-search__results::-webkit-scrollbar{width:6px;height:6px}.user-search__results::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.user-search__results::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.user-search__results::-webkit-scrollbar-thumb:hover{background:#f06292}.user-search__loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.user-search__loading .spinner{animation:.8s linear infinite spin}.user-search__item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.user-search__item:last-child{border-bottom:none}.user-search__item:hover{background:var(--bg-hover)}.user-search__avatar{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.user-search__avatar img{object-fit:cover;width:100%;height:100%}@media (max-width:575px){.user-search__avatar{width:36px;height:36px}}.user-search__avatar-placeholder{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex}@media (max-width:575px){.user-search__avatar-placeholder{font-size:.9rem}}.user-search__info{flex:1;min-width:0}.user-search__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}@media (max-width:575px){.user-search__name{font-size:.85rem}}.user-search__email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}@media (max-width:575px){.user-search__email{font-size:.75rem}}.user-search__empty{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.9rem}.btn--primary{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366}@media (max-width:575px){.btn{padding:.7rem 1.2rem;font-size:.95rem}}.paypal-subscriptions__loading{min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.paypal-subscriptions__loading .spinner-large{border:4px solid #e91e6333;border-top-color:#e91e63;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.paypal-subscriptions__loading p{color:var(--text-secondary);font-size:1rem}.paypal-subscriptions__header{margin-bottom:3rem}@media (max-width:575px){.paypal-subscriptions__header{margin-bottom:2rem}}.paypal-subscriptions__header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.paypal-subscriptions__header-content{flex-direction:column;align-items:stretch}}.paypal-subscriptions__title-section{flex:1;min-width:0}.paypal-subscriptions__title{color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (min-width:576px) and (max-width:767px){.paypal-subscriptions__title{font-size:1.8rem}}@media (max-width:575px){.paypal-subscriptions__title{gap:.5rem;font-size:1.5rem}}.paypal-subscriptions__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:575px){.paypal-subscriptions__subtitle{font-size:.9rem;line-height:1.5}}.paypal-subscriptions__actions{flex-wrap:wrap;gap:1rem;display:flex}@media (max-width:575px){.paypal-subscriptions__actions{width:100%}}.paypal-subscriptions__action-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.paypal-subscriptions__action-btn:hover{background:var(--bg-hover);color:#e91e63;border-color:#e91e63;transform:translateY(-2px)}@media (max-width:575px){.paypal-subscriptions__action-btn{flex:1;padding:.7rem 1rem;font-size:.85rem}}.paypal-subscriptions__add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #e91e634d}.paypal-subscriptions__add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #e91e6380}@media (max-width:575px){.paypal-subscriptions__add-btn{width:100%;padding:.8rem 1.5rem;font-size:.95rem}}.paypal-subscriptions__stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (min-width:576px) and (max-width:767px){.paypal-subscriptions__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.paypal-subscriptions__stats{grid-template-columns:1fr;gap:1rem}}.paypal-subscriptions__filters{gap:1rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.paypal-subscriptions__filters{flex-direction:column}}.paypal-subscriptions__search{flex:1;position:relative}.paypal-subscriptions__search svg{color:var(--text-muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.paypal-subscriptions__search input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.8rem 1rem .8rem 3rem;font-size:.95rem;transition:all .3s}.paypal-subscriptions__search input:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}@media (max-width:575px){.paypal-subscriptions__search input{padding:.7rem .9rem .7rem 2.5rem;font-size:.9rem}}.paypal-subscriptions__filter-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.paypal-subscriptions__filter-btn:hover{background:var(--bg-hover);color:#e91e63;border-color:#e91e63}@media (max-width:575px){.paypal-subscriptions__filter-btn{justify-content:center;width:100%}}.paypal-subscriptions__filter-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;overflow:hidden}@media (max-width:575px){.paypal-subscriptions__filter-panel{flex-direction:column;gap:1rem}}.paypal-subscriptions__filter-panel .filter-group{flex:1;align-items:center;gap:1rem;display:flex}.paypal-subscriptions__filter-panel .filter-group label{color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-weight:600}@media (max-width:575px){.paypal-subscriptions__filter-panel .filter-group label{font-size:.85rem}}.paypal-subscriptions__filter-panel .filter-group select{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;flex:1;padding:.6rem;font-size:.9rem;transition:all .3s}.paypal-subscriptions__filter-panel .filter-group select:focus{border-color:#e91e63;outline:none}@media (max-width:575px){.paypal-subscriptions__filter-panel .filter-group select{font-size:.85rem}.paypal-subscriptions__filter-panel .filter-group{flex-direction:column;align-items:stretch}}.paypal-subscriptions__filter-panel .filter-reset{color:#f44336;cursor:pointer;white-space:nowrap;background:#f443361a;border:1px solid #f44336;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.paypal-subscriptions__filter-panel .filter-reset:hover{background:#f4433633}@media (max-width:575px){.paypal-subscriptions__filter-panel .filter-reset{width:100%}}.paypal-subscriptions__content{flex-direction:column;gap:3rem;display:flex}@media (max-width:575px){.paypal-subscriptions__content{gap:2rem}}.paypal-subscriptions__empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem;display:flex}.paypal-subscriptions__empty svg{color:#e91e63;opacity:.5}.paypal-subscriptions__empty h3{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}@media (max-width:575px){.paypal-subscriptions__empty h3{font-size:1.2rem}}.paypal-subscriptions__empty p{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:575px){.paypal-subscriptions__empty p{font-size:.9rem}}.paypal-subscriptions__empty-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.paypal-subscriptions__empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366}.plan-section__header{border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.plan-section__title{color:var(--text-primary);align-items:center;gap:1rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}@media (max-width:575px){.plan-section__title{font-size:1.2rem}}.plan-section__icon{font-size:1.8rem}@media (max-width:575px){.plan-section__icon{font-size:1.5rem}}.plan-section__count{color:var(--text-muted);font-size:1rem;font-weight:600}@media (max-width:575px){.plan-section__count{font-size:.9rem}}.plan-section__grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}@media (min-width:576px) and (max-width:767px){.plan-section__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:575px){.plan-section__grid{grid-template-columns:1fr;gap:1rem}}@media (max-width:575px){.stat-card{padding:1.5rem}}@media (max-width:575px){.stat-card__icon{width:50px;height:50px}.stat-card__icon svg{width:20px;height:20px}}@media (max-width:575px){.stat-card__value{font-size:1.5rem}}@media (max-width:575px){.stat-card__label{font-size:.8rem}}.stat-card--pink:before{background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%)}.stat-card--pink .stat-card__icon{color:#e91e63;background:#e91e631a}.approval-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.approval-modal{background:var(--bg-card);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:16px;overflow-y:auto}.approval-modal::-webkit-scrollbar{width:6px;height:6px}.approval-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.approval-modal::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}.approval-modal::-webkit-scrollbar-thumb:hover{background:#f06292}@media (max-width:575px){.approval-modal{max-width:100%;max-height:95vh}}.approval-modal__header{border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:sticky;top:0}.approval-modal__header--success{background:linear-gradient(135deg,#4caf501a 0%,#4caf500d 100%);border-bottom-color:#4caf5033}.approval-modal__header--danger{background:linear-gradient(135deg,#f443361a 0%,#f443360d 100%);border-bottom-color:#f4433633}@media (max-width:575px){.approval-modal__header{padding:1.5rem}}.approval-modal__title{color:var(--text-primary);align-items:center;gap:1rem;margin:0;font-size:1.4rem;font-weight:700;display:flex}.approval-modal__header--success .approval-modal__title svg{color:#4caf50}.approval-modal__header--danger .approval-modal__title svg{color:#f44336}@media (max-width:575px){.approval-modal__title{font-size:1.2rem}}.approval-modal__close{background:var(--bg-hover);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.approval-modal__close:hover{background:var(--bg-primary);color:#f44336;border-color:#f44336}@media (max-width:575px){.approval-modal__close{width:32px;height:32px}.approval-modal__close svg{width:20px;height:20px}}.approval-modal__body{padding:2rem}@media (max-width:575px){.approval-modal__body{padding:1.5rem}}.approval-modal__info{background:var(--bg-hover);border-radius:8px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.approval-modal__info-item{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.approval-modal__info-item .label{color:var(--text-primary);font-weight:600}.approval-modal__info-item .value{color:var(--text-secondary);text-align:left}@media (max-width:575px){.approval-modal__info-item{font-size:.85rem}}.approval-modal__section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.approval-modal__section-title svg{color:#e91e63}@media (max-width:575px){.approval-modal__section-title{font-size:.9rem}}.approval-modal__receipt{margin-bottom:1.5rem}.approval-modal__receipt-link{cursor:pointer;border-radius:8px;width:100%;transition:all .3s;display:block;position:relative;overflow:hidden}.approval-modal__receipt-link:hover .approval-modal__receipt-overlay{opacity:1}.approval-modal__receipt-image{object-fit:contain;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;width:100%;height:auto;max-height:400px}.approval-modal__receipt-overlay{color:#fff;opacity:0;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:all .3s;display:flex;position:absolute;inset:0}.approval-modal__receipt-overlay svg{opacity:.9}.approval-modal__receipt-overlay span{font-size:.9rem;font-weight:600}.approval-modal__actions{border-top:1px solid var(--border-color);gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}@media (max-width:575px){.approval-modal__actions{flex-direction:column-reverse}}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.form-label svg{color:#e91e63}@media (max-width:575px){.form-label{font-size:.85rem}}.form-input{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.8rem 1rem;font-size:1rem;transition:all .3s}.form-input:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}@media (max-width:575px){.form-input{padding:.7rem .9rem;font-size:.9rem}}.form-textarea{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-textarea:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}@media (max-width:575px){.form-textarea{padding:.7rem .9rem;font-size:.9rem}}.form-row{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:575px){.form-row{grid-template-columns:1fr}}.btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--success{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%)}.btn--success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn--danger{color:#fff;background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)}.btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.btn--secondary{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary)}.btn--secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-muted)}.btn .spinner{animation:.8s linear infinite spin}@media (max-width:575px){.btn{padding:.7rem 1.2rem;font-size:.95rem}}.bank-transfer-subscriptions__loading{min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.bank-transfer-subscriptions__loading .spinner-large{border:4px solid #e91e6333;border-top-color:#e91e63;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.bank-transfer-subscriptions__loading p{color:var(--text-secondary);font-size:1rem}.bank-transfer-subscriptions__header{margin-bottom:3rem}@media (max-width:575px){.bank-transfer-subscriptions__header{margin-bottom:2rem}}.bank-transfer-subscriptions__header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:575px){.bank-transfer-subscriptions__header-content{flex-direction:column;align-items:stretch}}.bank-transfer-subscriptions__title-section{flex:1;min-width:0}.bank-transfer-subscriptions__title{color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}@media (min-width:576px) and (max-width:767px){.bank-transfer-subscriptions__title{font-size:1.8rem}}@media (max-width:575px){.bank-transfer-subscriptions__title{gap:.5rem;font-size:1.5rem}}.bank-transfer-subscriptions__subtitle{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:575px){.bank-transfer-subscriptions__subtitle{font-size:.9rem;line-height:1.5}}.bank-transfer-subscriptions__actions{flex-wrap:wrap;gap:1rem;display:flex}@media (max-width:575px){.bank-transfer-subscriptions__actions{width:100%}}.bank-transfer-subscriptions__action-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.bank-transfer-subscriptions__action-btn:hover{background:var(--bg-hover);color:#e91e63;border-color:#e91e63;transform:translateY(-2px)}@media (max-width:575px){.bank-transfer-subscriptions__action-btn{flex:1;padding:.7rem 1rem;font-size:.85rem}}.bank-transfer-subscriptions__stats{grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (min-width:768px){.bank-transfer-subscriptions__stats{grid-template-columns:repeat(5,1fr)}}@media (min-width:576px) and (max-width:767px){.bank-transfer-subscriptions__stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:575px){.bank-transfer-subscriptions__stats{grid-template-columns:repeat(2,1fr);gap:1rem}}.bank-transfer-subscriptions__filters{gap:1rem;margin-bottom:1.5rem;display:flex}@media (max-width:575px){.bank-transfer-subscriptions__filters{flex-direction:column}}.bank-transfer-subscriptions__search{flex:1;position:relative}.bank-transfer-subscriptions__search svg{color:var(--text-muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.bank-transfer-subscriptions__search input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.8rem 1rem .8rem 3rem;font-size:.95rem;transition:all .3s}.bank-transfer-subscriptions__search input:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}@media (max-width:575px){.bank-transfer-subscriptions__search input{padding:.7rem .9rem .7rem 2.5rem;font-size:.9rem}}.bank-transfer-subscriptions__filter-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.bank-transfer-subscriptions__filter-btn:hover{background:var(--bg-hover);color:#e91e63;border-color:#e91e63}@media (max-width:575px){.bank-transfer-subscriptions__filter-btn{justify-content:center;width:100%}}.bank-transfer-subscriptions__filter-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;overflow:hidden}@media (max-width:575px){.bank-transfer-subscriptions__filter-panel{flex-direction:column;gap:1rem}}.bank-transfer-subscriptions__filter-panel .filter-group{flex:1;align-items:center;gap:1rem;display:flex}.bank-transfer-subscriptions__filter-panel .filter-group label{color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-weight:600}@media (max-width:575px){.bank-transfer-subscriptions__filter-panel .filter-group label{font-size:.85rem}}.bank-transfer-subscriptions__filter-panel .filter-group select{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;flex:1;padding:.6rem;font-size:.9rem;transition:all .3s}.bank-transfer-subscriptions__filter-panel .filter-group select:focus{border-color:#e91e63;outline:none}@media (max-width:575px){.bank-transfer-subscriptions__filter-panel .filter-group select{font-size:.85rem}.bank-transfer-subscriptions__filter-panel .filter-group{flex-direction:column;align-items:stretch}}.bank-transfer-subscriptions__filter-panel .filter-reset{color:#f44336;cursor:pointer;white-space:nowrap;background:#f443361a;border:1px solid #f44336;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.bank-transfer-subscriptions__filter-panel .filter-reset:hover{background:#f4433633}@media (max-width:575px){.bank-transfer-subscriptions__filter-panel .filter-reset{width:100%}}.bank-transfer-subscriptions__content{flex-direction:column;gap:3rem;display:flex}@media (max-width:575px){.bank-transfer-subscriptions__content{gap:2rem}}.bank-transfer-subscriptions__empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem;display:flex}.bank-transfer-subscriptions__empty svg{color:#e91e63;opacity:.5}.bank-transfer-subscriptions__empty h3{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}@media (max-width:575px){.bank-transfer-subscriptions__empty h3{font-size:1.2rem}}.bank-transfer-subscriptions__empty p{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:575px){.bank-transfer-subscriptions__empty p{font-size:.9rem}}.status-section__header{border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.status-section__title{color:var(--text-primary);align-items:center;gap:1rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}@media (max-width:575px){.status-section__title{font-size:1.2rem}}.status-section__icon{font-size:1.8rem}@media (max-width:575px){.status-section__icon{font-size:1.5rem}}.status-section__count{color:var(--text-muted);font-size:1rem;font-weight:600}@media (max-width:575px){.status-section__count{font-size:.9rem}}.status-section__grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}@media (min-width:576px) and (max-width:767px){.status-section__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:575px){.status-section__grid{grid-template-columns:1fr;gap:1rem}}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:1.5rem;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:575px){.stat-card{padding:1.5rem}}.stat-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}@media (max-width:575px){.stat-card__icon{width:50px;height:50px}.stat-card__icon svg{width:20px;height:20px}}.stat-card__content{flex:1;min-width:0}.stat-card__value{color:var(--text-primary);margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1}@media (max-width:575px){.stat-card__value{font-size:1.5rem}}.stat-card__label{color:var(--text-secondary);font-size:.85rem;font-weight:600}@media (max-width:575px){.stat-card__label{font-size:.8rem}}.stat-card--blue:before{background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%)}.stat-card--blue .stat-card__icon{color:#2196f3;background:#2196f31a}.stat-card--success:before{background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%)}.stat-card--success .stat-card__icon{color:#4caf50;background:#4caf501a}.stat-card--warning:before{background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%)}.stat-card--warning .stat-card__icon{color:#ff9800;background:#ff98001a}.stat-card--danger:before{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)}.stat-card--danger .stat-card__icon{color:#f44336;background:#f443361a}.stat-card--secondary:before{background:linear-gradient(135deg,#607d8b 0%,#455a64 100%)}.stat-card--secondary .stat-card__icon{color:#607d8b;background:#607d8b1a}.profile-info-container{width:100%;max-width:100%}.info-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}@media (max-width:576px){.info-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}}.info-header svg{color:#e91e63;flex-shrink:0}@media (max-width:576px){.info-header svg{width:20px;height:20px}}.info-header .header-text{flex:1}.info-header .header-text h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}@media (max-width:576px){.info-header .header-text h2{font-size:1.4rem}}.info-header .header-text p{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:576px){.info-header .header-text p{font-size:.9rem}}.info-form{width:100%}.info-form .form-fields{flex-direction:column;gap:1.5rem;display:flex}@media (max-width:576px){.info-form .form-fields{gap:1.2rem}}.info-form .field-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}@media (max-width:576px){.info-form .field-wrapper{gap:.4rem}}.info-form .field-label{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}@media (max-width:576px){.info-form .field-label{font-size:.9rem}}.info-form .field-label svg{color:#e91e63;flex-shrink:0;width:16px;height:16px}@media (max-width:576px){.info-form .field-label svg{width:14px;height:14px}}.info-form .field-input{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:all .3s}@media (max-width:576px){.info-form .field-input{border-radius:10px;padding:.7rem .9rem;font-size:.95rem}}.info-form .field-input:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}.info-form .field-input.error{border-color:#f44336}.info-form .field-input:disabled{opacity:.7;cursor:not-allowed}.info-form .field-input::placeholder{color:var(--text-muted)}.info-form .error-text{color:#f44336;font-size:.85rem}@media (max-width:576px){.info-form .error-text{font-size:.8rem}}.form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}@media (max-width:576px){.form-actions{flex-direction:column-reverse;gap:.75rem;margin-top:1.5rem;padding-top:1rem}}.form-actions button{cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}@media (max-width:576px){.form-actions button{border-radius:10px;justify-content:center;width:100%;padding:.7rem 1.2rem;font-size:.95rem}}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.form-actions button svg{flex-shrink:0}@media (max-width:576px){.form-actions button svg{width:16px;height:16px}}.form-actions .btn-reset{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.form-actions .btn-reset:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.form-actions .btn-save{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);border:none;box-shadow:0 4px 15px #4caf504d}.form-actions .btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #4caf5080}.form-actions .btn-save .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@media (max-width:576px){.form-actions .btn-save .spinner{width:16px;height:16px}}.security-settings-container{width:100%;max-width:800px;margin:0 auto}.security-header-section{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}@media (max-width:576px){.security-header-section{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}}.security-header-section .header-icon{color:#e91e63;flex-shrink:0}@media (max-width:576px){.security-header-section .header-icon{width:24px;height:24px}}.security-header-section .header-text{flex:1}.security-header-section .header-text .header-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}@media (max-width:576px){.security-header-section .header-text .header-title{font-size:1.4rem}}.security-header-section .header-text .header-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:576px){.security-header-section .header-text .header-subtitle{font-size:.9rem}}.security-form-container{width:100%}.basic-info-section{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}@media (max-width:576px){.basic-info-section{gap:1.2rem;margin-bottom:1.5rem}}.password-section{margin-bottom:2rem}@media (max-width:576px){.password-section{margin-bottom:1.5rem}}.password-section .section-heading{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.3rem;font-weight:600;display:flex}@media (max-width:576px){.password-section .section-heading{margin-bottom:1rem;font-size:1.1rem}}.password-section .section-heading .heading-icon{color:#e91e63;flex-shrink:0}@media (max-width:576px){.password-section .section-heading .heading-icon{width:20px;height:20px}}.password-fields{flex-direction:column;gap:1.5rem;display:flex}@media (max-width:576px){.password-fields{gap:1.2rem}}.input-group{flex-direction:column;gap:.5rem;width:100%;display:flex}@media (max-width:576px){.input-group{gap:.4rem}}.input-label{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}@media (max-width:576px){.input-label{font-size:.9rem}}.input-label .label-icon{flex-shrink:0;width:16px;height:16px}@media (max-width:576px){.input-label .label-icon{width:14px;height:14px}}.input-field{background:var(--bg-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:all .3s}@media (max-width:576px){.input-field{border-radius:10px;padding:.7rem .9rem;font-size:.95rem}}.input-field:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}.input-field.error{border-color:#f44336}.input-field.password-field{padding-left:3rem}@media (max-width:576px){.input-field.password-field{padding-left:2.8rem}}.password-input-container{width:100%;position:relative}.password-input-container .toggle-password-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .3s;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}@media (max-width:576px){.password-input-container .toggle-password-btn{padding:.4rem;left:.5rem}}.password-input-container .toggle-password-btn:hover{color:#e91e63}.password-input-container .toggle-password-btn .eye-icon{width:20px;height:20px}@media (max-width:576px){.password-input-container .toggle-password-btn .eye-icon{width:18px;height:18px}}.error-text{color:#f44336;font-size:.85rem}@media (max-width:576px){.error-text{font-size:.8rem}}.requirements-box{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;padding:1rem}@media (max-width:576px){.requirements-box{border-radius:10px;padding:.9rem}}.requirements-box .requirements-heading{color:var(--text-primary);margin:0 0 .75rem;font-size:.95rem;font-weight:600}@media (max-width:576px){.requirements-box .requirements-heading{margin-bottom:.6rem;font-size:.9rem}}.requirements-box .requirements-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}@media (max-width:576px){.requirements-box .requirements-list{gap:.4rem}}.requirements-box .requirement{align-items:center;gap:.5rem;font-size:.9rem;display:flex}@media (max-width:576px){.requirements-box .requirement{gap:.4rem;font-size:.85rem}}.requirements-box .requirement .req-icon{flex-shrink:0;width:14px;height:14px}@media (max-width:576px){.requirements-box .requirement .req-icon{width:13px;height:13px}}.requirements-box .requirement.valid,.requirements-box .requirement.valid .req-icon{color:#4caf50}.requirements-box .requirement.invalid,.requirements-box .requirement.invalid .req-icon{color:var(--text-muted)}.form-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:1.5rem;display:flex}@media (max-width:576px){.form-footer{padding-top:1rem}}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #4caf504d}@media (max-width:576px){.submit-btn{border-radius:10px;justify-content:center;width:100%;padding:.7rem 1.5rem;font-size:.95rem}}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #4caf5080}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn .btn-icon{flex-shrink:0;width:18px;height:18px}@media (max-width:576px){.submit-btn .btn-icon{width:16px;height:16px}}.spinner-btn{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@media (max-width:576px){.spinner-btn{width:16px;height:16px}}.profile-photo-upload .upload-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.profile-photo-upload .upload-header svg{color:#e91e63}.profile-photo-upload .upload-header .header-content h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.profile-photo-upload .upload-header .header-content p{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:576px){.profile-photo-upload .upload-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.profile-photo-upload .upload-container .main-area{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (max-width:992px){.profile-photo-upload .upload-container .main-area{grid-template-columns:1fr;gap:1.5rem}}.profile-photo-upload .preview-section h3,.profile-photo-upload .upload-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.3rem;font-weight:600}.profile-photo-upload .preview-container{background:var(--bg-hover);border:2px dashed var(--border-color);border-radius:16px;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.profile-photo-upload .photo-preview{width:100%;height:100%;position:relative}.profile-photo-upload .photo-preview .preview-image{object-fit:contain;width:100%;height:100%;max-height:400px}.profile-photo-upload .photo-preview .preview-overlay{color:#fff;background:linear-gradient(#0000,#000c);padding:1rem;position:absolute;bottom:0;left:0;right:0}.profile-photo-upload .photo-preview .preview-info .file-info{flex-direction:column;gap:.25rem;display:flex}.profile-photo-upload .photo-preview .preview-info .file-info .file-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.profile-photo-upload .photo-preview .preview-info .file-info .file-size{opacity:.9;font-size:.85rem}.profile-photo-upload .no-photo{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.profile-photo-upload .no-photo svg{color:var(--text-muted);opacity:.5}.profile-photo-upload .no-photo p{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:600}.profile-photo-upload .no-photo span{color:var(--text-muted);font-size:.9rem}.profile-photo-upload .edit-tools{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding:1rem;display:flex}.profile-photo-upload .edit-tools .tool-group{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.profile-photo-upload .edit-tools .tool-group .tool-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .3s;display:flex}.profile-photo-upload .edit-tools .tool-group .tool-btn:hover{background:var(--bg-hover);color:#e91e63;border-color:#e91e63}.profile-photo-upload .edit-tools .tool-group .zoom-level,.profile-photo-upload .edit-tools .tool-group .rotation-angle{color:var(--text-primary);text-align:center;min-width:50px;font-weight:600}.profile-photo-upload .edit-tools .crop-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .3s;display:flex}.profile-photo-upload .edit-tools .crop-btn:hover{background:#388e3c;transform:translateY(-2px)}.profile-photo-upload .upload-area{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background:var(--bg-hover);border-radius:16px;padding:3rem 2rem;transition:all .3s;position:relative}.profile-photo-upload .upload-area:hover,.profile-photo-upload .upload-area.dragging{background:#e91e630d;border-color:#e91e63}.profile-photo-upload .upload-area.dragging{transform:scale(1.02)}.profile-photo-upload .upload-area .file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.profile-photo-upload .upload-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.profile-photo-upload .upload-content svg{color:#e91e63}.profile-photo-upload .upload-content .upload-text .upload-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.2rem;font-weight:600}.profile-photo-upload .upload-content .upload-text .upload-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.profile-photo-upload .upload-content .upload-requirements span{color:var(--text-muted);font-size:.9rem}.profile-photo-upload .photo-tips{background:#2196f31a;border:1px solid #2196f333;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.profile-photo-upload .photo-tips h4{color:#2196f3;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.profile-photo-upload .photo-tips .tips-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.profile-photo-upload .photo-tips li{color:var(--text-primary);padding-right:1.5rem;font-size:.95rem;position:relative}.profile-photo-upload .photo-tips li:before{content:"•";color:#2196f3;font-weight:700;position:absolute;right:0}.profile-photo-upload .action-buttons{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}@media (max-width:576px){.profile-photo-upload .action-buttons{flex-direction:column;align-items:stretch}}.profile-photo-upload .action-buttons .remove-btn{color:#f44336;cursor:pointer;background:0 0;border:1px solid #f44336;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.profile-photo-upload .action-buttons .remove-btn:hover{color:#fff;background:#f44336}@media (max-width:576px){.profile-photo-upload .action-buttons .remove-btn{justify-content:center;width:100%}}.profile-photo-upload .action-buttons .right-actions{gap:1rem;display:flex}@media (max-width:576px){.profile-photo-upload .action-buttons .right-actions{width:100%}}.profile-photo-upload .action-buttons .reset-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.profile-photo-upload .action-buttons .reset-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.profile-photo-upload .action-buttons .reset-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:576px){.profile-photo-upload .action-buttons .reset-btn{flex:1;justify-content:center}}.profile-photo-upload .action-buttons .save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #4caf504d}.profile-photo-upload .action-buttons .save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #4caf5080}.profile-photo-upload .action-buttons .save-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width:576px){.profile-photo-upload .action-buttons .save-btn{flex:1;justify-content:center}}.profile-photo-upload .photo-info{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:2rem;display:grid}.profile-photo-upload .photo-info .info-card{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.profile-photo-upload .photo-info .info-card svg{color:#e91e63;flex-shrink:0}.profile-photo-upload .photo-info .info-card .info-content h5{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.profile-photo-upload .photo-info .info-card .info-content p{color:var(--text-secondary);margin:0;font-size:.9rem}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.success-message-overlay{z-index:1001;animation:.3s slideIn;position:fixed;bottom:2rem;left:2rem}@media (max-width:768px){.success-message-overlay{bottom:1rem;left:1rem;right:1rem}}.success-message-overlay .success-message{color:#fff;background:#4caf50;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;max-width:400px;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 20px #0003}@media (max-width:768px){.success-message-overlay .success-message{max-width:none}}@media (max-width:576px){.success-message-overlay .success-message{border-radius:10px;padding:.75rem 1rem}}.success-message-overlay .success-message .message-content{flex:1;align-items:center;gap:.75rem;display:flex}.success-message-overlay .success-message .message-content .success-icon{flex-shrink:0;width:24px;height:24px}@media (max-width:576px){.success-message-overlay .success-message .message-content .success-icon{width:20px;height:20px}}.success-message-overlay .success-message .message-content .message-text{flex:1}.success-message-overlay .success-message .message-content .message-text strong{margin-bottom:.25rem;font-size:1rem;display:block}@media (max-width:576px){.success-message-overlay .success-message .message-content .message-text strong{font-size:.95rem}}.success-message-overlay .success-message .message-content .message-text p{opacity:.9;margin:0;font-size:.9rem}@media (max-width:576px){.success-message-overlay .success-message .message-content .message-text p{font-size:.85rem}}.success-message-overlay .success-message .close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;flex-shrink:0;padding:.25rem;transition:opacity .3s}.success-message-overlay .success-message .close-btn:hover{opacity:1}.success-message-overlay .success-message .close-btn svg{width:20px;height:20px}@media (max-width:576px){.success-message-overlay .success-message .close-btn svg{width:18px;height:18px}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.profile-page{background:var(--bg-primary);box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0}@media (max-width:768px){.profile-page{max-width:100vw;margin:0;padding:0;overflow-x:hidden}}.profile-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:2rem}@media (max-width:768px){.profile-container{max-width:100%;padding:1rem}}@media (max-width:576px){.profile-container{padding:.75rem}}.profile-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}@media (max-width:768px){.profile-header{margin-bottom:1.5rem;padding-bottom:1rem}}.profile-header .header-content{align-items:center;gap:1rem;display:flex}@media (max-width:576px){.profile-header .header-content{flex-direction:column;align-items:flex-start;gap:.75rem}}.profile-header .header-content svg{color:#e91e63;flex-shrink:0}@media (max-width:576px){.profile-header .header-content svg{width:24px;height:24px}}.profile-header .header-content .header-text{flex:1}.profile-header .header-content .header-text h1{color:var(--text-primary);margin:0 0 .25rem;font-size:1.8rem;font-weight:700}@media (max-width:768px){.profile-header .header-content .header-text h1{font-size:1.5rem}}@media (max-width:576px){.profile-header .header-content .header-text h1{font-size:1.3rem}}.profile-header .header-content .header-text p{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:576px){.profile-header .header-content .header-text p{font-size:.9rem}}.profile-tabs{border-bottom:1px solid var(--border-color);-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:2rem;display:flex;overflow-x:auto}.profile-tabs::-webkit-scrollbar{height:3px}.profile-tabs::-webkit-scrollbar-thumb{background:#e91e63;border-radius:3px}@media (max-width:768px){.profile-tabs{gap:.3rem;margin-bottom:1.5rem}}.profile-tabs .tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}@media (max-width:768px){.profile-tabs .tab{padding:.6rem 1rem;font-size:.9rem}}@media (max-width:576px){.profile-tabs .tab{padding:.5rem .75rem;font-size:.85rem}}.profile-tabs .tab svg{flex-shrink:0}@media (max-width:576px){.profile-tabs .tab svg{width:16px;height:16px}}.profile-tabs .tab:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-tabs .tab.active{color:#e91e63;border-bottom-color:#e91e63;font-weight:600}.profile-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem}@media (max-width:768px){.profile-content{border-radius:10px;padding:1.5rem}}@media (max-width:576px){.profile-content{padding:1rem}}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.loading-container .spinner{border:4px solid var(--border-color);border-top:4px solid #e91e63;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.loading-container p{color:var(--text-secondary);font-size:1rem}.error-message{color:#fff;z-index:1000;background:#f44336;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:.3s slideDown;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #f443364d}@media (max-width:768px){.error-message{top:1rem;left:1rem;right:1rem;transform:none}}.error-message span{flex:1;font-weight:500}.error-message button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;padding:.25rem;transition:opacity .2s;display:flex}.error-message button:hover{opacity:1}.temp-page{text-align:center;background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;min-height:60vh;padding:3rem;font-size:2rem;font-weight:700;display:flex}.main-content{flex:1;width:100%;min-width:0}@media (max-width:575px){.main-content{width:100%!important;max-width:100%!important}}.detail-modal-wrapper{display:none}@media (min-width:768px){.detail-modal-wrapper{z-index:200;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}.detail-modal{z-index:200;background:var(--bg-card);border-top:1px solid var(--border-color);border-radius:20px 20px 0 0;flex-direction:column;max-height:92vh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@media (min-width:768px){.detail-modal{z-index:auto;border:1px solid var(--border-color);width:min(580px,100vw - 2rem);max-height:min(85vh,700px);box-shadow:var(--shadow-lg);pointer-events:all;border-radius:20px;position:relative;bottom:auto;left:auto;right:auto}}.detail-modal__backdrop{z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:fixed;inset:0}.detail-modal__handle{background:var(--border-color);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:.7rem auto 0}@media (min-width:768px){.detail-modal__handle{display:none}}.detail-modal__header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;display:flex}.detail-modal__title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.detail-modal__close{border:1px solid var(--border-color);background:var(--bg-hover);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.detail-modal__close:hover{background:var(--bg-primary);color:var(--text-primary)}.detail-modal__body{flex-direction:column;flex:1;gap:.875rem;padding:1.125rem;display:flex;overflow-y:auto}.detail-modal__video-wrap{aspect-ratio:16/9;background:#000;border-radius:12px;flex-shrink:0;overflow:hidden}.detail-modal__iframe,.detail-modal__video{border:none;width:100%;height:100%;display:block}.detail-modal__info-grid{flex-direction:column;gap:.625rem;display:flex}.detail-modal__info-item{background:var(--bg-hover);border-radius:12px;align-items:flex-start;gap:.7rem;padding:.675rem .875rem;display:flex}.detail-modal__info-item svg{color:#e91e63;flex-shrink:0;margin-top:2px}.detail-modal__info-item div{flex-direction:column;gap:.1rem;display:flex}.detail-modal__info-label{color:var(--text-muted);font-size:.7rem}.detail-modal__info-value{color:var(--text-primary);font-size:.85rem;font-weight:600}.detail-modal__info-value--highlight{color:#e91e63}.detail-modal__notes{background:var(--bg-hover);border-right:3px solid #e91e63;border-radius:0 12px 12px 0;padding:.75rem .875rem}.detail-modal__notes-label{color:var(--text-secondary);margin:0 0 .3rem;font-size:.75rem;font-weight:700}.detail-modal__notes-text{color:var(--text-primary);margin:0;font-size:.85rem;line-height:1.6}.detail-modal__url-row{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:.45rem;padding:.575rem .875rem;display:flex}.detail-modal__url-icon{color:red;flex-shrink:0}.detail-modal__url-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.72rem;overflow:hidden}.detail-modal__copy-btn{border:1px solid var(--border-color);background:var(--bg-card);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.detail-modal__copy-btn.copied{color:#4caf50;background:#4caf501a;border-color:#4caf50}.detail-modal__footer{border-top:1px solid var(--border-color);flex-shrink:0;gap:.625rem;padding:.875rem 1.125rem;display:flex}.detail-modal__action-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.35rem;height:42px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.detail-modal__action-btn--delete{color:#f44336;background:#f443361a;border:1px solid #f4433638}.detail-modal__action-btn--delete:hover{background:#f443362e}.detail-modal__action-btn--edit{color:#fff;background:#e91e63}.detail-modal__action-btn--edit:hover{background:#c2185b}.ex-form-modal-wrapper{display:none}@media (min-width:768px){.ex-form-modal-wrapper{z-index:200;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}.ex-form-modal{z-index:200;background:var(--bg-card);border-top:1px solid var(--border-color);border-radius:20px 20px 0 0;flex-direction:column;max-height:92vh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@media (min-width:768px){.ex-form-modal{z-index:auto;border:1px solid var(--border-color);width:min(540px,100vw - 2rem);max-height:min(88vh,750px);box-shadow:var(--shadow-lg);pointer-events:all;border-radius:20px;position:relative;bottom:auto;left:auto;right:auto}}.ex-form-modal__backdrop{z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:fixed;inset:0}.ex-form-modal__handle{background:var(--border-color);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:.7rem auto 0}@media (min-width:768px){.ex-form-modal__handle{display:none}}.ex-form-modal__header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.ex-form-modal__header-title{color:var(--text-primary);align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;display:flex}.ex-form-modal__header-title svg{color:#e91e63}.ex-form-modal__close{border:1px solid var(--border-color);background:var(--bg-hover);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.ex-form-modal__close:hover{background:var(--bg-primary);color:var(--text-primary)}.ex-form-modal__body{flex-direction:column;flex:1;gap:.875rem;padding:1.125rem;display:flex;overflow-y:auto}.ex-form-modal__field{flex-direction:column;gap:.35rem;display:flex}.ex-form-modal__label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.ex-form-modal__label-hint{color:var(--text-muted);font-size:.7rem;font-weight:400}.ex-form-modal__hint{color:#ff9800;background:#ff98001a;border:1px solid #ff980033;border-radius:12px;margin:0;padding:.5rem .75rem;font-size:.78rem}.ex-form-modal__input,.ex-form-modal__select,.ex-form-modal__textarea{border:1px solid var(--border-color);background:var(--bg-hover);width:100%;color:var(--text-primary);border-radius:12px;padding:0 .875rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.ex-form-modal__input::placeholder,.ex-form-modal__select::placeholder,.ex-form-modal__textarea::placeholder{color:var(--text-muted)}.ex-form-modal__input:focus,.ex-form-modal__select:focus,.ex-form-modal__textarea:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}.ex-form-modal__input.error,.ex-form-modal__select.error,.ex-form-modal__textarea.error{border-color:#f44336}.ex-form-modal__input,.ex-form-modal__select{height:40px}.ex-form-modal__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236c7293' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:.75rem 50%;background-repeat:no-repeat;padding-left:2rem}.ex-form-modal__textarea{resize:vertical;min-height:76px;padding:.6rem .875rem;line-height:1.5}.ex-form-modal__error{color:#f44336;font-size:.72rem}.ex-form-modal__row{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.ex-form-modal__upload{border:1.5px dashed var(--border-color);cursor:pointer;color:var(--text-muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.875rem;font-size:.8rem;transition:all .2s;display:flex;position:relative}.ex-form-modal__upload small{opacity:.65;font-size:.7rem}.ex-form-modal__upload:hover{color:#e91e63;background:#e91e630a;border-color:#e91e63}.ex-form-modal__upload.has-file{color:#4caf50;background:#4caf500d;border-style:solid;border-color:#4caf50;flex-direction:row;justify-content:flex-start;gap:.45rem}.ex-form-modal__remove-file{color:#f44336;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;margin-right:auto;padding:2px;transition:opacity .2s;display:flex}.ex-form-modal__remove-file:hover{opacity:1}.ex-form-modal__footer{border-top:1px solid var(--border-color);flex-shrink:0;gap:.625rem;padding:.875rem 1.125rem;display:flex}.ex-form-modal__btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.35rem;height:42px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.ex-form-modal__btn--cancel{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.ex-form-modal__btn--cancel:hover{border-color:var(--text-muted);color:var(--text-primary)}.ex-form-modal__btn--save{color:#fff;background:#e91e63}.ex-form-modal__btn--save:hover:not(:disabled){background:#c2185b}.ex-form-modal__btn--save:disabled{opacity:.6;cursor:not-allowed}.filter-sheet{z-index:200;background:var(--bg-card);border-top:1px solid var(--border-color);border-radius:20px 20px 0 0;flex-direction:column;max-height:90vh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@media (min-width:768px){.filter-sheet{border-radius:20px;max-width:480px;margin:0 auto;bottom:50%;transform:none}}.filter-sheet__backdrop{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;position:fixed;inset:0}.filter-sheet__handle{background:var(--border-color);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:.75rem auto 0}.filter-sheet__header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.filter-sheet__title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.filter-sheet__title svg{color:#e91e63}.filter-sheet__close{border:1px solid var(--border-color);background:var(--bg-hover);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.filter-sheet__close:hover{background:var(--bg-primary);color:var(--text-primary)}.filter-sheet__body{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.filter-sheet__field{flex-direction:column;gap:.5rem;display:flex}.filter-sheet__label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.filter-sheet__input{border:1px solid var(--border-color);background:var(--bg-hover);height:42px;color:var(--text-primary);border-radius:12px;padding:0 .875rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.filter-sheet__input:focus{border-color:#e91e63;outline:none}.filter-sheet__input::-webkit-calendar-picker-indicator{filter:invert(.5)}.filter-sheet__radio-group{flex-wrap:wrap;gap:.5rem;display:flex}.filter-sheet__radio-chip{border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .875rem;font-size:.82rem;transition:all .2s;display:flex}.filter-sheet__radio-chip input[type=radio]{display:none}.filter-sheet__radio-chip.active{color:#e91e63;background:#e91e631f;border-color:#e91e63;font-weight:600}.filter-sheet__radio-chip:hover:not(.active){border-color:var(--text-muted);color:var(--text-primary)}.filter-sheet__footer{border-top:1px solid var(--border-color);flex-shrink:0;gap:.75rem;padding:1rem 1.25rem;display:flex}.filter-sheet__btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.4rem;height:44px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.filter-sheet__btn--reset{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.filter-sheet__btn--reset:hover{color:#e91e63;border-color:#e91e63}.filter-sheet__btn--apply{color:#fff;background:#e91e63}.filter-sheet__btn--apply:hover{background:#c2185b}.spin{animation:.8s linear infinite spin}.ex-library{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:Cairo,Tajawal,sans-serif}.ex-library__header{z-index:40;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:.875rem 1.125rem .625rem;position:sticky;top:0}.ex-library__header-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ex-library__title-wrap{align-items:center;gap:.45rem;display:flex}.ex-library__title-icon{color:#e91e63}.ex-library__title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.ex-library__header-actions{gap:.45rem;display:flex}.ex-library__icon-btn{border:1px solid var(--border-color);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.ex-library__icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ex-library__icon-btn--active{color:#e91e63;background:#e91e631a;border-color:#e91e63}.ex-library__icon-btn--primary{color:#fff;background:#e91e63;border-color:#e91e63}.ex-library__icon-btn--primary:hover{background:#c2185b}.ex-library__badge{color:#fff;background:#e91e63;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:.58rem;font-weight:700;display:flex;position:absolute;top:-4px;left:-4px}.ex-library__search-wrap{margin-bottom:.625rem;position:relative}.ex-library__search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.ex-library__search{border:1px solid var(--border-color);background:var(--bg-card);width:100%;height:40px;color:var(--text-primary);border-radius:12px;padding:0 2.25rem 0 2rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.ex-library__search::placeholder{color:var(--text-muted)}.ex-library__search:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631f}.ex-library__search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.ex-library__search-clear:hover{color:var(--text-primary)}.ex-library__stats{scrollbar-width:none;gap:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.ex-library__stats::-webkit-scrollbar{display:none}.ex-library__stat{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.ex-library__stat svg{color:#e91e63}.ex-library__content{padding:1rem 1.125rem 5rem}.ex-library__result-count{color:var(--text-muted);margin-bottom:.75rem;font-size:.78rem}.ex-library__grid{grid-template-columns:1fr;gap:.7rem;display:grid}@media (min-width:768px){.ex-library__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1024px){.ex-library__grid{grid-template-columns:repeat(3,1fr);gap:1.125rem}}.ex-library__loading,.ex-library__empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.875rem;padding:4rem 1rem;display:flex}.ex-library__loading svg,.ex-library__empty svg{opacity:.35}.ex-library__loading h3,.ex-library__empty h3{color:var(--text-secondary);margin:0;font-size:1rem}.ex-library__loading p,.ex-library__empty p{margin:0;font-size:.82rem}.ex-library__btn-reset{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-family:inherit;font-size:.82rem;transition:all .2s;display:flex}.ex-library__btn-reset:hover{color:#e91e63;border-color:#e91e63}.ex-library__load-more{justify-content:center;padding:1.5rem 0;display:flex}.ex-library__btn-load-more{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:.45rem;padding:.575rem 1.375rem;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex}.ex-library__btn-load-more:hover:not(:disabled){color:#e91e63;border-color:#e91e63}.ex-library__btn-load-more:disabled{opacity:.6;cursor:not-allowed}.exercise-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:visible}.exercise-card:hover{box-shadow:var(--shadow-md);border-color:#e91e634d;transform:translateY(-2px)}.exercise-card__thumb{aspect-ratio:16/9;background:var(--bg-hover);border-radius:16px 16px 0 0;width:100%;position:relative;overflow:hidden}.exercise-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.exercise-card__thumb:hover img{transform:scale(1.04)}.exercise-card__thumb-ph{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg,var(--bg-hover),var(--bg-primary));justify-content:center;align-items:center;display:flex}.exercise-card__thumb-ph--video{color:#64b5f6}.exercise-card__play{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#e91e63e0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:7px;left:7px}.exercise-card__body{flex:1;padding:.8rem .875rem .45rem}.exercise-card__name{color:var(--text-primary);margin:0 0 .375rem;font-size:.92rem;font-weight:700;line-height:1.3}.exercise-card__meta{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:.3rem;display:flex}.exercise-card__date{color:var(--text-muted);align-items:center;gap:.2rem;font-size:.72rem;display:flex}.exercise-card__sets{color:#e91e63;background:#e91e631f;border-radius:20px;padding:1px 7px;font-size:.7rem;font-weight:600}.exercise-card__notes{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.2rem 0;font-size:.76rem;display:-webkit-box;overflow:hidden}.exercise-card__trainee{color:var(--text-muted);margin:.15rem 0 0;font-size:.7rem}.exercise-card__actions{border-top:1px solid var(--border-color);align-items:center;gap:.3rem;margin-top:auto;padding:.45rem .875rem .65rem;display:flex;position:relative}.exercise-card__btn{border:1px solid var(--border-color);background:var(--bg-hover);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .2s;display:flex}.exercise-card__btn:hover{background:var(--bg-primary);color:var(--text-primary)}.exercise-card__btn--watch:hover{color:#e91e63;border-color:#e91e63}.exercise-card__btn--copied{color:#4caf50;background:#4caf501a;border-color:#4caf50}.exercise-card__btn--more{margin-right:auto}.exercise-card__menu{position:relative}.exercise-card__dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:9999;border-radius:12px;min-width:110px;position:absolute;bottom:calc(100% + 6px);left:0;overflow:hidden}@media (min-width:1024px){.exercise-card__dropdown{top:calc(100% + 4px);bottom:auto}}.exercise-card__dropdown button{width:100%;color:var(--text-secondary);cursor:pointer;text-align:right;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.45rem;padding:.55rem .875rem;font-family:inherit;font-size:.8rem;transition:background .2s;display:flex}.exercise-card__dropdown button:hover{background:var(--bg-hover);color:var(--text-primary)}.exercise-card__dropdown button.danger:hover{color:#f44336;background:#f443361a}:root{--bg-primary:#0a0e27;--bg-secondary:#141829;--bg-card:#1a1f3a;--bg-hover:#252b4a;--text-primary:#fff;--text-secondary:#b0b8d4;--text-muted:#6c7293;--border-color:#2d3454;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 24px #00000080}body.light-mode{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-card:#fff;--bg-hover:#f0f2f5;--text-primary:#1a1f3a;--text-secondary:#4a5568;--text-muted:#718096;--border-color:#e2e8f0;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 24px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);direction:rtl;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}body::-webkit-scrollbar-thumb{background:#e91e63;border-radius:10px}body::-webkit-scrollbar-thumb:hover{background:#f06292}body.dark-mode::-webkit-scrollbar-track{background:#141829}body.dark-mode::-webkit-scrollbar-thumb{background:#e91e63}body.dark-mode::-webkit-scrollbar-thumb:hover{background:#f06292}body.light-mode::-webkit-scrollbar-track{background:#fff}body.light-mode::-webkit-scrollbar-thumb{background:#e91e63}body.light-mode::-webkit-scrollbar-thumb:hover{background:#f06292}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:1rem;font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{color:var(--text-secondary);margin-bottom:1rem}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode h5,body.light-mode h6{color:#1a1f3a}body.light-mode p{color:#4a5568}body.light-mode .stat-card,body.light-mode .welcome-card,body.light-mode .feature{box-shadow:0 2px 8px #00000014}body.light-mode .stat-card:hover,body.light-mode .welcome-card:hover,body.light-mode .feature:hover{box-shadow:0 4px 16px #0000001f}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#fff}body.dark-mode p{color:#b0b8d4}