.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-light) 100%);padding:var(--spacing-normal)}.login-card{width:100%;max-width:400px;background-color:var(--brand-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:0 20px 60px #0006}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{font-size:36px;font-weight:700;color:var(--color-accent);margin:0 0 var(--spacing-xs);letter-spacing:-1px}.login-subtitle{font-size:14px;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:2px}.login-form{display:flex;flex-direction:column;gap:var(--spacing-normal)}.login-form .lx-button{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:15px;justify-content:center}.login-error{background-color:var(--danger-light);color:var(--danger);padding:var(--spacing-sm) var(--spacing-normal);border-radius:var(--border-radius-md);font-size:13px;text-align:center}.login-loading{display:flex;justify-content:center;padding:var(--spacing-normal)}.login-footer{margin-top:var(--spacing-lg);text-align:center;font-size:12px;color:var(--text-secondary)}.text-field-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.text-field-container.full-width{width:100%}.text-field-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.text-field-input{padding:var(--spacing-sm) var(--spacing-normal);background-color:var(--text-field-background);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast);outline:none}.text-field-input::placeholder{color:var(--text-secondary);opacity:.6}.text-field-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #b4de0126}.text-field-input:disabled{opacity:.5;cursor:not-allowed}.text-field-input.has-error{border-color:var(--danger)}.text-field-error{font-size:12px;color:var(--danger)}.lx-button{border-radius:30px;padding:6px 15px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;text-align:center;font-weight:600}.lx-button.normal{border:solid 1px var(--button-primary);background:var(--button-primary);color:var(--brand-primary)}.lx-button:active{transform:scale(.98)}.lx-button.normal:hover{background:var(--button-hover);border:solid 1px var(--button-hover)}.lx-button.normal.disabled,.lx-button.normal.disabled:hover{background:var(--button-disabled);cursor:not-allowed;border:solid 1px var(--button-disabled)}.lx-button.normal.disabled:active{transform:none}.lx-button.link{color:var(--text-color);text-decoration:underline;cursor:pointer;font-weight:600}.lx-button.icon{color:var(--text-color);cursor:pointer}.lx-button.icon:hover{background:var(--grey-slight-dark)}.lx-button.regular{color:var(--text-color);border:solid 1px var(--button-secondary);background:var(--button-secondary);min-width:80px}.lx-button.regular:hover{border:solid 1px var(--grey-medium-dark);background:var(--grey-medium-dark)}.lx-button.danger{color:#fff;background:var(--danger)}.lx-button.danger:hover{color:#fff;background:var(--danger-dark)}.lx-button.disabled,.lx-button.disabled:hover{background:var(--button-disabled)!important;cursor:not-allowed!important;color:var(--button-disabled-text)!important}.loading-indicator{display:flex;align-items:center;justify-content:center;width:45px;height:45px;position:relative}.spinner-3.updated:before{left:0px;right:0px}.loading-indicator-spinner-inner{content:"";box-sizing:border-box;position:absolute;top:0;left:0;width:40px;height:40px;left:calc(50% - 20px);border-radius:50%;border:2px solid rgba(255,255,255,0);border-top-color:#ff0036;animation:spinner-2 .6s linear infinite;-webkit-animation:spinner-2 .5s linear infinite;-moz-animation:spinner-2 .5s linear infinite;-ms-animation:spinner-2 .5s linear infinite;-o-animation:spinner-2 .5s linear infinite}.load-complete .checkmark{display:block}.alert{border-radius:5px;padding:16px;text-align:left;display:flex;align-items:center}.alert.floating{box-shadow:var(--popover-barrier-color) 0 0 2px,var(--popover-barrier-color) 0 12px 24px -4px}.alert.success{background:var(--success-light);color:#fff}.alert.error{background:var(--danger-dark);color:#fff}.alert-icon{margin-right:16px}.alert.warning{background:var(--warning-light);color:var(--warning-dark);font-weight:600}.alert-container{position:fixed;z-index:11;animation-duration:.3s;top:30px;left:calc(50% - 200px);width:400px;display:flex;justify-content:stretch}.alert-container-inner{display:flex;flex-direction:column;align-items:stretch;width:100%}.dashboard-container{display:flex;min-height:100vh;background-color:var(--brand-primary)}.dashboard-main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.dashboard-content{flex:1;padding:var(--spacing-xl);max-width:1400px;width:100%;margin:0 auto}.sidebar{width:260px;min-width:260px;height:100vh;background-color:var(--brand-light);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{display:flex;flex-direction:column;gap:2px}.sidebar-logo-text{font-size:24px;font-weight:700;color:var(--color-accent);letter-spacing:-.5px}.sidebar-logo-subtext{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.sidebar-nav{flex:1;padding:var(--spacing-normal);display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-normal);border-radius:var(--border-radius-md);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all var(--transition-fast)}.sidebar-nav-item:hover{background-color:#ffffff0d;color:var(--text-primary)}.sidebar-nav-item.active{background-color:var(--color-accent);color:var(--brand-primary)}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--brand-primary)}.sidebar-nav-icon{width:18px;font-size:16px}.sidebar-nav-label{flex:1}.sidebar-footer{padding:var(--spacing-normal);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-user{padding:var(--spacing-sm) var(--spacing-normal)}.sidebar-user-name{font-size:14px;color:var(--text-primary);font-weight:500}.sidebar-sign-out{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-normal);border-radius:var(--border-radius-md);color:var(--text-secondary);background:none;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.sidebar-sign-out:hover{background-color:#ac162026;color:var(--danger)}.programs-page{display:flex;flex-direction:column;height:100%}.programs-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}.programs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-normal);color:var(--text-secondary);text-align:center}.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-normal)}.program-card{background-color:var(--brand-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all var(--transition-fast);border:1px solid transparent}.program-card:hover{border-color:#ffffff1a}.program-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.program-card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.program-card-actions{display:flex;gap:var(--spacing-xs);opacity:.6;transition:opacity var(--transition-fast)}.program-card:hover .program-card-actions{opacity:1}.program-card-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.program-card-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:auto;padding-top:var(--spacing-sm)}.program-card-tag{background-color:var(--color-accent);color:var(--brand-primary);padding:2px 8px;border-radius:var(--border-radius-sm);font-size:11px;font-weight:600;text-transform:uppercase}.program-card-duration,.program-card-workouts{font-size:12px;color:var(--text-secondary)}.program-form{display:flex;flex-direction:column;gap:var(--spacing-normal);min-width:400px}.program-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-normal)}.page-header-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.page-header-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.page-header-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.page-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.icon-btn{display:flex;width:40px;height:40px;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;position:relative}.icon-btn:before{content:"";display:none;width:100%;height:100%;border-radius:50%;background:var(--transparent);position:absolute;z-index:-1;-webkit-animation-name:zoomIn;animation-name:zoomIn;transform-origin:center;background:var(--grey-normal);-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.icon-btn:hover:before{background:var(--grey-normal);display:block}.icon-btn:active{transform:scale(.98);-webkit-transform:scale(.98)}.icon-btn.disabled,.icon-btn.disabled:hover,.icon-btn.disabled:active{background:var(--button-disabled);cursor:not-allowed}.lx-tooltip{z-index:99!important;background:var(--text-color)!important;color:#fff;opacity:1!important;font-size:16px!important;font-family:Quicksand,Helvetica,sans-serif!important;font-weight:400;user-select:none}.button-row{display:flex;align-items:center;justify-content:flex-end}.dialog-confirm{margin-left:15px;min-width:80px}.dialog-btns{margin-top:30px}.modal-container{z-index:10;position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;justify-content:center;align-items:flex-start}.modal-overlay{position:fixed;width:100vw;height:100vh;background:var(--dialog-barrier-color)}.modal-dialog{padding:var(--spacing-normal);background:var(--dialog-background);border-radius:10px;width:50%;max-width:600px;margin-top:50px;max-height:calc(90% - 50px);box-shadow:var(--dialog-shadow);display:flex;flex-direction:column;overflow:hidden}.modal-top{display:flex;align-items:center}.modal-title{flex-grow:1;margin-bottom:0;text-align:left}.modal-content{align-items:stretch;margin-top:16px;flex-grow:1;display:flex;flex-direction:column}@media screen and (max-width: 769px){.modal-content{overflow-y:auto}.modal-container{justify-content:stretch;align-items:stretch}.modal-dialog{width:90%;margin-top:0;max-width:100%;width:calc(100% - 32px);max-height:100vh}}@media screen and (max-width: 500px){.modal-container{align-items:stretch}.modal-overlay{backdrop-filter:blur(5px)}.modal-dialog{border:solid 1px var(--lighter)}.modal-container{align-items:flex-end}.modal-dialog{margin-top:0;max-height:calc(100% - 64px);border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:solid 1px var(--grey-slight-dark);border-right:solid 1px var(--grey-slight-dark)}.modal-content{padding-bottom:var(--spacing-xx-large)}}.confirm-dialog{width:400px}.program-form-page{display:flex;flex-direction:column;height:100%}.lx-select-menu *{cursor:pointer}.lx-select-menu-mobile{position:relative}.lx-select-menu-mobile-control{cursor:pointer;min-height:38px;outline:0!important;position:relative;-webkit-transition:all .1s;transition:all .1s;background-color:#fff;border-color:var(--grey-normal);border-radius:var(--field-border-radius);border-style:solid;border-width:2px;box-shadow:0!important;box-sizing:border-box;display:flex;align-items:center;padding:var(--spacing-normal)}.lx-select-menu-mobile-icon{margin-left:auto}.lx-select-menu-mobile-list{position:fixed;bottom:0px;height:300px;width:calc(100vw - 2px);z-index:10;left:0;border-top-left-radius:20px;border-top-right-radius:20px;border-left:solid 1px var(--grey-slight-dark);border-right:solid 1px var(--grey-slight-dark);box-shadow:var(--list-item-shadow);background:#fff;display:flex;flex-direction:column}.lx-select-menu-mobile-list header{border-bottom:solid 1px var(--grey-normal);padding:var(--spacing-normal);display:flex;align-items:center}.lx-select-menu-mobile-list h3{margin-bottom:0;flex-grow:1}.lx-select-menu-mobile-backdrop{background:var(--dialog-overlay-color);position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:9}.lx-select-menu-mobile-list-inner{flex-grow:1;overflow:scroll;display:flex;flex-direction:column;row-gap:var(--spacing-medium)}.lx-select-menu-option-mobile{transition:all .15s linear;-webkit-transition:all .15s linear;display:flex;align-items:center;border-radius:5px;user-select:none;-webkit-user-select:none;padding:var(--spacing-normal) var(--spacing-normal)}.lx-select-menu-option-mobile:focus,.lx-select-menu-option-mobile:active{background-color:var(--grey-light)}.lx-select-menu-mobile-placeholder{color:var(--text-faded)}.exercises-page{display:flex;flex-direction:column;height:100%}.exercises-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}.exercises-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-normal);color:var(--text-secondary);text-align:center}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-normal)}.exercise-card{background-color:var(--brand-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all var(--transition-fast);border:1px solid transparent}.exercise-card:hover{border-color:#ffffff1a}.exercise-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.exercise-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.exercise-card-actions{display:flex;gap:var(--spacing-xs);opacity:.6;transition:opacity var(--transition-fast)}.exercise-card:hover .exercise-card-actions{opacity:1}.exercise-card-description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exercise-card-meta{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:auto;padding-top:var(--spacing-sm)}.exercise-card-tag{background-color:#b4de0126;color:var(--color-accent);padding:2px 8px;border-radius:var(--border-radius-sm);font-size:11px;font-weight:500}.exercise-card-equipment{font-size:12px;color:var(--text-secondary);background-color:#ffffff0d;padding:2px 8px;border-radius:var(--border-radius-sm)}.exercise-form{display:flex;flex-direction:column;gap:var(--spacing-normal);min-width:400px}.exercise-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.exercise-form-page,.workouts-page{display:flex;flex-direction:column;height:100%}.workouts-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}.workouts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-normal);color:var(--text-secondary);text-align:center}.workouts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-normal)}.workout-card{background-color:var(--brand-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all var(--transition-fast);border:1px solid transparent}.workout-card:hover{border-color:#ffffff1a}.workout-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.workout-card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.workout-card-actions{display:flex;gap:var(--spacing-xs);opacity:.6;transition:opacity var(--transition-fast)}.workout-card:hover .workout-card-actions{opacity:1}.workout-card-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workout-card-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:auto;padding-top:var(--spacing-sm);align-items:center}.workout-card-difficulty{font-size:12px;font-weight:600;text-transform:uppercase}.workout-card-duration,.workout-card-exercises{font-size:12px;color:var(--text-secondary)}.workout-form{display:flex;flex-direction:column;gap:var(--spacing-normal);min-width:400px}.workout-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.workout-form-page{display:flex;flex-direction:column;height:100%}.workout-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workout-form-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.workout-difficulty-options{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.workout-difficulty-option{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--text-field-background);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.workout-difficulty-option:hover{border-color:#ffffff4d}.workout-difficulty-option.active{background-color:#ffffff0d}.sortable-item.exercise-item-expanded{flex-direction:column;align-items:flex-start;padding:var(--spacing-sm);gap:var(--spacing-sm)}.exercise-item-header{display:flex;align-items:center;gap:var(--spacing-sm)}.exercise-item-header .sortable-item-name{flex:1}.exercise-item-details{display:flex;gap:var(--spacing-normal);padding-left:40px;flex-wrap:wrap}.instruction-field{display:flex;flex-direction:column;gap:4px}.instruction-field label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.instruction-field input{width:70px;padding:6px 8px;background-color:var(--brand-primary);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:14px;text-align:center}.instruction-field input:focus{outline:none;border-color:var(--color-accent)}.instruction-field input::-webkit-inner-spin-button,.instruction-field input::-webkit-outer-spin-button{opacity:1}.sortable-item-fallback{display:flex;flex-direction:column;gap:4px;flex:1;max-width:200px;min-width:140px}.sortable-item-fallback label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sortable-item-fallback .fallback-select{width:100%}:root{--brand-light: #262633;--brand-primary: #13131A;--brand-dark: #13131A;--color-accent: #b4de01;--color-accent-dark: #829903;--tab-inactive-color: #E0E0E0;--dark: #13131A;--slight-dark: rgb(27, 27, 37);--lighter: #c3d8e0;--lightish-grey: #dde4ed;--main-content-shadow: #e9f3f7;--navigation-drawer-background: #ffffff;--danger-light: #fdedee;--danger: #AC1620;--error-message-color: #fdedee;--success-message-color: #ebfbf5;--success-lightest: #D3FFD9;--success-light: #A3FFB0;--success: #3ce652;--success-darker: #42AD8A;--success-darkest: #21664F;--success-faded: #E9FFEC;--warning: #fbecbc;--warning-dark: #6d540e;--blue-grey: #778c99;--mid-grey: #F5F5F5;--light-blue-grey: rgb(7, 11, 15);--lightest-blue-grey: #F4F7FA;--button-disabled: #616161;--button-disabled-text: #CACACA;--semi-transparent-dark: rgba(21, 30, 38, .73);--transparent: transparent;--elevation-color: #ffffff;--popover-barrier-color: rgba(92, 97, 105, .3);--dialog-barrier-color: rgba(46, 48, 63, .72);--text-primary: #ffffff;--text-secondary: #CCCCCC;--text-field-background: #262633;--search-field-background: #F4F7FA;--bottom-app-bar-color: rgb(16, 16, 22);--ticket-danger: #bd3f41;--ticket-good: #3fbd8a;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-normal: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--button-primary: var(--color-accent);--button-hover: var(--color-accent-dark);--transparent: rgba(255, 255, 255, 0);--success-faded: #e0f3e7;--success-light: #489759;--success-dark: #318844;--danger-dark: #991c2c;--danger: #d90000;--danger-faded: #ffe8eb;--dialog-background: var(--brand-light);--dialog-barrier-color: #5c61699e}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Quicksand,sans-serif;background-color:var(--brand-primary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--brand-primary)}::-webkit-scrollbar-thumb{background:var(--brand-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.search-bar{display:flex;align-items:center;gap:12px;background:var(--brand-light);border-radius:8px;padding:12px 16px;margin-bottom:24px}.search-icon{color:var(--text-secondary);font-size:16px}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px}.search-input::placeholder{color:var(--text-secondary)}.form-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);flex:1}.form-header{display:flex;align-items:center;gap:var(--spacing-normal);margin-bottom:var(--spacing-xl)}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--brand-light);border:none;border-radius:var(--border-radius-md);color:var(--text-primary);font-size:16px;cursor:pointer;transition:all var(--transition-fast)}.back-button:hover{background-color:#ffffff26;color:var(--color-accent)}.form-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.form-fields{display:flex;flex-direction:column;gap:var(--spacing-normal)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.form-section-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sortable-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sortable-item{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--brand-light);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-normal);transition:all var(--transition-fast);border:1px solid transparent;cursor:grab}.sortable-item:hover{border-color:#ffffff1a}.sortable-item.dragging{opacity:.5;border-color:var(--color-accent)}.sortable-item-grip{color:var(--text-secondary);cursor:grab;padding:var(--spacing-xs)}.sortable-item-grip:active{cursor:grabbing}.sortable-item-index{font-size:12px;font-weight:600;color:var(--text-secondary);background-color:#ffffff1a;border-radius:var(--border-radius-sm);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.sortable-item-name{flex:1;font-size:14px;color:var(--text-primary)}.add-item-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.add-item-row .dark-select{flex:1;min-width:200px}.no-items-hint{font-size:12px;color:var(--text-secondary);font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animated{animation-duration:.3s;animation-fill-mode:both}.animated.fadeIn{animation-name:fadeIn}.animated.fadeOut{animation-name:fadeOut}.animated.fadeInDown{animation-name:fadeInDown}.animated.fadeInUp{animation-name:fadeInUp}.animated.fadeOutUp{animation-name:fadeOutUp}.animated.fadeOutDown{animation-name:fadeOutDown}.animated.scaleIn{animation-name:scaleIn}.animated.scaleOut{animation-name:scaleOut}.animated.slideInRight{animation-name:slideInRight}.animated.slideOutRight{animation-name:slideOutRight}.animated.slideInLeft{animation-name:slideInLeft}