.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--dark-gray);font-size:var(--font-size-sm)}.form-input{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--white);color:var(--dark-gray);font-size:var(--font-size-base);transition:var(--transition);font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(52,152,219,0.1);transform:translateY(-1px)}.form-input::placeholder{color:var(--medium-gray)}.form-input-with-icon{padding-left:3.5rem}.form-input-group{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--medium-gray);transition:var(--transition);z-index:2;pointer-events:none;width:1.25rem;text-align:center;font-size:1rem}.form-input:focus + .form-input-icon{color:var(--primary-color)}.form-helper{font-size:var(--font-size-xs);color:var(--medium-gray);margin-top:var(--spacing-xs);opacity:0;transform:translateY(-5px);transition:var(--transition)}.form-input:focus ~ .form-helper{opacity:1;transform:translateY(0)}.form-error{background-color:#ffebee;border-left:4px solid var(--danger-color);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--border-radius);color:#d32f2f;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;min-height:48px}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover:not(:disabled){background-color:var(--primary-color);color:var(--white);transform:translateY(-1px)}.btn-danger{background-color:var(--danger-color);color:var(--white)}.btn-danger:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px)}.btn:disabled{background-color:#cccccc;color:#888888;cursor:not-allowed;transform:none;box-shadow:none}.btn-loading{color:transparent!important;pointer-events:none}.btn-loading::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s ease infinite}.btn-full{width:100%}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);min-height:56px}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:36px}.card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);position:relative}.card-body{padding:var(--spacing-xl)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background-color:#fafbfc}.card-title{font-size:var(--font-size-xl);font-weight:700;margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.card-subtitle{font-size:var(--font-size-base);font-weight:400;margin-top:var(--spacing-sm);opacity:0.9}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px;font-size:var(--font-size-xs);font-weight:600;color:var(--white)}.badge-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.badge-warning{background-color:var(--accent-color)}.badge-danger{background-color:var(--danger-color)}.badge-success{background-color:var(--secondary-color)}.progress-container{width:100%;background-color:#f3f3f3;height:8px;border-radius:10px;margin:var(--spacing-md) 0;overflow:hidden;position:relative}.progress-bar{height:100%;width:0%;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:10px;transition:width 0.4s cubic-bezier(0.1,0.7,0.1,1);position:relative;overflow:hidden}.progress-bar::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-size:50px 50px;animation:progressStripes 2s linear infinite}@keyframes progressStripes{0%{background-position:0 0}100%{background-position:50px 0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:var(--z-modal-backdrop);display:none;justify-content:center;align-items:center;backdrop-filter:blur(4px);opacity:0;transition:opacity 0.3s ease}.modal-overlay.active{display:flex;opacity:1}.modal-content{background-color:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow-y:auto;transform:scale(0.9);transition:transform 0.3s ease}.modal-overlay.active .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--font-size-xl);font-weight:700;color:var(--dark-gray);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--medium-gray);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition-fast)}.modal-close:hover{background-color:var(--light-gray);color:var(--dark-gray)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:var(--z-modal-backdrop);display:none;justify-content:center;align-items:center;flex-direction:column;backdrop-filter:blur(4px);transition:opacity 0.3s ease}.loading-container{background-color:var(--white);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);text-align:center;max-width:90%;min-width:min(320px,100%);animation:fadeIn 0.5s ease}.loading-spinner{font-size:3rem;color:var(--primary-color);margin-bottom:var(--spacing-md);animation:spin 2s infinite linear}.loading-title{font-size:var(--font-size-lg);font-weight:600;color:var(--dark-gray);margin-bottom:var(--spacing-md)}.loading-status{color:var(--medium-gray);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.table-container{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:#f8f9fa;font-weight:600;color:var(--dark-gray);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.5px}.table tr:hover{background-color:var(--light-gray)}.table-empty{text-align:center;padding:var(--spacing-2xl) 0;color:var(--medium-gray)}.table-empty i{font-size:4rem;color:#e0e7ff;margin-bottom:var(--spacing-md);display:block}.column .version-selector{margin-top:var(--spacing-md);background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);animation:versionSelectorAppear 0.3s ease;position:relative;z-index:1;overflow:visible}.column .version-selector:hover{box-shadow:var(--shadow-md)}.image-container + .version-selector{margin-top:var(--spacing-md)}.column{overflow:visible;display:flex;flex-direction:column}.version-selector-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--medium-gray);flex-direction:column;gap:var(--spacing-sm)}.version-help-text{color:var(--primary-color);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs);background:var(--primary-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:20px;border:1px solid rgba(52,152,219,0.3);text-align:center;width:100%;justify-content:center;box-shadow:0 2px 4px rgba(52,152,219,0.1)}.version-help-text i{color:var(--primary-color);font-size:1.1em;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.version-label{font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs);color:var(--dark-gray)}.version-label i{color:var(--primary-color)}.version-counter{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:12px;font-size:var(--font-size-xs);font-weight:700;box-shadow:0 2px 4px rgba(52,152,219,0.3);align-self:flex-end}.single-version-info{background:var(--primary-light);border:1px solid #bbdefb;border-radius:var(--border-radius-sm);padding:var(--spacing-sm);color:var(--primary-dark);font-size:var(--font-size-xs);text-align:center;margin:var(--spacing-xs) 0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);line-height:1.4}.single-version-info i{color:var(--primary-color);animation:pulse 2s infinite}.single-version-info strong{color:var(--primary-color);font-weight:700;background:rgba(52,152,219,0.2);padding:1px 4px;border-radius:4px}.version-thumbnails{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0;scroll-behavior:smooth}.version-thumbnails::-webkit-scrollbar{height:4px}.version-thumbnails::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.version-thumbnails::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:2px}.version-thumbnail{position:relative;width:60px;height:60px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--transition);flex-shrink:0;background:var(--white);box-shadow:var(--shadow-sm)}.version-thumbnail:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.version-thumbnail.selected{border-color:var(--primary-color);transform:translateY(-2px) scale(1.1);box-shadow:0 8px 16px rgba(52,152,219,0.4)}.version-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--border-radius-sm) - 2px)}.version-number{position:absolute;top:2px;left:2px;background:rgba(0,0,0,0.8);color:var(--white);font-size:0.6rem;font-weight:700;padding:1px 4px;border-radius:3px;line-height:1;border:1px solid rgba(255,255,255,0.2)}.version-selected-indicator{position:absolute;bottom:2px;right:2px;background:var(--secondary-color);color:var(--white);width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.6rem;border:1px solid var(--white);box-shadow:var(--shadow-sm);animation:checkmarkAppear 0.3s ease}@keyframes checkmarkAppear{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes versionSelectorAppear{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.improve-btn-enhanced{background-color:rgba(255,193,7,0.9)!important;border:2px solid #ffc107!important;position:relative;overflow:hidden;animation:improveButtonPulse 3s infinite}@keyframes improveButtonPulse{0%,100%{box-shadow:0 0 5px rgba(255,193,7,0.3)}50%{box-shadow:0 0 15px rgba(255,193,7,0.6)}}.improve-btn-enhanced:hover:not(:disabled){background-color:rgba(255,193,7,1)!important;transform:scale(1.1);box-shadow:0 0 20px rgba(255,193,7,0.8);animation:none}.improve-btn-enhanced::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.3),transparent);transform:rotate(45deg);transition:all 0.6s;opacity:0}.improve-btn-enhanced:hover::before{animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}100%{transform:translateX(100%) translateY(100%) rotate(45deg);opacity:0}}.improvement-help{position:absolute;bottom:35px;left:10px;right:10px;background:linear-gradient(135deg,rgba(255,193,7,0.95),rgba(255,152,0,0.95));color:var(--dark-gray);padding:var(--spacing-xs) var(--spacing-sm);border-radius:8px;font-size:0.7rem;font-weight:500;text-align:center;box-shadow:0 2px 8px rgba(255,193,7,0.3);backdrop-filter:blur(4px);z-index:5;transition:var(--transition);border:1px solid rgba(255,193,7,0.8);animation:improveHelpFloat 3s ease-in-out infinite}@keyframes improveHelpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}.improvement-help i{color:#f57c00;animation:lightbulbGlow 2s infinite}@keyframes lightbulbGlow{0%,100%{opacity:1}50%{opacity:0.7}}.improvement-help strong{color:var(--dark-gray);font-size:1.1em;background:rgba(255,255,255,0.3);padding:1px 3px;border-radius:3px}@media (max-width:768px){.column .version-selector{margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.version-thumbnail{width:50px;height:50px}.version-thumbnails{gap:var(--spacing-xs)}.version-number{font-size:0.5rem}.version-selected-indicator{width:12px;height:12px;font-size:0.5rem}.version-help-text{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.improvement-help{font-size:0.6rem;padding:2px var(--spacing-xs);bottom:30px}}@media (max-width:480px){.version-thumbnail{width:45px;height:45px}.single-version-info{font-size:0.7rem;padding:var(--spacing-xs)}.version-help-text{font-size:0.7rem;padding:var(--spacing-xs)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-muted{color:var(--medium-gray)}.text-danger{color:var(--danger-color)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}