:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#f15a24;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}body{background-color:#121212;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1e1e1e;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#f15a24}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:width var(--transition-normal);z-index:100;background:#121212f2;border-right:1px solid #ffffff1a;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__header{height:64px;padding:0 var(--spacing-md);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.sidebar__logo{align-items:center;gap:var(--spacing-sm);display:flex;overflow:hidden}.sidebar__logo-icon{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar__logo-image{object-fit:contain;filter:brightness(0)saturate()invert(38%)sepia(93%)saturate(1352%)hue-rotate(346deg)brightness(91%)contrast(101%);flex-shrink:0;width:40px;height:40px}.sidebar__logo-text{font-size:var(--font-size-lg);color:#fff;white-space:nowrap;font-weight:700}.sidebar__toggle{width:28px;height:28px;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:0;display:flex}.sidebar__toggle:hover{color:#fff;background-color:#ffffff1a}.sidebar--collapsed .sidebar__toggle{margin-left:auto;margin-right:auto}.sidebar__nav{padding:var(--spacing-md)0;flex:1;overflow-y:auto}.sidebar__section{margin-bottom:var(--spacing-md)}.sidebar__section-title{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:block}.sidebar__menu{margin:0;padding:0;list-style:none}.sidebar__link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);margin:2px var(--spacing-sm);color:var(--color-gray-400);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:flex}.sidebar__link:hover{color:#fff;background-color:#ffffff14}.sidebar__link--active{color:var(--color-primary-500);background-color:#f15a2426}.sidebar__link--active:hover{color:var(--color-primary-500);background-color:#f15a2433}.sidebar__link-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__link-text{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.sidebar__link-badge{color:#fff;background-color:var(--color-primary-500);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:flex}.sidebar--collapsed .sidebar__section-title{display:none}.sidebar--collapsed .sidebar__link{padding:var(--spacing-sm);justify-content:center}.sidebar--collapsed .sidebar__link-text,.sidebar--collapsed .sidebar__link-badge{display:none}.sidebar__footer{padding:var(--spacing-md);border-top:1px solid #ffffff1a}.sidebar__user{align-items:center;gap:var(--spacing-sm);display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:var(--font-size-sm);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.sidebar__user-role{font-size:var(--font-size-xs);color:var(--color-gray-400);text-transform:capitalize;display:block}.sidebar__logout{width:36px;height:36px;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sidebar__logout:hover{color:var(--color-danger-500);background-color:#ef444426}.sidebar--collapsed .sidebar__user{justify-content:center}.sidebar--collapsed .sidebar__user-info{display:none}.sidebar__version{font-size:var(--font-size-xs);color:var(--color-gray-400)}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:0 0}.sidebar__nav::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.header{top:0;right:0;left:var(--sidebar-width);height:64px;padding:0 var(--spacing-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:90;transition:left var(--transition-normal);background:#121212f2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;position:fixed}.sidebar--collapsed~.main-content .header{left:var(--sidebar-collapsed-width)}.header__left{align-items:center;gap:var(--spacing-md);display:flex}.header__menu-btn{width:40px;height:40px;color:var(--color-gray-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.header__menu-btn:hover{color:#fff;background-color:#ffffff1a}.header__search{align-items:center;gap:var(--spacing-sm);width:400px;height:40px;padding:0 var(--spacing-md);color:var(--color-gray-400);border-radius:var(--radius-lg);transition:all var(--transition-fast);background-color:#ffffff0d;border:1px solid #ffffff1a;display:flex}.header__search:focus-within{border-color:var(--color-primary-500);background-color:#ffffff14;box-shadow:0 0 0 3px #f15a241a}.header__search-input{height:100%;font-family:var(--font-primary);font-size:var(--font-size-sm);color:#fff;background:0 0;border:none;outline:none;flex:1;padding:0}.header__search-input::placeholder{color:var(--color-gray-500)}.header__search-shortcut{color:var(--color-gray-400);border-radius:var(--radius-sm);background-color:#ffffff1a;padding:2px 6px;font-size:11px;font-weight:500}.header__right{align-items:center;gap:var(--spacing-md);display:flex}.header__icon-btn{width:40px;height:40px;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.header__icon-btn:hover{color:#fff;background-color:#ffffff1a}.header__notification-badge{color:#fff;background-color:var(--color-error);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}.header__divider{background-color:#ffffff1a;width:1px;height:24px}.header__user{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.header__user:hover{background-color:#ffffff1a}.header__user-info{flex-direction:column;display:flex}.header__user-name{font-size:var(--font-size-sm);color:#fff;font-weight:500;line-height:1.2}.header__user-role{font-size:var(--font-size-xs);color:var(--color-gray-400);line-height:1.2}@media (max-width:1024px){.header{left:0}.header__menu-btn{display:flex}.header__search{width:300px}}@media (max-width:768px){.header__search,.header__user-info{display:none}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:500;display:inline-flex}.btn:focus{box-shadow:0 0 0 3px var(--color-primary-200);outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--spacing-sm);font-size:var(--font-size-sm)}.btn--md{height:40px;padding:0 var(--spacing-md);font-size:var(--font-size-base)}.btn--lg{height:48px;padding:0 var(--spacing-lg);font-size:var(--font-size-lg)}.btn--primary{background-color:var(--color-primary-500);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-600)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-700)}.btn--secondary{background-color:var(--color-secondary-500);color:#fff}.btn--secondary:hover:not(:disabled){background-color:var(--color-secondary-600)}.btn--secondary:active:not(:disabled){background-color:var(--color-secondary-700)}.btn--outline{color:var(--color-gray-300);background-color:#0000;border:1px solid #fff3}.btn--outline:hover:not(:disabled){color:#fff;background-color:#ffffff1a;border-color:#ffffff4d}.btn--ghost{color:var(--color-gray-300);background-color:#0000}.btn--ghost:hover:not(:disabled){color:#fff;background-color:#ffffff1a}.btn--danger{background-color:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background-color:#dc2626}.btn--full-width{width:100%}.btn--loading{position:relative;color:#0000!important}.btn__spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;position:absolute}.btn--loading .btn__spinner{color:#fff}.btn--outline.btn--loading .btn__spinner,.btn--ghost.btn--loading .btn__spinner{color:var(--color-gray-500)}@keyframes spin{to{transform:rotate(360deg)}}.btn__icon{justify-content:center;align-items:center;display:flex}.btn__icon svg{width:18px;height:18px}.btn--sm .btn__icon svg{width:16px;height:16px}.btn--lg .btn__icon svg{width:20px;height:20px}.input-wrapper{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-wrapper--full-width{width:100%}.input__label{font-size:var(--font-size-sm);color:var(--color-gray-300);font-weight:500}.input__container{align-items:center;display:flex;position:relative}.input{width:100%;height:40px;padding:0 var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:#ffffff0d;border:1px solid #ffffff1a}.input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #f15a241a}.input::placeholder{color:var(--color-gray-500)}.input:disabled{cursor:not-allowed;background-color:#ffffff05}.input--with-left-icon{padding-left:40px}.input--with-right-icon{padding-right:40px}.input__icon{color:var(--color-gray-400);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.input__icon svg{width:18px;height:18px}.input__icon--left{left:12px}.input__icon--right{right:12px}.input__error{font-size:var(--font-size-sm);color:var(--color-error)}.input__hint{font-size:var(--font-size-sm);color:var(--color-gray-500)}.input-wrapper--error .input{border-color:var(--color-error)}.input-wrapper--error .input:focus{box-shadow:0 0 0 3px #ef444433}.select-wrapper{gap:var(--spacing-xs);flex-direction:column;display:flex}.select-wrapper--full-width{width:100%}.select__label{font-size:var(--font-size-sm);color:var(--color-gray-300);font-weight:500}.select__container{align-items:center;display:flex;position:relative}.select{width:100%;height:40px;padding:0 40px 0 var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:#fff;border-radius:var(--radius-md);cursor:pointer;appearance:none;transition:all var(--transition-fast);background-color:#ffffff0d;border:1px solid #ffffff1a}.select:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #f15a241a}.select:disabled{cursor:not-allowed;background-color:#ffffff05}.select__icon{color:var(--color-gray-400);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.select__error{font-size:var(--font-size-sm);color:var(--color-error)}.select__hint{font-size:var(--font-size-sm);color:var(--color-gray-500)}.select-wrapper--error .select{border-color:var(--color-error)}.select-wrapper--error .select:focus{box-shadow:0 0 0 3px #ef444433}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#ffffff05}.card--default{background:#ffffff05;border:1px solid #ffffff1a}.card--bordered{background:#ffffff05;border:1px solid #ffffff26}.card--elevated{background:#ffffff08;box-shadow:0 25px 50px -12px #00000080}.card--padding-none{padding:0}.card--padding-sm{padding:var(--spacing-sm)}.card--padding-md{padding:var(--spacing-md)}.card--padding-lg{padding:var(--spacing-lg)}.card--hoverable{cursor:pointer}.card--hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid #ffffff1a;display:flex}.card--padding-none .card__header{padding:var(--spacing-md)var(--spacing-lg)}.card__header-content{flex:1;min-width:0}.card__title{font-size:var(--font-size-lg);color:#fff;margin:0;font-weight:600}.card__subtitle{margin:var(--spacing-xs)0 0;font-size:var(--font-size-sm);color:var(--color-gray-400)}.card__header-action{flex-shrink:0}.card__content,.card--padding-none .card__content{padding:var(--spacing-lg)}.card__footer{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-radius:0 0 var(--radius-lg)var(--radius-lg);background-color:#ffffff05;border-top:1px solid #ffffff1a;display:flex}.card--padding-none .card__footer{padding:var(--spacing-md)var(--spacing-lg)}.badge{align-items:center;gap:var(--spacing-xs);font-family:var(--font-primary);border-radius:var(--radius-full);white-space:nowrap;font-weight:500;display:inline-flex}.badge--sm{height:20px;padding:0 8px;font-size:11px}.badge--md{height:24px;padding:0 10px;font-size:12px}.badge--lg{height:28px;padding:0 12px;font-size:13px}.badge--default{color:var(--color-gray-300);background-color:#ffffff1a}.badge--primary{color:var(--color-primary-500);background-color:#f15a2433}.badge--secondary{color:var(--color-secondary-500);background-color:#ff7c4733}.badge--success{color:#22c55e;background-color:#22c55e33}.badge--warning{color:#f59e0b;background-color:#f59e0b33}.badge--error{color:#ef4444;background-color:#ef444433}.badge--info{color:#3b82f6;background-color:#3b82f633}.badge__dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.badge--sm .badge__dot{width:5px;height:5px}.badge--lg .badge__dot{width:7px;height:7px}.avatar{flex-shrink:0;display:inline-flex;position:relative}.avatar__inner{background-color:#f15a2433;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar__initials{font-family:var(--font-primary);color:#fff;text-transform:uppercase;font-weight:600}.avatar--xs .avatar__inner{width:24px;height:24px}.avatar--xs .avatar__initials{font-size:10px}.avatar--sm .avatar__inner{width:32px;height:32px}.avatar--sm .avatar__initials{font-size:12px}.avatar--md .avatar__inner{width:40px;height:40px}.avatar--md .avatar__initials{font-size:14px}.avatar--lg .avatar__inner{width:56px;height:56px}.avatar--lg .avatar__initials{font-size:18px}.avatar--xl .avatar__inner{width:80px;height:80px}.avatar--xl .avatar__initials{font-size:24px}.avatar__status{border:2px solid #fff;border-radius:50%;position:absolute;bottom:0;right:0}.avatar--xs .avatar__status{width:8px;height:8px}.avatar--sm .avatar__status{width:10px;height:10px}.avatar--md .avatar__status{width:12px;height:12px}.avatar--lg .avatar__status{width:14px;height:14px}.avatar--xl .avatar__status{width:16px;height:16px}.avatar__status--online{background-color:var(--color-success)}.avatar__status--offline{background-color:var(--color-gray-400)}.avatar__status--busy{background-color:var(--color-error)}.avatar__status--away{background-color:var(--color-warning)}.table-container{border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff1a;width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-family:var(--font-primary);font-size:var(--font-size-sm)}.table__head{background-color:#ffffff0d}.table__head .table__cell{color:var(--color-gray-300);text-transform:uppercase;font-weight:600;font-size:var(--font-size-xs);letter-spacing:.05em}.table__cell{padding:var(--spacing-md);color:var(--color-gray-200);border-bottom:1px solid #ffffff1a}.table__cell--left{text-align:left}.table__cell--center{text-align:center}.table__cell--right{text-align:right}.table__body .table__row:last-child .table__cell{border-bottom:none}.table--hoverable .table__body .table__row:hover{background-color:#ffffff0d}.table--striped .table__body .table__row:nth-child(2n){background-color:#ffffff08}.table__row--selected{background-color:#f15a2426!important}.table__empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-gray-400)}.modal__overlay{padding:var(--spacing-md);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#1e1e1ef2;border:1px solid #ffffff1a;flex-direction:column;max-height:calc(100vh - 2rem);animation:.2s slideIn;display:flex;box-shadow:0 25px 50px -12px #000c}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:560px}.modal--lg{width:100%;max-width:720px}.modal--xl{width:100%;max-width:960px}.modal--full{width:calc(100vw - 2rem);max-width:none;height:calc(100vh - 2rem)}.modal__header{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid #ffffff1a;display:flex}.modal__title{font-size:var(--font-size-lg);color:#fff;margin:0;font-weight:600}.modal__close{width:32px;height:32px;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.modal__close:hover{color:#fff;background-color:#ffffff1a}.modal__content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-radius:0 0 var(--radius-xl)var(--radius-xl);background-color:#ffffff05;border-top:1px solid #ffffff1a;display:flex}.modal__actions{gap:var(--spacing-sm);display:flex}.modal__message{font-size:var(--font-size-base);color:var(--color-gray-300);text-align:center;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-input-wrapper{align-items:center;width:280px;display:inline-flex;position:relative}.search-input-wrapper--full-width{width:100%}.search-input{width:100%;height:40px;font-family:var(--font-primary);font-size:var(--font-size-sm);color:#fff;border-radius:var(--radius-lg);transition:all var(--transition-fast);background-color:#ffffff0d;border:1px solid #ffffff1a;padding:0 36px}.search-input:focus{border-color:var(--color-primary-500);background-color:#ffffff14;outline:none;box-shadow:0 0 0 3px #f15a241a}.search-input::placeholder{color:var(--color-gray-500)}.search-input__icon{color:var(--color-gray-500);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:12px}.search-input__clear{width:24px;height:24px;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:8px}.search-input__clear:hover{color:#fff;background-color:#ffffff1a}.empty-state{padding:var(--spacing-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);color:var(--color-gray-500);background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg);color:#fff;font-weight:600}.empty-state__description{margin:0 0 var(--spacing-lg);max-width:400px;font-size:var(--font-size-base);color:var(--color-gray-400)}.stat-card{gap:var(--spacing-sm);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff1a;flex-direction:column;display:flex}.stat-card:hover{background:#ffffff0d;box-shadow:0 25px 50px -12px #00000080}.stat-card__header{justify-content:space-between;align-items:center;display:flex}.stat-card__title{font-size:var(--font-size-sm);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.025em;font-weight:500}.stat-card__icon{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-gray-300);background-color:#ffffff1a;justify-content:center;align-items:center;display:flex}.stat-card__icon svg{width:20px;height:20px}.stat-card__value{font-size:var(--font-size-3xl);color:#fff;font-weight:700;line-height:1.2}.stat-card__change{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;display:flex}.stat-card__change--positive{color:var(--color-success)}.stat-card__change--negative{color:var(--color-error)}.stat-card__change-label{color:var(--color-gray-500);font-weight:400}.stat-card--primary .stat-card__icon{color:var(--color-primary-500);background-color:#f15a2433}.stat-card--success .stat-card__icon{color:#22c55e;background-color:#22c55e33}.stat-card--warning .stat-card__icon{color:#f59e0b;background-color:#f59e0b33}.stat-card--error .stat-card__icon{color:#ef4444;background-color:#ef444433}.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner__circle{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:.8s linear infinite spinner-rotate}.spinner--sm .spinner__circle{border-width:2px;width:16px;height:16px}.spinner--md .spinner__circle{border-width:2px;width:24px;height:24px}.spinner--lg .spinner__circle{border-width:3px;width:40px;height:40px}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.page-header__content{flex:1;min-width:0}.page-header__breadcrumbs{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);display:flex}.page-header__breadcrumb-separator{color:var(--color-gray-500)}.page-header__breadcrumb-link{color:var(--color-gray-400);transition:color var(--transition-fast);text-decoration:none}.page-header__breadcrumb-link:hover{color:var(--color-primary-500)}.page-header__breadcrumb-current{color:var(--color-gray-300)}.page-header__title{font-size:var(--font-size-2xl);color:#fff;margin:0;font-weight:700}.page-header__subtitle{margin:var(--spacing-xs)0 0;font-size:var(--font-size-base);color:var(--color-gray-400)}.page-header__actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}@media (max-width:640px){.page-header{flex-direction:column;align-items:stretch}.page-header__actions{justify-content:flex-start}}.main-layout{background:linear-gradient(135deg,var(--color-gray-900)0%,var(--color-gray-800)100%);min-height:100vh}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal)}.main-layout--sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.main-content__body{padding:calc(64px + var(--spacing-lg))var(--spacing-lg)var(--spacing-lg);min-height:calc(100vh - 64px)}@media (max-width:1024px){.main-content,.main-layout--sidebar-collapsed .main-content{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.login-page{justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-background{background:linear-gradient(135deg,var(--color-gray-900)0%,var(--color-gray-800)100%);z-index:0;position:absolute;inset:0}.login-gradient{background:radial-gradient(at 20%,#f15a2426 0%,#0000 50%),radial-gradient(at 80% 20%,#f15a241a 0%,#0000 40%),radial-gradient(at 60% 80%,#ff7c471a 0%,#0000 40%);position:absolute;inset:0}.login-container{z-index:1;width:100%;max-width:420px;padding:var(--spacing-4);position:relative}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--spacing-8);background:#ffffff05;border:1px solid #ffffff1a;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d}.login-header{text-align:center;margin-bottom:var(--spacing-8)}.login-logo{background:linear-gradient(135deg,var(--color-gray-800),var(--color-gray-900));border-radius:var(--radius-xl);width:100px;height:100px;margin-bottom:var(--spacing-4);color:#fff;border:1px solid #f15a2433;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 40px -10px #f15a2466}.login-logo-img{object-fit:contain;width:80px;height:80px}.login-title{font-size:var(--text-3xl);color:#fff;letter-spacing:-.02em;margin-bottom:var(--spacing-2);font-weight:800}.login-slogan{font-size:var(--text-sm);color:var(--color-gray-400);font-weight:500}.login-form{gap:var(--spacing-5);flex-direction:column;display:flex}.login-field{gap:var(--spacing-2);flex-direction:column;display:flex}.login-field label{font-size:var(--text-sm);color:var(--color-gray-300);font-weight:500}.login-field input{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.login-field input::placeholder{color:var(--color-gray-500)}.login-field input:focus{border-color:var(--color-primary-500);background:#ffffff14;box-shadow:0 0 0 3px #f15a241a}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:var(--spacing-12)}.password-toggle{right:var(--spacing-3);color:var(--color-gray-400);cursor:pointer;padding:var(--spacing-1);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#fff}.login-error{color:#f87171;padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--text-sm);text-align:center;background:#ef44441a;border:1px solid #ef44444d}.login-footer{text-align:center}.forgot-password{font-size:var(--text-sm);color:var(--color-gray-400);transition:color var(--transition-fast);text-decoration:none}.forgot-password:hover{color:var(--color-primary-400)}.login-demo{margin-top:var(--spacing-6);padding-top:var(--spacing-6);text-align:center;border-top:1px solid #ffffff1a}.login-demo p{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-2)}.login-demo code{font-size:var(--text-xs);color:var(--color-primary-400);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-md);background:#f15a2426}@media (max-width:480px){.login-card{padding:var(--spacing-6)}.login-logo{width:64px;height:64px}.login-logo svg{width:32px;height:32px}.login-title{font-size:var(--text-2xl)}}.login-divider{align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6);color:var(--color-gray-500);font-size:var(--text-sm);display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.face-checkin-button{align-items:center;gap:var(--spacing-4);width:100%;padding:var(--spacing-4);margin-top:var(--spacing-4);border-radius:var(--radius-xl);color:#fff;cursor:pointer;transition:all var(--transition-fast);text-align:left;background:#1e1e1ecc;border:1px solid #f15a244d;display:flex}.face-checkin-button:hover{border-color:var(--color-primary-500);background:#282828e6;transform:translateY(-2px);box-shadow:0 10px 30px -10px #f15a2466}.face-checkin-button svg{color:var(--color-primary-400);flex-shrink:0}.face-checkin-button>div{flex-direction:column;gap:2px;display:flex}.face-checkin-title{font-weight:600;font-size:var(--text-base)}.face-checkin-desc{font-size:var(--text-xs);color:var(--color-gray-400)}.dashboard{gap:var(--spacing-6);flex-direction:column;width:100%;display:flex}.dashboard__stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.dashboard__grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.dashboard__card{min-height:380px}.dashboard__card--chart{grid-column:span 2}.dashboard__card-link{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-primary-600);transition:color var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}.dashboard__card-link:hover{color:var(--color-primary-700)}.dashboard__client-list{flex-direction:column;display:flex}.dashboard__client-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)0;border-bottom:1px solid #ffffff1a;display:flex}.dashboard__client-item:last-child{border-bottom:none}.dashboard__client-info{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard__client-name{font-size:var(--font-size-sm);color:#fff;font-weight:500}.dashboard__client-date{font-size:var(--font-size-xs);color:var(--color-gray-400)}.dashboard__payment-list{flex-direction:column;display:flex}.dashboard__payment-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)0;border-bottom:1px solid #ffffff1a;display:flex}.dashboard__payment-item:last-child{border-bottom:none}.dashboard__payment-info{flex-direction:column;min-width:0;display:flex}.dashboard__payment-client{font-size:var(--font-size-sm);color:#fff;font-weight:500}.dashboard__payment-date{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray-400);display:flex}.dashboard__payment-amount{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column;display:flex}.dashboard__payment-amount span:first-child{font-size:var(--font-size-sm);color:#fff;font-weight:600}.dashboard__maintenance-list{flex-direction:column;display:flex}.dashboard__maintenance-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)0;border-bottom:1px solid #ffffff1a;display:flex}.dashboard__maintenance-item:last-child{border-bottom:none}.dashboard__maintenance-icon{width:36px;height:36px;color:var(--color-gray-400);border-radius:var(--radius-md);background-color:#ffffff1a;justify-content:center;align-items:center;display:flex}.dashboard__maintenance-info{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard__maintenance-machine{font-size:var(--font-size-sm);color:#fff;font-weight:500}.dashboard__maintenance-date{font-size:var(--font-size-xs);color:var(--color-gray-400)}.dashboard__chart-placeholder{height:250px;color:var(--color-gray-500);border-radius:var(--radius-lg);background-color:#ffffff05;border:2px dashed #ffffff1a;flex-direction:column;justify-content:center;align-items:center;display:flex}.dashboard__chart-placeholder p{margin:var(--spacing-md)0 var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-gray-400);font-weight:500}.dashboard__chart-placeholder span{font-size:var(--font-size-sm)}@media (max-width:1280px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard__grid{grid-template-columns:1fr}.dashboard__card--chart{grid-column:span 1}}@media (max-width:640px){.dashboard__stats{grid-template-columns:1fr}}.clients{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.clients__filters{margin-bottom:var(--spacing-md)}.clients__filters-row{gap:var(--spacing-md);align-items:center;display:flex}.clients__filters-selects{gap:var(--spacing-sm);flex-shrink:0;display:flex}.clients__results-info{margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-400);justify-content:space-between;align-items:center;display:flex}.clients__cell-client{align-items:center;gap:var(--spacing-sm);font-weight:500;display:flex}.clients__cell-contact{flex-direction:column;gap:2px;display:flex}.clients__cell-phone{font-size:var(--font-size-xs);color:var(--color-gray-500)}.clients__actions{justify-content:center;align-items:center;gap:var(--spacing-xs);display:flex}.clients__action-btn{width:32px;height:32px;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.clients__action-btn:hover{color:#fff;background-color:#ffffff1a}.clients__action-btn--danger:hover{color:var(--color-error);background-color:#ef444426}.clients__modal-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.clients__form{gap:var(--spacing-xl);flex-direction:column;display:flex}.clients__form-section h4{margin:0 0 var(--spacing-md);font-size:var(--font-size-base);color:#fff;padding-bottom:var(--spacing-sm);border-bottom:1px solid #ffffff1a;font-weight:600}.clients__form-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.clients__form-textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:#fff;border-radius:var(--radius-md);resize:vertical;transition:all var(--transition-fast);background-color:#ffffff0d;border:1px solid #ffffff1a}.clients__form-textarea:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #f15a241a}@media (max-width:1024px){.clients__filters-row{flex-direction:column;align-items:stretch}.clients__filters-selects{flex-wrap:wrap}}@media (max-width:640px){.clients__form-grid{grid-template-columns:1fr}}.clients__loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-gray-400);flex-direction:column;display:flex}.clients__spinner{animation:1s linear infinite spin}.clients__error-content{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);color:var(--color-error);display:flex}.clients__form-error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);background-color:#ef44441a;border:1px solid #ef44444d;display:flex}.clients__pagination{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)0;display:flex}.clients__pagination-info{font-size:var(--font-size-sm);color:var(--color-gray-400)}.client-detail-page{gap:var(--spacing-6);flex-direction:column;display:flex}.client-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-6);padding:var(--spacing-6);border-radius:var(--radius-xl);background:#ffffff05;border:1px solid #ffffff1a;display:flex}.client-header-main{gap:var(--spacing-5);display:flex}.client-header-info{gap:var(--spacing-2);flex-direction:column;display:flex}.client-name-row{align-items:center;gap:var(--spacing-3);display:flex}.client-name-row h1{font-size:var(--text-2xl);color:#fff;font-weight:700}.client-meta{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.client-meta span{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-gray-400);display:flex}.client-header-stats{gap:var(--spacing-6);display:flex}.header-stat{text-align:center;padding:var(--spacing-3)var(--spacing-5);border-radius:var(--radius-lg);background:#ffffff0d;flex-direction:column;align-items:center;display:flex}.header-stat-value{font-size:var(--text-lg);color:var(--color-primary-500);font-weight:700}.header-stat-label{font-size:var(--text-xs);color:var(--color-gray-400);margin-top:var(--spacing-1)}.client-tabs{gap:var(--spacing-1);padding:var(--spacing-1);border-radius:var(--radius-lg);background:#ffffff0d;width:fit-content;display:flex}.client-tabs .tab{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.client-tabs .tab:hover{color:#fff}.client-tabs .tab.active{color:var(--color-primary-500);box-shadow:var(--shadow-sm);background:#ffffff1a}.client-content{min-height:400px}.overview-grid{gap:var(--spacing-6);grid-template-columns:repeat(3,1fr);display:grid}.overview-grid .card:first-child{grid-column:span 2}.info-list{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.info-item{gap:var(--spacing-1);flex-direction:column;display:flex}.info-item--full{grid-column:span 2}.info-label{font-size:var(--text-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.info-value{font-size:var(--text-sm);color:#fff}.attendance-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}.attendance-item{text-align:center;padding:var(--spacing-3);border-radius:var(--radius-lg);background:#ffffff0d}.attendance-value{font-size:var(--text-2xl);color:var(--color-primary-500);font-weight:700}.attendance-label{font-size:var(--text-xs);color:var(--color-gray-400);margin-top:var(--spacing-1)}.streak-banner{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-lg);color:#fff;display:flex}.streak-banner div{flex-direction:column;display:flex}.streak-banner strong{font-size:var(--text-base)}.streak-banner span{font-size:var(--text-xs);opacity:.8}.recent-list{gap:var(--spacing-3);flex-direction:column;display:flex}.recent-item{padding:var(--spacing-3);border-radius:var(--radius-md);background:#ffffff0d;justify-content:space-between;align-items:center;display:flex}.recent-info{gap:var(--spacing-1);flex-direction:column;display:flex}.recent-title{font-size:var(--text-sm);color:#fff;font-weight:500}.recent-date{font-size:var(--text-xs);color:var(--color-gray-400)}.recent-amount{font-size:var(--text-sm);color:var(--color-primary-500);font-weight:600}.weight-current{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.weight-value{font-size:var(--text-3xl);color:#fff;font-weight:700}.weight-chart{align-items:flex-end;gap:var(--spacing-2);height:100px;padding:var(--spacing-4)0;display:flex}.weight-bar-container{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.weight-bar{background:var(--color-primary-500);border-radius:var(--radius-sm)var(--radius-sm)0 0;width:100%;min-height:10px}.weight-bar-label{font-size:var(--text-xs);color:var(--color-gray-400);margin-top:var(--spacing-2)}.performance-list{gap:var(--spacing-3);flex-direction:column;display:flex}.performance-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);background:#ffffff0d;display:flex}.performance-exercise{font-size:var(--text-sm);color:#fff;flex:1;font-weight:500}.performance-current{font-size:var(--text-sm);color:var(--color-primary-500);font-weight:600}.progress-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}.progress-summary{gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid #ffffff1a;display:flex}.progress-stat{padding:var(--spacing-4);border-radius:var(--radius-lg);background:#ffffff0d;flex-direction:column;flex:1;align-items:center;display:flex}.progress-stat.highlight{background:#f15a2426}.progress-stat-label{font-size:var(--text-xs);color:var(--color-gray-400);margin-bottom:var(--spacing-1)}.progress-stat-value{font-size:var(--text-xl);color:#fff;font-weight:700}.progress-stat.highlight .progress-stat-value{color:var(--color-primary-500)}@media (max-width:1200px){.overview-grid{grid-template-columns:repeat(2,1fr)}.overview-grid .card:first-child{grid-column:span 2}}@media (max-width:1024px){.client-header{flex-direction:column}.client-header-stats{justify-content:space-between;width:100%}.progress-grid{grid-template-columns:1fr}}@media (max-width:768px){.overview-grid{grid-template-columns:1fr}.overview-grid .card:first-child{grid-column:span 1}.client-tabs{width:100%;overflow-x:auto}.info-list{grid-template-columns:1fr}.info-item--full{grid-column:span 1}}@media (max-width:640px){.client-header-main{text-align:center;flex-direction:column;align-items:center}.client-meta{justify-content:center}.client-header-stats{flex-direction:column}.header-stat{text-align:left;flex-direction:row;justify-content:space-between}}.trainers{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.trainers__filters{margin-bottom:var(--spacing-lg)}.trainers__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.trainer-card__header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.trainer-card__actions{gap:var(--spacing-xs);display:flex}.trainer-card__action-btn{width:32px;height:32px;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.trainer-card__action-btn:hover{color:#fff;background-color:#ffffff1a}.trainer-card__action-btn--danger:hover{color:var(--color-error);background-color:#ef444433}.trainer-card__name{margin:var(--spacing-sm)0;font-size:var(--font-size-lg);color:#fff;font-weight:600}.trainer-card__specialties{gap:var(--spacing-xs);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.trainer-card__info{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid #ffffff1a;flex-direction:column;display:flex}.trainer-card__info-item{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-300);display:flex}.trainer-card__info-item svg{color:var(--color-gray-500)}.trainer-card__stats{gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid #ffffff1a;display:flex}.trainer-card__stat{flex-direction:column;display:flex}.trainer-card__stat-value{font-size:var(--font-size-xl);color:#fff;font-weight:700}.trainer-card__stat-label{font-size:var(--font-size-xs);color:var(--color-gray-400)}.trainers__modal-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.trainers__form{gap:var(--spacing-xl);flex-direction:column;display:flex}.trainers__form-section h4{margin:0 0 var(--spacing-md);font-size:var(--font-size-base);color:#fff;padding-bottom:var(--spacing-sm);border-bottom:1px solid #ffffff1a;font-weight:600}.trainers__form-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.trainers__form-grid{grid-template-columns:1fr}}.payments{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.payments__stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.payments__filters{margin-bottom:var(--spacing-md)}.payments__filters-row{gap:var(--spacing-md);align-items:center;display:flex}.payments__filters-selects{gap:var(--spacing-sm);display:flex}.payments__cell-client{font-weight:500}.payments__cell-amount{color:#fff;font-weight:600}.payments__action-btn{width:32px;height:32px;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.payments__action-btn:hover{color:#fff;background-color:#ffffff1a}.payments__modal-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.payments__form{gap:var(--spacing-md);flex-direction:column;display:flex}.payments__form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.payments__form-textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:#fff;border-radius:var(--radius-md);resize:vertical;background-color:#ffffff0d;border:1px solid #ffffff1a}.payments__form-textarea:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #f15a241a}@media (max-width:1280px){.payments__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.payments__filters-row{flex-direction:column;align-items:stretch}.payments__form-row{grid-template-columns:1fr}}.machines{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.machines__summary{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-lg);background-color:#ffffff05;border:1px solid #ffffff1a;display:flex}.machines__summary-item{padding-right:var(--spacing-lg);border-right:1px solid #ffffff1a;flex-direction:column;display:flex}.machines__summary-item:last-child{border-right:none}.machines__summary-value{font-size:var(--font-size-2xl);color:#fff;font-weight:700}.machines__summary-item--success .machines__summary-value{color:var(--color-success)}.machines__summary-item--warning .machines__summary-value{color:var(--color-warning)}.machines__summary-item--error .machines__summary-value{color:var(--color-error)}.machines__summary-label{font-size:var(--font-size-sm);color:var(--color-gray-400)}.machines__filters{margin-bottom:var(--spacing-lg)}.machines__filters-row{gap:var(--spacing-md);align-items:center;display:flex}.machines__filters-selects{gap:var(--spacing-sm);display:flex}.machines__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.machine-card__header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.machine-card__icon{width:48px;height:48px;color:var(--color-primary-500);border-radius:var(--radius-lg);background-color:#f15a2433;justify-content:center;align-items:center;display:flex}.machine-card__code{font-size:var(--font-size-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.machine-card__name{margin:var(--spacing-xs)0;font-size:var(--font-size-lg);color:#fff;font-weight:600}.machine-card__brand{font-size:var(--font-size-sm);color:var(--color-gray-400);margin:0}.machine-card__details{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;display:grid}.machine-card__detail{flex-direction:column;gap:2px;display:flex}.machine-card__detail-label{font-size:var(--font-size-xs);color:var(--color-gray-400)}.machine-card__detail-value{font-size:var(--font-size-sm);color:#fff;font-weight:500}.machine-card__actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #ffffff1a;display:flex}.machines__modal-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.machines__form{gap:var(--spacing-md);flex-direction:column;display:flex}.machines__form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.machines__summary{flex-direction:column}.machines__summary-item{padding-right:0;padding-bottom:var(--spacing-md);border-bottom:1px solid #ffffff1a;border-right:none}.machines__filters-row{flex-direction:column;align-items:stretch}.machines__form-row{grid-template-columns:1fr}}.maintenance{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.maintenance__stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.maintenance__filters{margin-bottom:var(--spacing-md)}.maintenance__filters-row{gap:var(--spacing-md);align-items:center;display:flex}.maintenance__filters-selects{gap:var(--spacing-sm);display:flex}.maintenance__cell-machine{flex-direction:column;display:flex}.maintenance__machine-name{color:#fff;font-weight:500}.maintenance__machine-code{font-size:var(--font-size-xs);color:var(--color-gray-400)}.maintenance__cell-cost{color:#fff;font-weight:600}.maintenance__action-btn{width:32px;height:32px;color:var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.maintenance__action-btn:hover{color:#fff;background-color:#ffffff1a}.maintenance__modal-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.maintenance__form{gap:var(--spacing-md);flex-direction:column;display:flex}.maintenance__form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.maintenance__form-textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);color:#fff;border-radius:var(--radius-md);resize:vertical;background-color:#ffffff0d;border:1px solid #ffffff1a}.maintenance__form-textarea:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #f15a2433}@media (max-width:1280px){.maintenance__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.maintenance__filters-row{flex-direction:column;align-items:stretch}.maintenance__form-row{grid-template-columns:1fr}}.calendar-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.calendar-controls .card-content{padding:var(--spacing-md)var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.controls-left{align-items:center;gap:var(--spacing-md);display:flex}.nav-buttons{gap:var(--spacing-xs);display:flex}.nav-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.nav-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.current-date{color:var(--color-text);margin:0;font-size:1.25rem;font-weight:600}.view-selector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.view-btn{padding:var(--spacing-sm)var(--spacing-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500}.view-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.view-btn.active{background:var(--color-primary);color:#fff}.calendar-container{gap:var(--spacing-lg);grid-template-columns:1fr 320px;display:grid}.calendar-week{overflow:hidden}.week-header{border-bottom:1px solid var(--color-border);grid-template-columns:60px repeat(7,1fr);display:grid}.time-column-header{padding:var(--spacing-md)}.week-day-header{padding:var(--spacing-md);border-left:1px solid var(--color-border);flex-direction:column;align-items:center;display:flex}.week-day-header.today{background:var(--color-primary-soft)}.day-name{color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:500}.day-number{color:var(--color-text);margin-top:var(--spacing-xs);font-size:1.5rem;font-weight:600}.day-number.today{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.week-body{grid-template-columns:60px repeat(7,1fr);max-height:600px;display:grid;overflow-y:auto}.time-column{border-right:1px solid var(--color-border)}.time-slot-label{height:60px;padding:var(--spacing-xs)var(--spacing-sm);color:var(--color-text-secondary);text-align:right;font-size:.75rem}.day-column{border-left:1px solid var(--color-border);position:relative}.time-slot{border-bottom:1px solid var(--color-border);height:60px}.calendar-event{border-radius:var(--radius-sm);padding:var(--spacing-xs)var(--spacing-sm);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);z-index:1;flex-direction:column;display:flex;position:absolute;left:4px;right:4px;overflow:hidden}.calendar-event:hover{box-shadow:var(--shadow-lg);z-index:2;transform:scale(1.02)}.event-time{opacity:.9;color:#fff;font-size:.65rem}.event-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.event-capacity{opacity:.8;color:#fff;font-size:.65rem}.calendar-month{overflow:hidden}.month-header{background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(7,1fr);display:grid}.month-day-header{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.month-body{grid-template-columns:repeat(7,1fr);display:grid}.month-day{min-height:100px;padding:var(--spacing-xs);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.month-day.empty{background:var(--color-surface-hover)}.month-day.today{background:var(--color-primary-soft)}.month-day-number{color:var(--color-text-secondary);text-align:center;width:28px;height:28px;font-size:.875rem;font-weight:500;line-height:28px;display:inline-block}.month-day-number.today{background:var(--color-primary);color:#fff;border-radius:50%}.month-day-events{margin-top:var(--spacing-xs);flex-direction:column;gap:2px;display:flex}.month-event{padding:2px var(--spacing-xs);border-radius:var(--radius-xs);color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:.7rem;overflow:hidden}.month-event:hover{opacity:.9}.more-events{color:var(--color-text-secondary);padding-left:var(--spacing-xs);font-size:.7rem}.calendar-day{overflow:hidden}.day-header-single{align-items:baseline;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex}.day-name-single{color:var(--color-text-secondary);text-transform:capitalize;font-size:1rem}.day-number-single{color:var(--color-text);font-size:2.5rem;font-weight:700}.day-month-single{color:var(--color-text-secondary);font-size:1rem}.day-body{grid-template-columns:60px 1fr;max-height:600px;display:grid;overflow-y:auto}.day-events-column{border-left:1px solid var(--color-border);position:relative}.day-event{left:var(--spacing-md);right:var(--spacing-md)}.day-event-content{color:#fff;flex-direction:column;gap:2px;display:flex}.day-event .event-title{font-size:.875rem}.day-event .event-time{font-size:.75rem}.event-instructor,.event-location{opacity:.9;align-items:center;gap:4px;font-size:.7rem;display:flex}.upcoming-events{height:fit-content}.upcoming-header{align-items:center;gap:var(--spacing-sm);color:var(--color-text);display:flex}.upcoming-header h3{margin:0;font-size:1rem;font-weight:600}.upcoming-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.upcoming-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex;position:relative}.upcoming-item:hover{background:var(--color-surface-hover)}.upcoming-color{border-radius:var(--radius-xs);width:4px;height:100%;min-height:50px}.upcoming-title{color:var(--color-text);font-size:.875rem;font-weight:600}.upcoming-time,.upcoming-meta{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:.75rem;display:flex}.recurring-icon{color:var(--color-text-secondary)}.event-detail-header{padding-left:var(--spacing-md);margin-bottom:var(--spacing-lg);border-left:4px solid;justify-content:space-between;align-items:center;display:flex}.event-detail-header h3{color:var(--color-text);margin:0;font-size:1.25rem}.event-detail-body{gap:var(--spacing-md);flex-direction:column;display:flex}.detail-row{align-items:flex-start;gap:var(--spacing-md);color:var(--color-text-secondary);display:flex}.detail-row div{flex-direction:column;gap:2px;display:flex}.detail-row strong{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.detail-row span{color:var(--color-text);font-size:.875rem}.capacity-bar{background:var(--color-surface-hover);border-radius:var(--radius-xs);width:120px;height:6px;margin-top:4px;overflow:hidden}.capacity-fill{background:var(--color-primary);border-radius:var(--radius-xs);height:100%}.event-detail-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex}.new-event-form{padding:var(--spacing-md)0}.checkbox-label{cursor:pointer;align-items:center;gap:var(--spacing-sm)!important;flex-direction:row!important}.checkbox-label input{width:18px;height:18px;accent-color:var(--color-primary)}.modal-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex}@media (max-width:1024px){.calendar-container{grid-template-columns:1fr}.upcoming-events{order:-1}.upcoming-list{padding-bottom:var(--spacing-sm);flex-direction:row;overflow-x:auto}.upcoming-item{min-width:200px}}.routines-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.routines-stats{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.stat-card .card-content{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);display:flex}.stat-value{color:var(--color-text);font-size:1.5rem;font-weight:700}.stat-label{color:var(--color-text-secondary);font-size:.875rem}.routines-filters .card-content{padding:var(--spacing-md)var(--spacing-lg)}.filters-row .search-input{flex:1;max-width:300px}.routines-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.routine-card{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.routine-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.routine-card .card-content{gap:var(--spacing-md);padding:var(--spacing-lg);flex-direction:column;display:flex}.routine-header{gap:var(--spacing-sm);flex-direction:column;display:flex}.routine-title-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.routine-title-row h3{color:var(--color-text);margin:0;font-size:1.125rem;font-weight:600}.routine-description{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.routine-meta{gap:var(--spacing-lg);padding:var(--spacing-md)0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex}.meta-item{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:.875rem;display:flex}.meta-item svg{color:var(--color-primary)}.routine-exercises-preview{gap:var(--spacing-sm);flex-direction:column;display:flex}.exercises-header{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600;display:flex}.exercises-list-preview{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.exercise-tag{background:var(--color-surface-hover);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.75rem}.more-tag{background:var(--color-primary-soft);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-primary);font-size:.75rem;font-weight:500}.routine-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.assigned-count{color:var(--color-text-secondary);font-size:.875rem}.routine-actions{gap:var(--spacing-xs);display:flex}.action-btn.danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.routine-detail{gap:var(--spacing-lg);flex-direction:column;display:flex}.detail-header{gap:var(--spacing-sm);flex-direction:column;display:flex}.detail-title{align-items:center;gap:var(--spacing-md);display:flex}.detail-title h2{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:600}.detail-header p{color:var(--color-text-secondary);margin:0}.detail-stat{align-items:center;gap:var(--spacing-sm);color:var(--color-primary);display:flex}.detail-stat div{flex-direction:column;display:flex}.detail-stat .stat-value{color:var(--color-text);font-size:1.25rem;font-weight:600}.detail-stat .stat-label{color:var(--color-text-secondary);font-size:.75rem}.exercises-section h3{align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-md)0;color:var(--color-text);font-size:1rem;display:flex}.exercises-list{gap:var(--spacing-sm);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.exercise-item{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.exercise-item:hover{border-color:var(--color-primary)}.exercise-main{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;display:flex}.exercise-order{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.exercise-info{flex-direction:column;flex:1;gap:2px;display:flex}.exercise-muscle{color:var(--color-text-secondary);font-size:.75rem}.exercise-summary{gap:var(--spacing-md);color:var(--color-text-secondary);font-size:.75rem;display:flex}.exercise-summary span{background:var(--color-surface-hover);padding:2px var(--spacing-sm);border-radius:var(--radius-xs)}.exercise-details{padding:var(--spacing-md);background:var(--color-surface-hover);border-top:1px solid var(--color-border)}.detail-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);font-size:.875rem;display:grid}.detail-grid strong{color:var(--color-text-secondary)}.exercise-notes{margin:var(--spacing-md)0 0 0;color:var(--color-text-secondary);font-size:.875rem;font-style:italic}.detail-footer{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.creator-info{color:var(--color-text-secondary);flex-direction:column;gap:2px;font-size:.75rem;display:flex}.detail-actions{gap:var(--spacing-sm);display:flex}.create-routine-form{gap:var(--spacing-xl);flex-direction:column;display:flex}.form-section h4{margin:0 0 var(--spacing-md)0;color:var(--color-text);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-size:1rem}.exercise-builder{gap:var(--spacing-md);flex-direction:column;display:flex}.add-exercise-row{gap:var(--spacing-md);display:flex}.add-exercise-row select{flex:1}.exercises-placeholder{padding:var(--spacing-xl);background:var(--color-surface-hover);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.exercises-placeholder p{margin:0;font-weight:500}.exercises-placeholder span{font-size:.75rem}@media (max-width:768px){.routines-stats,.routines-grid,.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:1}}.purchases-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.purchases-stats{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.purchases-tabs{gap:var(--spacing-sm);display:flex}.purchases-filters{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.purchases-filters .search-input{flex:1;max-width:300px}.order-number{color:var(--color-primary);font-weight:600}.order-total{color:var(--color-text);font-weight:600}.suppliers-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.supplier-card{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.supplier-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.supplier-card .card-content{gap:var(--spacing-md);flex-direction:column;display:flex}.supplier-header{justify-content:space-between;align-items:flex-start;display:flex}.supplier-icon{background:var(--color-primary-soft);width:48px;height:48px;color:var(--color-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.supplier-name{color:var(--color-text);margin:0;font-size:1.125rem;font-weight:600}.supplier-contact{color:var(--color-text-secondary);margin:0;font-size:.875rem}.supplier-info{gap:var(--spacing-xs);color:var(--color-text-secondary);flex-direction:column;font-size:.875rem;display:flex}.info-row span{color:var(--color-text-muted);margin-right:var(--spacing-xs)}.supplier-stats{gap:var(--spacing-xl);padding:var(--spacing-md)0;border-top:1px solid var(--color-border);display:flex}.supplier-stat{flex-direction:column;display:flex}.supplier-stat .stat-value{color:var(--color-text);font-size:1.125rem;font-weight:600}.supplier-stat .stat-label{color:var(--color-text-secondary);font-size:.75rem}.supplier-actions{gap:var(--spacing-sm);display:flex}.order-form,.supplier-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-section h4{margin:0 0 var(--spacing-md)0;color:var(--color-text);font-size:1rem}.products-placeholder{padding:var(--spacing-xl);background:var(--color-surface-hover);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.products-placeholder p{margin:0}.order-detail{gap:var(--spacing-lg);flex-direction:column;display:flex}.order-detail-header{justify-content:flex-end;display:flex}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-item .label{color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem}.detail-item .value{color:var(--color-text);font-size:.875rem;font-weight:500}.detail-item .value.total{color:var(--color-primary);font-size:1.25rem}.order-actions{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex}@media (max-width:1024px){.purchases-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.purchases-stats,.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:1}.purchases-filters{flex-direction:column}.purchases-filters .search-input{max-width:100%}}.sales-page{gap:var(--spacing-6);flex-direction:column;display:flex}.sales-layout{gap:var(--spacing-6);grid-template-columns:1fr 380px;min-height:calc(100vh - 220px);display:grid}.products-panel{flex-direction:column;display:flex}.products-header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}.category-filters{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.products-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.product-card{gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:2px solid #0000;flex-direction:column;display:flex;position:relative}.product-card:hover{background:#ffffff1a;border-color:#f15a244d;transform:translateY(-2px)}.product-card--in-cart{border-color:var(--color-primary-500);background:#f15a2426}.product-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-primary-500);box-shadow:var(--shadow-sm);background:#ffffff1a;justify-content:center;align-items:center;display:flex}.product-info{gap:var(--spacing-1);flex-direction:column;display:flex}.product-name{font-size:var(--text-sm);color:#fff;font-weight:600;line-height:1.3}.product-category{font-size:var(--text-xs);color:var(--color-gray-400)}.product-details{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price{font-size:var(--text-base);color:var(--color-primary-600);font-weight:700}.product-cart-badge{background:var(--color-primary-500);color:#fff;width:28px;height:28px;font-size:var(--text-sm);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.cart-panel{top:var(--spacing-6);height:fit-content;position:sticky}.cart-card{background:#ffffff05;border:1px solid #ffffff1a}.cart-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.cart-header h3{font-size:var(--text-lg);color:#fff;font-weight:600}.cart-empty{padding:var(--spacing-8)var(--spacing-4);text-align:center;color:var(--color-gray-500);flex-direction:column;justify-content:center;align-items:center;display:flex}.cart-empty svg{margin-bottom:var(--spacing-3);opacity:.5}.cart-empty p{font-size:var(--text-base);color:var(--color-gray-400);margin-bottom:var(--spacing-1);font-weight:500}.cart-empty span{font-size:var(--text-sm)}.cart-items{gap:var(--spacing-3);max-height:400px;margin-bottom:var(--spacing-4);flex-direction:column;display:flex;overflow-y:auto}.cart-item{gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-lg);background:#ffffff0d;flex-direction:column;display:flex}.cart-item-info{justify-content:space-between;align-items:flex-start;display:flex}.cart-item-info h4{font-size:var(--text-sm);color:#fff;flex:1;font-weight:500}.cart-item-price{font-size:var(--text-xs);color:var(--color-gray-400)}.cart-item-actions{align-items:center;gap:var(--spacing-3);display:flex}.quantity-controls{align-items:center;gap:var(--spacing-2);border-radius:var(--radius-md);padding:var(--spacing-1);background:#ffffff0d;border:1px solid #ffffff1a;display:flex}.quantity-controls button{width:24px;height:24px;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.quantity-controls button:hover{color:var(--color-primary-500);background:#ffffff1a}.quantity-controls span{font-size:var(--text-sm);text-align:center;color:#fff;min-width:24px;font-weight:600}.cart-item-total{font-size:var(--text-sm);color:#fff;text-align:right;min-width:80px;font-weight:600}.remove-item{padding:var(--spacing-1);color:var(--color-gray-400);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.remove-item:hover{color:var(--color-danger-500)}.cart-summary{padding-top:var(--spacing-4);gap:var(--spacing-4);border-top:1px solid #ffffff1a;flex-direction:column;display:flex}.cart-total{justify-content:space-between;align-items:center;display:flex}.cart-total span:first-child{font-size:var(--text-base);color:var(--color-gray-400)}.total-amount{font-size:var(--text-xl);color:#fff;font-weight:700}.checkout-content{gap:var(--spacing-6);flex-direction:column;display:flex}.checkout-section{gap:var(--spacing-3);flex-direction:column;display:flex}.checkout-section label{font-size:var(--text-sm);color:var(--color-gray-300);font-weight:600}.client-search{align-items:center;gap:var(--spacing-3);color:var(--color-gray-500);display:flex}.client-search input{flex:1}.payment-methods{gap:var(--spacing-3);grid-template-columns:repeat(3,1fr);display:grid}.payment-method{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-gray-400);background:#ffffff0d;border:2px solid #ffffff1a;flex-direction:column;display:flex}.payment-method:hover{background:#ffffff1a;border-color:#fff3}.payment-method.active{border-color:var(--color-primary-500);color:var(--color-primary-500);background:#f15a2426}.payment-method span{font-size:var(--text-sm);font-weight:500}.checkout-summary{padding:var(--spacing-4);border-radius:var(--radius-lg);gap:var(--spacing-2);background:#ffffff0d;flex-direction:column;display:flex}.summary-row{font-size:var(--text-sm);color:var(--color-gray-400);justify-content:space-between;display:flex}.summary-row.total{padding-top:var(--spacing-2);font-size:var(--text-base);color:#fff;border-top:1px solid #ffffff1a;font-weight:600}.checkout-actions{justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid #ffffff1a;display:flex}@media (max-width:1024px){.sales-layout{grid-template-columns:1fr}.cart-panel{z-index:100;padding:var(--spacing-4);background:var(--color-gray-900);border-top:1px solid #ffffff1a;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.cart-items{max-height:200px}}@media (max-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}.payment-methods{grid-template-columns:1fr}}.checkin-page{gap:var(--spacing-6);flex-direction:column;display:flex}.checkin-result-overlay{z-index:1000;cursor:pointer;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.checkin-result-overlay--success{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600))}.checkin-result-overlay--error{background:linear-gradient(135deg,var(--color-danger-500),var(--color-danger-600))}.checkin-result-content{align-items:center;gap:var(--spacing-4);color:#fff;text-align:center;flex-direction:column;animation:.3s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.checkin-result-icon{margin-bottom:var(--spacing-4)}.checkin-result-content h2{font-size:var(--text-3xl);font-weight:700}.checkin-result-content .result-message{font-size:var(--text-xl);opacity:.9}.result-details{gap:var(--spacing-6);margin-top:var(--spacing-4);display:flex}.result-details span{align-items:center;gap:var(--spacing-2);font-size:var(--text-base);opacity:.9;display:flex}.result-hint{margin-top:var(--spacing-8);font-size:var(--text-sm);opacity:.7}.checkin-layout{gap:var(--spacing-6);grid-template-columns:1fr 320px;display:grid}.checkin-main{flex-direction:column;display:flex}.checkin-card{min-height:500px}.checkin-header{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.checkin-header-icon{width:56px;height:56px;color:var(--color-primary-500);border-radius:var(--radius-xl);background:#f15a2433;justify-content:center;align-items:center;display:flex}.checkin-header h2{font-size:var(--text-xl);color:#fff;margin-bottom:var(--spacing-1);font-weight:600}.checkin-header p{font-size:var(--text-sm);color:var(--color-gray-400)}.checkin-input{margin-bottom:var(--spacing-6);position:relative}.checkin-input-icon{left:var(--spacing-4);color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.checkin-input input{padding-left:var(--spacing-14);padding-right:var(--spacing-12);font-size:var(--text-lg);height:56px}.checkin-input-clear{right:var(--spacing-4);color:var(--color-gray-400);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.checkin-input-clear:hover{color:#fff;background:#ffffff1a}.search-results{gap:var(--spacing-2);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.search-result-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff1a;display:flex}.search-result-item:hover{border-color:var(--color-primary-500);background:#ffffff0d}.search-result-item--inactive{opacity:.7}.search-result-item--inactive:hover{border-color:var(--color-gray-300)}.result-info{flex:1}.result-info h4{font-size:var(--text-base);color:#fff;font-weight:600}.result-info span{font-size:var(--text-sm);color:var(--color-gray-400)}.result-arrow{color:var(--color-gray-400)}.no-results{padding:var(--spacing-8);color:var(--color-gray-500);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-results h4{font-size:var(--text-lg);color:#fff;margin-top:var(--spacing-3);font-weight:600}.no-results p{font-size:var(--text-sm);color:var(--color-gray-400);margin-top:var(--spacing-1)}.selected-member{margin-top:var(--spacing-4)}.member-card{border-radius:var(--radius-xl);padding:var(--spacing-6);background:#ffffff05;border:2px solid #ffffff1a}.member-main-info{flex:1}.member-main-info h3{font-size:var(--text-xl);color:#fff;font-weight:700}.member-main-info p{font-size:var(--text-sm);color:var(--color-gray-400);margin-top:var(--spacing-1)}.member-status{padding-left:var(--spacing-4);border-left:3px solid var(--status-color,var(--color-gray-300))}.member-details{gap:var(--spacing-4);padding:var(--spacing-4)0;grid-template-columns:repeat(2,1fr);display:grid}.detail-item{align-items:flex-start;gap:var(--spacing-3);display:flex}.detail-item svg{color:var(--color-gray-400);margin-top:2px}.detail-label{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;display:block}.detail-value{font-size:var(--text-base);color:#fff;margin-top:var(--spacing-1);font-weight:600;display:block}.text-danger{color:var(--color-danger-600)!important}.text-warning{color:var(--color-warning-600)!important}.member-alert{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-lg);margin-top:var(--spacing-3);display:flex}.member-alert--error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.member-alert--warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.member-alert span{font-size:var(--text-sm)}.member-actions{justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid #ffffff1a;display:flex}.member-actions .btn{min-width:140px}.btn-loading{align-items:center;gap:var(--spacing-2);display:flex}.checkin-sidebar{gap:var(--spacing-4);flex-direction:column;display:flex}.checkin-stats{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr);display:grid}.stat-card .card-content{text-align:center;flex-direction:column;align-items:center;display:flex;padding:var(--spacing-4)!important}.stat-icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--spacing-3);justify-content:center;align-items:center;display:flex}.stat-label{font-size:var(--text-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.history-card{flex:1}.history-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);color:var(--color-gray-300);display:flex}.history-header h3{font-size:var(--text-base);font-weight:600}.checkin-history{gap:var(--spacing-3);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.history-empty{padding:var(--spacing-8);color:var(--color-gray-400);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.history-empty p{margin-top:var(--spacing-2);font-size:var(--text-sm)}.history-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);background:#ffffff05;display:flex}.history-info{flex:1;min-width:0}.history-info h4{font-size:var(--text-sm);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.history-info span{font-size:var(--text-xs);color:var(--color-gray-400)}.history-time{font-size:var(--text-sm);color:var(--color-primary-500);font-weight:600}@media (max-width:1024px){.checkin-layout{grid-template-columns:1fr}.checkin-sidebar{flex-flow:wrap}.checkin-stats{flex:1;min-width:200px}.history-card{flex:2;min-width:300px}}@media (max-width:640px){.member-details,.checkin-stats{grid-template-columns:1fr}.member-actions{flex-direction:column}.member-actions .btn{width:100%}}.inventory-page{gap:var(--spacing-6);flex-direction:column;display:flex}.inventory-stats{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}.stat-card .card-content{align-items:center;gap:var(--spacing-4);display:flex}.stat-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon--primary{color:var(--color-primary-500);background:#f15a2433}.stat-icon--warning{color:var(--color-warning-500);background:#f59e0b33}.stat-icon--success{color:var(--color-success-500);background:#10b98133}.stat-icon--info{color:var(--color-primary-500);background:#f15a2433}.stat-info{flex-direction:column;display:flex}.stat-value{font-size:var(--text-xl);color:#fff;font-weight:700}.stat-label{font-size:var(--text-sm);color:var(--color-gray-400)}.filters-row{gap:var(--spacing-4);align-items:center;display:flex}.filters-row .search-input-wrapper{flex:1}.low-stock-alert{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);color:var(--color-warning-400);background:#f59e0b26;border:1px solid #f59e0b4d;display:flex}.low-stock-alert span{flex:1}.product-cell{align-items:center;gap:var(--spacing-3);display:flex}.product-icon{width:32px;height:32px;color:var(--color-gray-300);border-radius:var(--radius-md);background:#ffffff1a;justify-content:center;align-items:center;display:flex}.sku-code{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm);color:var(--color-gray-300);background:#ffffff1a}.stock-cell{gap:var(--spacing-1);flex-direction:column;display:flex}.stock-value{font-size:var(--text-base);color:#fff;font-weight:600}.stock-value--low{color:var(--color-danger-400)}.stock-range{font-size:var(--text-xs);color:var(--color-gray-400)}.action-buttons{align-items:center;gap:var(--spacing-2);display:flex}.icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn:hover{color:#fff;background:#ffffff1a}.icon-btn--danger:hover{color:var(--color-danger-400);background:#ef444433;border-color:#ef44444d}.stock-adjustment-content{gap:var(--spacing-6);flex-direction:column;display:flex}.product-summary{text-align:center;padding:var(--spacing-4);border-radius:var(--radius-lg);background:#ffffff0d}.product-summary h4{font-size:var(--text-lg);color:#fff;margin-bottom:var(--spacing-1);font-weight:600}.product-summary p{font-size:var(--text-sm);color:var(--color-gray-400)}.adjustment-type{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr);display:grid}.type-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border-radius:var(--radius-lg);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:2px solid #ffffff1a;flex-direction:column;display:flex}.type-btn:hover{background:#ffffff1a}.type-btn.active{border-color:var(--color-success-500);color:var(--color-success-400);background:#10b98133}.type-btn--remove.active{border-color:var(--color-danger-500);color:var(--color-danger-400);background:#ef444433}.adjustment-quantity{gap:var(--spacing-2);flex-direction:column;display:flex}.adjustment-quantity label{font-size:var(--text-sm);color:var(--color-gray-300);font-weight:500}.adjustment-preview{padding:var(--spacing-4);border-radius:var(--radius-lg);background:#f15a2426;justify-content:space-between;align-items:center;display:flex}.adjustment-preview span{color:var(--color-gray-400)}.adjustment-preview strong{font-size:var(--text-lg);color:var(--color-primary-400)}.product-form{gap:var(--spacing-6);flex-direction:column;display:flex}@media (max-width:1024px){.inventory-stats{grid-template-columns:repeat(2,1fr)}.filters-row{flex-wrap:wrap}}@media (max-width:640px){.inventory-stats,.form-grid{grid-template-columns:1fr}}.analytics-page{gap:var(--spacing-6);flex-direction:column;display:flex}.header-actions{gap:var(--spacing-2);display:flex}.analytics-filters{justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.period-selector{align-items:center;gap:var(--spacing-3);display:flex}.period-selector span{font-size:var(--text-sm);color:var(--color-gray-400);font-weight:500}.period-buttons{border-radius:var(--radius-lg);padding:var(--spacing-1);background:#ffffff0d;display:flex}.period-btn{padding:var(--spacing-2)var(--spacing-4);color:var(--color-gray-400);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500}.period-btn:hover{color:#fff}.period-btn.active{color:var(--color-primary-500);box-shadow:none;background:#f15a2433}.summary-cards{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}.summary-card{position:relative;overflow:hidden}.summary-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.summary-card--primary:before{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400))}.summary-card--blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.summary-card--green:before{background:linear-gradient(90deg,var(--color-success-500),var(--color-success-400))}.summary-card--orange:before{background:linear-gradient(90deg,var(--color-warning-500),var(--color-warning-400))}.summary-card .card-content{align-items:flex-start;gap:var(--spacing-4);display:flex}.summary-icon{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.summary-card--primary .summary-icon{color:var(--color-primary-500);background:#f15a2433}.summary-card--blue .summary-icon{color:#3b82f6;background:#3b82f633}.summary-card--green .summary-icon{color:#22c55e;background:#22c55e33}.summary-card--orange .summary-icon{color:#f59e0b;background:#f59e0b33}.summary-info{gap:var(--spacing-1);flex-direction:column;display:flex}.summary-label{font-size:var(--text-sm);color:var(--color-gray-400)}.summary-value{font-size:var(--text-2xl);color:#fff;font-weight:700}.summary-change{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);font-weight:500;display:flex}.summary-change.positive{color:var(--color-success-600)}.summary-change.negative{color:var(--color-danger-600)}.analytics-grid{gap:var(--spacing-6);grid-template-columns:1fr 1fr 1fr;display:grid}.card-header-content{align-items:center;gap:var(--spacing-2);color:var(--color-gray-300);display:flex}.card-header-content h3{font-size:var(--text-base);font-weight:600}.goals-list{gap:var(--spacing-4);flex-direction:column;display:flex}.goal-item{padding:var(--spacing-3);border-radius:var(--radius-lg);background:#ffffff05}.goal-header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.goal-name{font-size:var(--text-sm);color:#fff;font-weight:600}.goal-progress{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);display:flex}.progress-bar{border-radius:var(--radius-full);background:#ffffff1a;flex:1;height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .5s}.progress-fill--on-track{background:var(--color-success-500)}.progress-fill--at-risk{background:var(--color-warning-500)}.progress-fill--behind{background:var(--color-danger-500)}.progress-text{font-size:var(--text-sm);color:var(--color-gray-300);text-align:right;min-width:40px;font-weight:600}.goal-values{font-size:var(--text-xs);color:var(--color-gray-500);justify-content:space-between;display:flex}.goal-target{color:var(--color-gray-400)}.trend-chart{padding:var(--spacing-4)0}.chart-bars{justify-content:space-between;align-items:flex-end;gap:var(--spacing-2);height:200px;padding-bottom:var(--spacing-4);border-bottom:1px solid #ffffff1a;display:flex}.chart-bar-container{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chart-bar{background:linear-gradient(to top,var(--color-primary-500),var(--color-primary-400));border-radius:var(--radius-md)var(--radius-md)0 0;transform-origin:bottom;width:100%;max-width:40px;animation:.5s ease-out forwards growBar;position:relative}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar-value{font-size:var(--text-xs);color:var(--color-gray-700);white-space:nowrap;font-weight:600;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bar-label{margin-top:var(--spacing-2);font-size:var(--text-xs);color:var(--color-gray-500)}.chart-legend{justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-4);display:flex}.legend-item{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-gray-600);display:flex}.legend-color{border-radius:var(--radius-sm);width:12px;height:12px}.performers-list{gap:var(--spacing-4);flex-direction:column;display:flex}.performer-item{align-items:center;gap:var(--spacing-3);display:flex}.performer-rank{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-xs);color:var(--color-gray-300);background:#ffffff1a;justify-content:center;align-items:center;font-weight:700;display:flex}.performer-info{flex:1}.performer-name{font-size:var(--text-sm);color:#fff;margin-bottom:var(--spacing-1);font-weight:500;display:block}.performer-bar{border-radius:var(--radius-full);background:#ffffff1a;height:6px;overflow:hidden}.performer-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));border-radius:var(--radius-full);height:100%;transition:width .5s}.performer-trend{font-size:var(--text-sm);font-weight:600}.performer-trend.positive{color:var(--color-success-600)}.kpis-section{margin-top:var(--spacing-6)}.section-title{align-items:center;gap:var(--spacing-2);font-size:var(--text-lg);color:#fff;margin-bottom:var(--spacing-4);font-weight:600;display:flex}.kpis-grid{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}.kpi-card{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:flex-start;display:flex}.kpi-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-icon--revenue{background:var(--color-primary-100);color:var(--color-primary-600)}.kpi-icon--members{color:#3b82f6;background:#dbeafe}.kpi-icon--operations{background:var(--color-success-100);color:var(--color-success-600)}.kpi-icon--sales{background:var(--color-warning-100);color:var(--color-warning-600)}.kpi-change{padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;gap:2px;font-weight:600;display:flex}.kpi-change.positive{color:var(--color-success-400);background:#10b98133}.kpi-change.negative{color:var(--color-danger-400);background:#ef444433}.kpi-value{font-size:var(--text-2xl);color:#fff;margin-bottom:var(--spacing-1);font-weight:700}.kpi-name{font-size:var(--text-sm);color:var(--color-gray-400);margin-bottom:var(--spacing-3)}.kpi-target{gap:var(--spacing-1);margin-bottom:var(--spacing-2);flex-direction:column;display:flex}.target-progress{border-radius:var(--radius-full);background:#ffffff1a;height:4px;overflow:hidden}.target-fill{background:var(--color-primary-500);border-radius:var(--radius-full);height:100%}.kpi-target span{font-size:var(--text-xs);color:var(--color-gray-500)}.kpi-previous{font-size:var(--text-xs);color:var(--color-gray-400)}.insights-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.insight-item{gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);display:flex}.insight-item--success{color:var(--color-success-400);background:#10b98126}.insight-item--warning{color:var(--color-warning-400);background:#f59e0b26}.insight-item--info{color:var(--color-primary-400);background:#f15a2426}.insight-item svg{flex-shrink:0;margin-top:2px}.insight-item h4{font-size:var(--text-sm);margin-bottom:var(--spacing-1);font-weight:600}.insight-item p{font-size:var(--text-sm);opacity:.9}.goals-modal{gap:var(--spacing-6);flex-direction:column;display:flex}.goals-form h4{font-size:var(--text-base);color:#fff;margin-bottom:var(--spacing-4);font-weight:600}.goals-edit-list{gap:var(--spacing-3);flex-direction:column;display:flex}.goal-edit-item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--radius-lg);background:#ffffff0d;grid-template-columns:1fr 150px 1fr;display:grid}.goal-edit-name{font-size:var(--text-sm);color:#fff;font-weight:500}.goal-edit-input{text-align:right}.goal-edit-current{font-size:var(--text-sm);color:var(--color-gray-400);text-align:right}@media (max-width:1280px){.summary-cards{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr 1fr}.performers-card{grid-column:span 2}.kpis-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.analytics-grid{grid-template-columns:1fr}.performers-card{grid-column:span 1}.kpis-grid{grid-template-columns:repeat(2,1fr)}.insights-grid{grid-template-columns:1fr}}@media (max-width:640px){.summary-cards,.kpis-grid{grid-template-columns:1fr}.period-buttons{flex-wrap:wrap}.analytics-filters{flex-direction:column;align-items:stretch}.goal-edit-item{text-align:left;grid-template-columns:1fr}.goal-edit-current{text-align:left}}.taxes-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.taxes-stats{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.alert-card.danger{border-color:var(--color-danger);background:#ef44441a}.alert-content{align-items:center;gap:var(--spacing-md);color:var(--color-danger);display:flex}.alert-content div{flex:1}.alert-content strong{margin-bottom:var(--spacing-xs);display:block}.alert-content p{opacity:.9;margin:0;font-size:.875rem}.taxes-tabs{gap:var(--spacing-sm);display:flex}.tab-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.tab-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.tab-btn.active{background:var(--color-primary-soft);color:var(--color-primary)}.tax-name{align-items:center;gap:var(--spacing-sm);color:var(--color-text);font-weight:500;display:flex}.tax-name svg{color:var(--color-primary)}.due-date{flex-direction:column;gap:2px;display:flex}.days-badge{padding:2px var(--spacing-xs);background:var(--color-surface-hover);border-radius:var(--radius-xs);color:var(--color-text-secondary);font-size:.7rem}.days-badge.urgent{color:var(--color-warning);background:#f973161a;font-weight:600}.urgent-row{background:#f973160d}.amount{color:var(--color-text);font-weight:600}.period{color:var(--color-primary);font-weight:500}.taxes-sidebar{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.upcoming-taxes{gap:var(--spacing-md);flex-direction:column;display:flex}.upcoming-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-surface-hover);border-radius:var(--radius-md);display:flex}.upcoming-date{min-width:48px;padding:var(--spacing-xs);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);flex-direction:column;align-items:center;display:flex}.upcoming-date .day{font-size:1.25rem;font-weight:700;line-height:1}.upcoming-date .month{text-transform:uppercase;font-size:.65rem}.upcoming-info{flex-direction:column;flex:1;gap:2px;display:flex}.upcoming-name{color:var(--color-text);font-size:.875rem;font-weight:600}.upcoming-period{color:var(--color-text-secondary);font-size:.75rem}.upcoming-amount{color:var(--color-text);font-size:.875rem;font-weight:600}.annual-summary{gap:var(--spacing-md);flex-direction:column;display:flex}.summary-item{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;display:flex}.summary-item.total{padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-bottom:none;border-top:2px solid var(--color-primary)}.summary-label{color:var(--color-text-secondary);font-size:.875rem}.summary-value{color:var(--color-text);font-weight:600}.summary-item.total .summary-label,.summary-item.total .summary-value{color:var(--color-primary);font-weight:700}.payment-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.payment-summary{padding:var(--spacing-lg);background:var(--color-surface-hover);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.payment-tax{color:var(--color-text);font-weight:500}.payment-amount{color:var(--color-primary);font-size:1.5rem;font-weight:700}.form-field.full-width{grid-column:1/-1}.form-field textarea{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);resize:vertical;font-family:inherit}.form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}@media (max-width:1024px){.taxes-stats{grid-template-columns:repeat(2,1fr)}.taxes-sidebar{grid-template-columns:1fr}}@media (max-width:768px){.taxes-stats,.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:1}}.reports-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.reports-quick-stats{gap:var(--spacing-lg);display:flex}.quick-stat{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-primary);display:flex}.quick-stat div{flex-direction:column;display:flex}.quick-stat .stat-value{color:var(--color-text);font-size:1.25rem;font-weight:700}.quick-stat .stat-label{color:var(--color-text-secondary);font-size:.75rem}.category-filter .card-content{padding:var(--spacing-sm)var(--spacing-md)}.filter-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--spacing-sm)var(--spacing-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.filter-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.reports-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.report-card{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.report-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.report-card .card-content{gap:var(--spacing-md);align-items:flex-start;display:flex}.report-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.report-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.report-info h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.report-info p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.4}.report-meta{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xs);display:flex}.format-icons{gap:var(--spacing-xs);display:flex}.format-icon{background:var(--color-surface-hover);border-radius:var(--radius-xs);width:24px;height:24px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.last-generated{color:var(--color-text-muted);font-size:.75rem}.section-header{justify-content:space-between;align-items:center;width:100%;display:flex}.section-header h3{align-items:center;gap:var(--spacing-sm);color:var(--color-text);margin:0;font-size:1rem;font-weight:600;display:flex}.reports-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.report-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-hover);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.report-item:hover{background:var(--color-surface);box-shadow:var(--shadow-sm)}.report-file-icon{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.report-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.report-name{color:var(--color-text);font-size:.875rem;font-weight:500}.report-details{color:var(--color-text-secondary);font-size:.75rem}.report-actions{gap:var(--spacing-xs);display:flex}.action-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.action-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.generate-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-description{padding:var(--spacing-md);background:var(--color-surface-hover);border-radius:var(--radius-md);color:var(--color-text-secondary);margin:0}.form-field label{color:var(--color-text);font-size:.875rem;font-weight:500}.delivery-options{gap:var(--spacing-sm);flex-direction:column;display:flex}.delivery-options h4{color:var(--color-text);margin:0;font-size:.875rem;font-weight:600}.checkbox-option{align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary);font-size:.875rem;display:flex}.checkbox-option input{width:18px;height:18px;accent-color:var(--color-primary)}@media (max-width:768px){.reports-grid,.form-grid{grid-template-columns:1fr}.report-card .card-content{text-align:center;flex-direction:column}.report-actions{justify-content:center}}.loading-container,.error-container{padding:var(--spacing-3xl);justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary);flex-direction:column;display:flex}.loading-container svg{color:var(--color-primary)}.error-container svg{color:var(--color-error)}.error-container p{margin:0;font-size:1rem}.audit-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.audit-stats{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.audit-stat{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.stat-icon{background:var(--color-primary-soft);width:48px;height:48px;color:var(--color-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.stat-content .stat-value{color:var(--color-text);font-size:1.5rem;font-weight:700}.stat-content .stat-label{color:var(--color-text-secondary);font-size:.875rem}.audit-filters .card-content{padding:var(--spacing-md)var(--spacing-lg)}.filters-row{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.filters-row .search-input{flex:1;min-width:200px}.timestamp{color:var(--color-text-secondary);white-space:nowrap;font-family:monospace;font-size:.75rem}.user-cell{align-items:center;gap:var(--spacing-sm);display:flex}.user-info{flex-direction:column;gap:2px;display:flex}.user-name{color:var(--color-text);font-size:.875rem;font-weight:500}.action-cell{align-items:center;gap:var(--spacing-sm);display:flex}.action-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:24px;height:24px;display:flex}.details-text{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:.875rem;overflow:hidden}.ip-address{padding:2px var(--spacing-xs);background:var(--color-surface-hover);border-radius:var(--radius-xs);color:var(--color-text-secondary);font-family:monospace;font-size:.75rem}.severity-error{background:#ef44440d}.severity-warning{background:#f973160d}.audit-sidebar{margin-top:var(--spacing-lg)}.sidebar-header{align-items:center;gap:var(--spacing-sm);color:var(--color-text);display:flex}.sidebar-header h3{margin:0;font-size:1rem;font-weight:600}.activity-timeline{gap:var(--spacing-md);padding-left:var(--spacing-md);border-left:2px solid var(--color-border);flex-direction:column;display:flex}.timeline-item{gap:var(--spacing-md);display:flex;position:relative}.timeline-dot{left:calc(-1*var(--spacing-md) - 5px);background:var(--color-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:4px}.timeline-content{flex-direction:column;gap:2px;display:flex}.timeline-header{justify-content:space-between;align-items:center;display:flex}.timeline-user{color:var(--color-text);font-size:.875rem;font-weight:600}.timeline-time{color:var(--color-text-muted);font-family:monospace;font-size:.7rem}.timeline-action{color:var(--color-text-secondary);font-size:.875rem}.timeline-module{color:var(--color-text-muted);font-size:.75rem}@media (max-width:1024px){.audit-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.audit-stats{grid-template-columns:1fr}.filters-row{flex-direction:column}.filters-row .search-input{max-width:100%}.details-text{max-width:150px}}.settings-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.settings-layout{gap:var(--spacing-lg);grid-template-columns:340px 1fr;align-items:start;display:grid}.settings-nav{top:var(--spacing-lg);max-height:calc(100vh - 200px);position:sticky;overflow-y:auto}.settings-nav .card-content{padding:var(--spacing-sm);flex-direction:column;gap:4px;display:flex}.nav-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;width:100%;display:flex}.nav-item:hover{background:#ffffff0d;border-color:#ffffff1a}.nav-item.active{border-color:var(--color-primary-500);background:#f15a2426}.nav-item.active .nav-icon,.nav-item.active .nav-title{color:var(--color-primary-500)}.nav-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-gray-400);background:#ffffff0d;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item:hover .nav-icon{border-color:#fff3}.nav-item.active .nav-icon{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.nav-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.nav-title{color:#fff;font-size:.875rem;font-weight:600}.nav-desc{color:var(--color-gray-400);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.nav-arrow{color:var(--color-gray-400);opacity:.5;flex-shrink:0}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:1;color:var(--color-primary-500)}.settings-content{min-height:600px}.settings-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.settings-section h3{align-items:center;gap:var(--spacing-sm);color:#fff;padding-bottom:var(--spacing-sm);border-bottom:1px solid #ffffff1a;margin:0;font-size:1rem;font-weight:600;display:flex}.settings-section h3 svg{color:var(--color-primary-500)}.settings-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.setting-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.setting-field.full-width{grid-column:1/-1}.setting-field label{color:var(--color-gray-400);font-size:.875rem;font-weight:500}.schedule-grid{gap:var(--spacing-md);flex-direction:column;display:flex}.schedule-row{align-items:center;gap:var(--spacing-lg);display:flex}.day-label{color:#fff;width:150px;font-weight:500}.time-inputs{align-items:center;gap:var(--spacing-sm);display:flex}.time-inputs span{color:var(--color-gray-400)}.time-inputs input{width:120px}.plans-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.plan-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffff0d;display:flex}.plan-info{align-items:center;gap:var(--spacing-sm);min-width:180px;display:flex}.plan-name{color:#fff;font-weight:600}.add-plan-btn{margin-top:var(--spacing-sm);align-self:flex-start}.payment-methods{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.payment-method{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;display:flex}.payment-method input{accent-color:var(--color-primary-500)}.notifications-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.notification-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffff0d;display:flex}.notif-info{flex-direction:column;flex:1;gap:2px;display:flex}.notif-title{color:#fff;font-weight:500}.notif-desc{color:var(--color-gray-400);font-size:.75rem}.notif-channels{gap:var(--spacing-sm);display:flex}.notif-channels label{cursor:pointer;color:var(--color-gray-400);align-items:center;gap:4px;display:flex}.notif-channels input{accent-color:var(--color-primary-500)}.toggle{width:48px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;transition:all var(--transition-fast);background-color:#ffffff1a;border:1px solid #fff3;border-radius:24px;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--color-gray-400);width:18px;height:18px;transition:all var(--transition-fast);border-radius:50%;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-slider{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.toggle input:checked+.toggle-slider:before{background-color:#fff;transform:translate(24px)}.security-options{gap:var(--spacing-sm);flex-direction:column;display:flex}.security-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffff0d;display:flex}.security-info{flex-direction:column;flex:1;gap:2px;display:flex}.security-title{color:#fff;font-weight:500}.security-desc{color:var(--color-gray-400);font-size:.75rem}.sessions-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.session-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffff0d;display:flex}.session-item.current{border:1px solid var(--color-primary-500);background:#f15a2426}.session-info{flex-direction:column;flex:1;gap:2px;display:flex}.session-device{color:#fff;font-weight:500}.session-location{color:var(--color-gray-400);font-size:.75rem}.roles-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.role-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffff0d;display:flex}.role-indicator{border-radius:var(--radius-xs);width:4px;height:40px}.role-info{flex-direction:column;flex:1;gap:2px;display:flex}.role-name{color:#fff;font-weight:600}.role-desc{color:var(--color-gray-400);font-size:.75rem}.role-users{color:var(--color-gray-400);font-size:.875rem}.add-role-btn{margin-top:var(--spacing-sm);align-self:flex-start}.theme-options{gap:var(--spacing-md);display:flex}.theme-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-gray-400);background:#ffffff0d;border:2px solid #ffffff1a;flex-direction:column;flex:1;display:flex;position:relative}.theme-option:hover{border-color:var(--color-primary-500);color:#fff}.theme-option.active{border-color:var(--color-primary-500);background:var(--color-primary-soft);color:var(--color-primary-500)}.check-icon{top:var(--spacing-sm);right:var(--spacing-sm);color:var(--color-primary-500);position:absolute}.color-options{gap:var(--spacing-md);display:flex}.color-option{cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);color:#fff;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.save-modal{text-align:center}.save-modal p{color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.modal-actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}.catalog-content{gap:var(--spacing-xl)}.catalog-search{margin-bottom:var(--spacing-md)}.catalog-search .search-input{max-width:400px}.catalog-section{border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff1a;overflow:hidden}.catalog-header{padding:var(--spacing-md)var(--spacing-lg);background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.catalog-title{align-items:center;gap:var(--spacing-sm);display:flex}.catalog-title svg{color:var(--color-primary-500)}.catalog-title h3{color:#fff;margin:0;font-size:.95rem;font-weight:600}.catalog-section .table{margin:0}.catalog-name{align-items:center;gap:var(--spacing-sm);font-weight:500;display:flex}.color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.catalog-desc{color:var(--color-gray-500);font-size:.85rem}.catalog-actions{gap:var(--spacing-xs);justify-content:center;display:flex}.item-form{gap:var(--spacing-md);flex-direction:column;display:flex}.establishment-type{gap:var(--spacing-md);display:flex}.radio-option{cursor:pointer;flex:1}.radio-option input{display:none}.radio-content{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-radius:var(--radius-lg);transition:all var(--transition-fast);color:var(--color-gray-400);background:#ffffff0d;border:2px solid #ffffff1a;flex-direction:column;display:flex}.radio-content span{font-size:.875rem;font-weight:500}.radio-option:hover .radio-content{border-color:var(--color-primary-500)}.radio-option input:checked+.radio-content,.radio-option.selected .radio-content{border-color:var(--color-primary-500);background:var(--color-primary-soft);color:var(--color-primary-500)}.plan-price{align-items:center;gap:var(--spacing-xs);display:flex}.plan-price .currency{color:var(--color-gray-500);font-weight:600}.plan-price input{width:120px}@media (max-width:1024px){.settings-layout{grid-template-columns:1fr}.settings-nav{max-height:none;position:static}.settings-nav .card-content{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.nav-item{text-align:center;padding:var(--spacing-md);flex-direction:column}.nav-content{align-items:center}.nav-arrow{display:none}.settings-content{order:2}.settings-grid{grid-template-columns:1fr}.setting-field.full-width{grid-column:1}.theme-options,.establishment-type{flex-direction:column}}.settings-loading{padding:var(--spacing-3xl);justify-content:center;align-items:center;gap:var(--spacing-lg);color:var(--text-secondary);flex-direction:column;display:flex}.settings-loading svg{color:var(--color-primary-500)}.settings-loading p{font-size:1.1rem}.settings-error{padding:var(--spacing-3xl);justify-content:center;align-items:center;gap:var(--spacing-lg);color:var(--color-red-500);flex-direction:column;display:flex}.settings-error p{color:var(--text-secondary);font-size:1.1rem}.animate-spin{animation:1s linear infinite spin}.payroll-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.payroll-stats{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.payroll-layout{gap:var(--spacing-lg);grid-template-columns:1fr 360px;align-items:start;display:grid}.payroll-main{min-height:500px}.payroll-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.period-selector{align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);display:flex}.period-label{color:var(--color-text);font-size:1.1rem;font-weight:600}.payroll-actions{gap:var(--spacing-sm);align-items:center;display:flex}.payroll-actions .search-input{width:240px}.employee-cell{align-items:center;gap:var(--spacing-sm);display:flex}.employee-cell>div{flex-direction:column;display:flex}.employee-name{color:var(--color-text);font-weight:600}.employee-role{color:var(--color-text-secondary);font-size:.75rem}.amount{font-family:var(--font-mono,"SF Mono",monospace);font-weight:500}.amount.deduction{color:var(--color-error)}.amount.net{color:var(--color-primary);font-weight:600}.payroll-sidebar{gap:var(--spacing-md);flex-direction:column;display:flex}.payroll-sidebar h3{align-items:center;gap:var(--spacing-sm);color:var(--color-text);margin:0;font-size:.9rem;font-weight:600;display:flex}.payroll-sidebar h3 svg{color:var(--color-primary)}.quick-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.contract-summary{gap:var(--spacing-md);flex-direction:column;display:flex}.summary-item{justify-content:space-between;align-items:center;display:flex}.summary-label{align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.875rem;display:flex}.summary-label svg{color:var(--color-text-muted)}.summary-value{color:var(--color-text);font-weight:600;font-family:var(--font-mono,monospace)}.periods-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.period-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface-hover);border-radius:var(--radius-md);display:flex}.period-info{flex-direction:column;flex:1;display:flex}.period-name{color:var(--color-text);font-size:.875rem;font-weight:500}.period-detail{color:var(--color-text-secondary);font-size:.75rem}.period-amount{color:var(--color-primary);font-size:.875rem;font-weight:600;font-family:var(--font-mono,monospace)}.payment-modal{gap:var(--spacing-lg);flex-direction:column;display:flex}.payment-employee-info{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-hover);border-radius:var(--radius-md);display:flex}.payment-employee-info h4{color:var(--color-text);margin:0;font-size:1rem}.payment-employee-info p{color:var(--color-text-secondary);margin:0;font-size:.875rem}.payment-summary{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-primary-soft);border-radius:var(--radius-md);border:1px solid var(--color-primary);flex-direction:column;display:flex}.payment-row{justify-content:space-between;font-size:.875rem;display:flex}.payment-row span:first-child{color:var(--color-text-secondary)}.payment-value{color:var(--color-text);font-weight:600}.payment-form{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.form-group:last-child{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex}.detail-modal{gap:var(--spacing-lg);flex-direction:column;display:flex}.detail-section h5{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.875rem;font-weight:600}.detail-rows{gap:var(--spacing-xs);flex-direction:column;display:flex}.detail-row{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-surface-hover);border-radius:var(--radius-sm);justify-content:space-between;font-size:.875rem;display:flex}.detail-row span:first-child{color:var(--color-text)}.detail-row.sub{padding-left:var(--spacing-xl);background:0 0;font-size:.8rem}.detail-row.sub span{color:var(--color-text-secondary)}.detail-row.total{background:var(--color-surface-hover);margin-top:var(--spacing-xs);font-weight:600}.detail-row .positive{color:var(--color-success)}.detail-row .negative{color:var(--color-error)}.detail-section.final{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--color-border)}.detail-row.net-total{background:var(--color-primary-soft);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:1.1rem;font-weight:700}.detail-row.net-total span:last-child{color:var(--color-primary)}@media (max-width:1200px){.payroll-stats{grid-template-columns:repeat(2,1fr)}.payroll-layout{grid-template-columns:1fr}.payroll-sidebar{grid-template-columns:repeat(3,1fr);display:grid}}@media (max-width:768px){.payroll-stats,.payroll-sidebar{grid-template-columns:1fr}.payroll-header{flex-direction:column;align-items:stretch}.payroll-actions{flex-direction:column}.payroll-actions .search-input{width:100%}.payment-form{grid-template-columns:1fr}}.face-checkin{color:#fff;min-height:100vh;font-family:var(--font-primary);z-index:9999;background:linear-gradient(135deg,#0a0a0a 0%,#121212 50%,#1a1a1a 100%);flex-direction:column;display:flex;position:fixed;inset:0}.face-checkin__header{padding:var(--spacing-md)var(--spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.back-button{align-items:center;gap:var(--spacing-sm);color:#fff;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;font-size:.875rem;display:flex}.back-button:hover{background:#fff3}.header-brand{align-items:center;gap:var(--spacing-sm);display:flex}.brand-icon{object-fit:contain;width:48px;height:48px}.brand-name{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.header-time{text-align:right}.time-display{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.date-display{color:#ffffffb3;text-transform:capitalize;font-size:.875rem}.face-checkin__main{gap:var(--spacing-xl);padding:var(--spacing-lg);flex:1;grid-template-columns:1fr 1fr;width:100%;max-width:100%;margin:0 auto;display:grid;overflow:auto}.camera-panel{gap:var(--spacing-lg);flex-direction:column;display:flex}.camera-container{border-radius:var(--radius-xl);aspect-ratio:4/3;transition:border-color var(--transition-normal);background:#000;border:3px solid #fff3;position:relative;overflow:hidden}.camera-container.scanning{border-color:var(--color-primary-400);box-shadow:0 0 30px #f15a244d}.camera-container.recognized{border-color:var(--color-success-500);box-shadow:0 0 30px #22c55e4d}.camera-container.not-found,.camera-container.denied{border-color:var(--color-danger-500);box-shadow:0 0 30px #ef44444d}.camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-canvas{display:none}.scan-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-frame{width:280px;height:320px;position:relative}.scan-corner{border:4px solid var(--color-primary-400);width:40px;height:40px;position:absolute}.scan-corner--tl{border-bottom:none;border-right:none;border-radius:12px 0 0;top:0;left:0}.scan-corner--tr{border-bottom:none;border-left:none;border-radius:0 12px 0 0;top:0;right:0}.scan-corner--bl{border-top:none;border-right:none;border-radius:0 0 0 12px;bottom:0;left:0}.scan-corner--br{border-top:none;border-left:none;border-radius:0 0 12px;bottom:0;right:0}.scan-line{background:linear-gradient(90deg,transparent,var(--color-primary-400),transparent);height:3px;animation:1.5s ease-in-out infinite scanLine;position:absolute;left:0;right:0}@keyframes scanLine{0%,to{opacity:0;top:0}50%{opacity:1}to{opacity:0;top:100%}}.status-indicator{bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);background:#000000b3;font-size:.875rem;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.status-indicator--idle{color:#fffc}.status-indicator--scanning{color:var(--color-primary-400)}.status-indicator--recognized{color:var(--color-success-500)}.status-indicator--not-found,.status-indicator--denied{color:var(--color-danger-500)}.spinning{animation:1s linear infinite spin}.scan-message{text-align:center;padding:var(--spacing-md);border-radius:var(--radius-lg);background:#ffffff1a;border:1px solid #fff3;font-size:1.25rem;font-weight:600}.scan-message.success{border-color:var(--color-success-500);color:var(--color-success-500);background:#22c55e33}.scan-message.error{border-color:var(--color-danger-500);color:var(--color-danger-500);background:#ef444433}.camera-actions{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.dni-search{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.dni-input{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-lg);color:#fff;width:200px;transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;font-size:1rem}.dni-input::placeholder{color:#ffffff80}.dni-input:focus{border-color:var(--color-primary-500);background:#ffffff26;outline:none}.dni-search-button{padding:var(--spacing-sm);background:var(--color-primary-500);border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.dni-search-button:hover:not(:disabled){background:var(--color-primary-600)}.dni-search-button:disabled{opacity:.5;cursor:not-allowed}.scan-button{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)var(--spacing-2xl);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border:none;font-size:1.25rem;font-weight:600;display:flex;box-shadow:0 4px 20px #f15a2466}.scan-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #f15a2480}.scan-button:disabled{opacity:.7;cursor:not-allowed}.scan-button.scanning{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700))}.scan-button.retry{background:linear-gradient(135deg,var(--color-warning-500),var(--color-warning-600));box-shadow:0 4px 20px #f59e0b66}.scan-button.retry:hover{box-shadow:0 6px 30px #f59e0b80}.scan-button.confirm{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));box-shadow:0 4px 20px #22c55e66}.scan-button.confirm:hover{box-shadow:0 6px 30px #22c55e80}.scan-button.success{background:linear-gradient(135deg,var(--color-success-600),var(--color-success-700));box-shadow:0 4px 20px #22c55e66}.member-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);background:#ffffff0d;border:1px solid #ffffff1a;overflow:hidden}.member-placeholder{text-align:center;padding:var(--spacing-2xl);flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:500px;display:flex}.placeholder-icon{width:160px;height:160px;margin-bottom:var(--spacing-lg);color:#ffffff80;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.member-placeholder h2{margin-bottom:var(--spacing-sm);font-size:1.5rem}.member-placeholder p{color:#fff9;margin-bottom:var(--spacing-xl)}.placeholder-features{gap:var(--spacing-xl);display:flex}.feature{align-items:center;gap:var(--spacing-sm);color:#ffffffb3;flex-direction:column;font-size:.875rem;display:flex}.feature svg{color:var(--color-primary-400)}.member-info{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.member-info.checked-in{background:linear-gradient(135deg,#22c55e1a,#22c55e0d)}.member-header{align-items:center;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid #ffffff1a;display:flex}.member-avatar{flex-shrink:0;width:100px;height:100px;position:relative}.member-avatar img,.avatar-placeholder{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.check-badge{background:var(--color-success-500);border:3px solid #121212;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;animation:.3s popIn;display:flex;position:absolute;bottom:0;right:0}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.member-details h2{margin-bottom:var(--spacing-xs);font-size:1.75rem}.member-dni{color:#fff9;margin-bottom:var(--spacing-sm);font-size:.875rem}.member-membership{align-items:center;gap:var(--spacing-sm);display:flex}.membership-type{color:var(--color-primary-400);font-weight:600}.face-badge{border-radius:var(--radius-full);text-transform:uppercase;padding:2px 10px;font-size:.75rem;font-weight:600}.face-badge--success{color:var(--color-success-500);background:#22c55e33}.face-badge--danger{color:var(--color-danger-500);background:#ef444433}.face-badge--warning{color:var(--color-warning-500);background:#f59e0b33}.face-badge--info{color:var(--color-info);background:#3b82f633}.member-stats{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff1a;display:flex}.stat-item svg{color:var(--color-primary-400);flex-shrink:0}.stat-content{flex-direction:column;display:flex}.stat-value{font-size:1.125rem;font-weight:700}.stat-label{color:#fff9;text-transform:uppercase;font-size:.7rem}.member-extra{gap:var(--spacing-sm);flex-direction:column;display:flex}.extra-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);background:#ffffff0d;display:flex}.extra-item svg{color:var(--color-primary-400);flex-shrink:0}.extra-item>div{flex-direction:column;display:flex}.extra-label{color:#fff9;font-size:.75rem}.extra-value{font-weight:500}.member-balance{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);display:flex}.member-balance.negative{background:#ef44441a;border:1px solid #ef44444d}.member-balance.negative svg{color:var(--color-danger-500)}.member-balance.positive{background:#22c55e1a;border:1px solid #22c55e4d}.member-balance.positive svg{color:var(--color-success-500)}.member-balance>div{flex-direction:column;display:flex}.balance-label{color:#ffffffb3;font-size:.75rem}.balance-value{font-size:1.25rem;font-weight:700}.member-balance.negative .balance-value{color:var(--color-danger-500)}.member-balance.positive .balance-value{color:var(--color-success-500)}.member-warning{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);color:var(--color-warning-500);background:#f59e0b1a;border:1px solid #f59e0b4d;display:flex}.member-warning svg{flex-shrink:0;margin-top:2px}.member-warning strong{margin-bottom:4px;display:block}.member-warning p{opacity:.9;margin:0;font-size:.875rem}.checkin-success{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:2px solid var(--color-success-500);border-radius:var(--radius-lg);background:#22c55e33;animation:2s ease-in-out infinite successPulse;display:flex}@keyframes successPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 20px 5px #22c55e33}}.checkin-success svg{color:var(--color-success-500);flex-shrink:0}.checkin-success strong{color:var(--color-success-500);font-size:1.125rem;display:block}.checkin-success p{color:#ffffffb3;margin:4px 0 0;font-size:.875rem}.face-checkin__footer{padding:var(--spacing-md)var(--spacing-xl);text-align:center;background:#0000004d;border-top:1px solid #ffffff1a}.face-checkin__footer p{color:#fff9;margin-bottom:var(--spacing-sm);font-size:.875rem}.footer-stats{justify-content:center;gap:var(--spacing-xl);color:#ffffff80;font-size:.75rem;display:flex}.footer-stats span{align-items:center;gap:var(--spacing-xs);display:flex}@media (max-width:1200px){.face-checkin__main{grid-template-columns:1fr;max-width:800px}.member-panel{order:-1}.member-placeholder{min-height:auto;padding:var(--spacing-lg)}}@media (max-width:768px){.face-checkin__header{gap:var(--spacing-md);text-align:center;flex-direction:column}.back-button{top:var(--spacing-md);left:var(--spacing-md);position:absolute}.header-time{text-align:center}.time-display{font-size:1.5rem}.face-checkin__main{padding:var(--spacing-md)}.member-stats{grid-template-columns:1fr}.placeholder-features{gap:var(--spacing-md);flex-direction:column}.scan-button{padding:var(--spacing-md)var(--spacing-lg);font-size:1rem}}.progress-charts{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.chart-card{border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;display:flex}.chart-card.goals-card,.chart-card.body-card{grid-column:span 2}.chart-header{align-items:center;gap:var(--spacing-sm);text-transform:uppercase;color:#ffffffb3;letter-spacing:.5px;font-size:.75rem;font-weight:600;display:flex}.chart-header svg{color:var(--color-primary-400)}.chart-container{min-height:80px}.chart-summary{align-items:baseline;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid #ffffff1a;display:flex}.summary-value{color:var(--color-primary-400);font-size:1.25rem;font-weight:700}.summary-label{color:#ffffff80;text-transform:uppercase;font-size:.7rem}.goals-grid{gap:var(--spacing-sm);flex-direction:column;display:flex}.goal-item{align-items:center;gap:var(--spacing-md);display:flex}.goal-info{flex-shrink:0;width:100px}.goal-name{font-size:.875rem;font-weight:600;display:block}.goal-values{color:#fff9;font-size:.7rem}.goal-bar{border-radius:var(--radius-full);background:#ffffff1a;flex:1;height:8px;overflow:hidden}.goal-progress{border-radius:var(--radius-full);height:100%;transition:width .5s}.goal-achieved-icon{color:var(--color-success-500);flex-shrink:0;animation:.5s bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.body-stats{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.body-stat{text-align:center;padding:var(--spacing-sm);border-radius:var(--radius-md);background:#ffffff0d}.body-stat.positive .body-stat-value{color:var(--color-success-500)}.body-stat.negative .body-stat-value{color:var(--color-danger-500)}.body-stat-value{font-size:1.25rem;font-weight:700;display:block}.body-stat-label{color:#fff9;text-transform:uppercase;font-size:.7rem}.body-period{text-align:center;color:#ffffff80;padding-top:var(--spacing-sm);border-top:1px solid #ffffff1a;font-size:.7rem}@media (max-width:1200px){.progress-charts{grid-template-columns:1fr}.chart-card.goals-card,.chart-card.body-card{grid-column:span 1}}@media (max-width:768px){.body-stats{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.body-stat-value{font-size:1rem}.goal-info{width:80px}}.promotions-page{padding:0}.promotions-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.promotions-filters{margin-bottom:var(--spacing-6)}.promotions-filters .filters-row{gap:var(--spacing-4);align-items:flex-end;display:flex}.promotions-filters .filters-row>:first-child{flex:1;max-width:400px}.promotions-filters .filters-row>:last-child{width:200px}.promo-info{gap:var(--spacing-1);flex-direction:column;display:flex}.promo-title{color:var(--text-primary);font-weight:600}.promo-desc{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.promo-code{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1)var(--spacing-2);background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:inline-flex}.promo-code:hover{background:var(--primary-50);border-color:var(--primary-300)}.promo-code code{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--primary-600);font-weight:600}.promo-code svg{color:var(--text-tertiary)}.no-code{color:var(--text-tertiary);font-style:italic;font-size:var(--font-size-sm)}.promo-dates{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);display:flex}.date-separator{color:var(--text-tertiary)}.usage-info{font-variant-numeric:tabular-nums}.promo-form{gap:var(--spacing-6);flex-direction:column;display:flex}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.promotions-filters .filters-row{flex-direction:column}.promotions-filters .filters-row>*{width:100%!important;max-width:none!important}}.announcements-page{padding:0}.announcements-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.announcements-filters{margin-bottom:var(--spacing-6)}.announcements-filters .filters-row{gap:var(--spacing-4);align-items:flex-end;display:flex}.announcements-filters .filters-row>:first-child{flex:1;max-width:400px}.announcements-filters .filters-row>:last-child{width:200px}.announcement-info{gap:var(--spacing-1);flex-direction:column;display:flex}.announcement-title{color:var(--text-primary);font-weight:600}.announcement-message{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.type-badge{align-items:center;gap:var(--spacing-1);display:inline-flex}.announcement-dates{gap:var(--spacing-1);font-size:var(--font-size-sm);flex-direction:column;display:flex}.expiry-date{color:var(--text-tertiary);font-size:var(--font-size-xs)}.views-count{font-variant-numeric:tabular-nums}.announcement-form{gap:var(--spacing-6);flex-direction:column;display:flex}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.announcement-preview{gap:var(--spacing-4);flex-direction:column;display:flex}.preview-header{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.preview-image{background:var(--bg-tertiary);border-radius:var(--radius-md);width:100%;height:150px;overflow:hidden}.preview-image img{object-fit:cover;width:100%;height:100%}.preview-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600}.preview-message{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}.preview-meta{gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--text-tertiary);display:flex}@media (max-width:768px){.announcements-filters .filters-row{flex-direction:column}.announcements-filters .filters-row>*{width:100%!important;max-width:none!important}}.workout-requests-page{padding:0}.workout-requests-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.workout-requests-filters{margin-bottom:var(--spacing-6)}.workout-requests-filters .filters-row{gap:var(--spacing-4);align-items:flex-end;display:flex}.workout-requests-filters .filters-row>:first-child{flex:1;max-width:400px}.workout-requests-filters .filters-row>:last-child{width:200px}.user-info{gap:var(--spacing-1);flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-weight:600}.user-email{font-size:var(--font-size-sm);color:var(--text-secondary)}.muscle-tags{gap:var(--spacing-1);flex-wrap:wrap;align-items:center;display:flex}.more-tag{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:var(--spacing-1)}.trainer-name{color:var(--text-primary)}.trainer-select{min-width:120px}.no-trainer{color:var(--text-tertiary)}.status-badge{align-items:center;gap:var(--spacing-1);display:inline-flex}.action-buttons{gap:var(--spacing-1);justify-content:center;display:flex}.action-btn--success:hover{background:var(--success-50);color:var(--success-600)}.request-detail{gap:var(--spacing-6);flex-direction:column;display:flex}.detail-header{padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;display:flex}.detail-user{gap:var(--spacing-3);align-items:center;display:flex}.user-avatar{background:var(--bg-tertiary);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.detail-user h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.detail-user span{font-size:var(--font-size-sm);color:var(--text-secondary)}.detail-section h4{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:600;display:flex}.detail-grid{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}.detail-item{gap:var(--spacing-1);flex-direction:column;display:flex}.detail-item label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase}.detail-item span{font-size:var(--font-size-sm);color:var(--text-primary)}.detail-notes{background:var(--bg-secondary);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}.response-section{background:var(--success-50);padding:var(--spacing-4);border-radius:var(--radius-md);border-left:3px solid var(--success-500)}.response-section h4{color:var(--success-700)}.response-info{font-size:var(--font-size-sm);justify-content:space-between;display:flex}.response-trainer{color:var(--success-700);font-weight:600}.response-date{color:var(--success-600)}.response-form{gap:var(--spacing-5);flex-direction:column;display:flex}.response-summary{background:var(--bg-secondary);padding:var(--spacing-4);border-radius:var(--radius-md)}.response-summary p{margin:0 0 var(--spacing-2);font-size:var(--font-size-sm)}.response-summary p:last-child{margin-bottom:0}.action-toggle{gap:var(--spacing-2);display:flex}.toggle-btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:2px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;flex:1;font-weight:500;transition:all .2s;display:flex}.toggle-btn:hover{border-color:var(--primary-300);background:var(--primary-50)}.toggle-btn.active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700)}.toggle-btn--danger:hover{border-color:var(--error-300);background:var(--error-50)}.toggle-btn--danger.active{border-color:var(--error-500);background:var(--error-50);color:var(--error-700)}@media (max-width:768px){.workout-requests-filters .filters-row{flex-direction:column}.workout-requests-filters .filters-row>*{width:100%!important;max-width:none!important}.detail-grid{grid-template-columns:1fr}}.workout-bank-page{padding:0}.workout-bank-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.workout-bank-filters{margin-bottom:var(--spacing-6)}.workout-bank-filters .filters-row{gap:var(--spacing-4);align-items:flex-end;display:flex}.workout-bank-filters .filters-row>:first-child{flex:1;max-width:400px}.workout-bank-filters .filters-row>:nth-child(2),.workout-bank-filters .filters-row>:nth-child(3){width:180px}.workouts-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.empty-card{grid-column:1/-1}.workout-card{transition:transform .2s,box-shadow .2s}.workout-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.workout-card.featured{border:2px solid var(--warning-400)}.workout-card-header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:flex-start;display:flex}.category-indicator{border-radius:var(--radius-full);width:4px;height:40px}.workout-badges{gap:var(--spacing-2);display:flex}.workout-badges .badge{align-items:center;gap:var(--spacing-1);display:flex}.workout-name{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-2);font-weight:600}.workout-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.workout-meta{gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}.workout-meta span{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.workout-muscles{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.more-muscles{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:var(--spacing-1)}.workout-card-footer{padding-top:var(--spacing-3);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.usage-count{font-size:var(--font-size-sm);color:var(--text-tertiary)}.workout-actions{gap:var(--spacing-1);display:flex}.action-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.action-btn.active{color:var(--warning-500)}.action-btn--danger:hover{background:var(--error-50);color:var(--error-600)}.workout-detail{gap:var(--spacing-6);flex-direction:column;display:flex}.detail-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.detail-header h2{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--spacing-2);font-weight:600}.detail-header p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.detail-stats{gap:var(--spacing-6);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-md);display:flex}.stat-item{align-items:center;gap:var(--spacing-2);color:var(--text-secondary);display:flex}.stat-item svg{color:var(--primary-500)}.detail-section{gap:var(--spacing-3);flex-direction:column;display:flex}.detail-section h4{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:600}.tag-list{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.exercises-list{gap:var(--spacing-2);flex-direction:column;display:flex}.exercise-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-md);display:flex}.exercise-number{background:var(--primary-100);width:28px;height:28px;color:var(--primary-700);font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.exercise-info{gap:var(--spacing-1);flex-direction:column;display:flex}.exercise-name{color:var(--text-primary);font-weight:500}.exercise-detail{font-size:var(--font-size-sm);color:var(--text-secondary)}.workout-form{gap:var(--spacing-6);flex-direction:column;display:flex}.form-section{gap:var(--spacing-4);flex-direction:column;display:flex}.form-section h4{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border-color);margin:0;font-weight:600}.form-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.form-field{gap:var(--spacing-2);flex-direction:column;display:flex}.form-field label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.form-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);resize:vertical;min-height:80px;transition:border-color .2s}.form-textarea:focus{border-color:var(--primary-500);outline:none}.checkbox-group{gap:var(--spacing-3);flex-direction:column;display:flex}.checkbox-label{align-items:center;gap:var(--spacing-2);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-500)}.checkbox-label span{font-size:var(--font-size-sm);color:var(--text-secondary)}.form-note{font-size:var(--font-size-sm);color:var(--text-tertiary);background:var(--bg-secondary);padding:var(--spacing-3);border-radius:var(--radius-md);margin:0}.modal-actions{gap:var(--spacing-3);justify-content:flex-end;display:flex}@media (max-width:768px){.workout-bank-filters .filters-row{flex-direction:column}.workout-bank-filters .filters-row>*{width:100%!important;max-width:none!important}.workouts-grid,.form-grid{grid-template-columns:1fr}.detail-stats{flex-wrap:wrap}}:root{--color-primary-50:#fff7ed;--color-primary-100:#ffedd5;--color-primary-200:#fed7aa;--color-primary-300:#fdba74;--color-primary-400:#fb923c;--color-primary-500:#f15a24;--color-primary-600:#ea580c;--color-primary-700:#c2410c;--color-primary-800:#9a3412;--color-primary-900:#7c2d12;--color-secondary-50:#fff7ed;--color-secondary-100:#ffedd5;--color-secondary-200:#ffd4b8;--color-secondary-300:#ffb088;--color-secondary-400:#ff7c47;--color-secondary-500:#ff7c47;--color-secondary-600:#f97316;--color-secondary-700:#ea580c;--color-secondary-800:#c2410c;--color-secondary-900:#9a3412;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#2a2a2a;--color-gray-800:#1e1e1e;--color-gray-900:#121212;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success:#22c55e;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning:#f59e0b;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger:#ef4444;--color-error:#ef4444;--color-info:#3b82f6;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-secondary:"Poppins",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--sidebar-width:280px;--sidebar-collapsed-width:80px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);font-size:var(--font-size-base);color:#fff;background-color:var(--color-gray-900);line-height:1.5}#root{min-height:100vh}a{color:var(--color-primary-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-400)}img{max-width:100%;height:auto}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{color:#fff;background-color:#f15a244d}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading-screen{background:var(--color-gray-900);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}