.layout{display:flex;width:100%;min-height:100vh}.layout>:nth-child(2){flex:1}.navbar{width:200px;height:100vh;position:fixed;top:0;left:0;background-color:#f8f9fa;padding:20px 0;box-shadow:2px 0 5px #0000001a}.navbar-nav{list-style:none;padding:0;margin:0;width:100%}.nav-item{width:100%}.nav-link{display:block;padding:15px 20px;text-decoration:none;color:#333;font-size:16px;transition:background-color .3s}.nav-link:hover{background-color:#e9ecef}.sign-out-btn{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-size:16px;padding:15px 20px}.sign-out-btn:hover{background-color:#e9ecef}.navbar-bottom{position:absolute;bottom:0;width:100%;margin-bottom:50px}.card{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;background-color:#fff;cursor:pointer;width:100%;height:100%;color:inherit;text-decoration:none;display:block}.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.card:link,.card:visited,.card:hover,.card:active,.card:focus{color:inherit;text-decoration:none;outline:none}.card-image{position:relative;width:100%;height:0;overflow:hidden}.card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.card-details{padding:12px}.card-details h3{margin:0 0 8px;font-size:1rem;font-weight:600}.card-title-container{display:flex;justify-content:space-between;align-items:center}.element-grid-container{margin-bottom:30px}.element-grid-container-title{margin-bottom:15px;font-size:1.5rem;font-weight:600}.element-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.grid-item{display:flex;flex-direction:column;align-items:center}.empty-message{grid-column:1 / -1;text-align:center;padding:40px;color:#666;font-size:1.2rem}.page-container{margin-left:200px;padding:20px}.button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}.button:hover{opacity:.9}.button:active{opacity:.8}.button:disabled{opacity:.5;cursor:not-allowed}.button.red{background-color:#dc3545;color:#fff}.button.blue{background-color:#05a;color:#fff}.button.green{background-color:#4caf50;color:#fff}.button.grey{background-color:#6c757d;color:#fff}.pagination-controls{margin-top:20px;padding:15px;background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:15px}.pagination-info{display:flex;justify-content:space-between;width:100%;max-width:600px;font-size:14px;color:#555}.pagination-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pagination-buttons .button{margin:0 2px}.page-size-selector{display:flex;align-items:center;gap:10px}.page-size-selector label{font-size:14px}.page-size-selector select{padding:5px 10px;border-radius:4px;border:1px solid #ccc}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;padding:0;min-width:320px;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}.error-message{color:#dc3545;font-size:.9em;margin-top:5px}.default-indicator{font-size:1.2em;cursor:pointer;transition:transform .2s ease;padding-top:6px;padding-right:10px}.default-indicator.is-default{cursor:default;opacity:.8}.default-indicator:not(.is-default):hover{transform:scale(1.2)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.header-actions{display:flex;align-items:center;gap:15px}.header-buttons{display:flex;gap:10px}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.login-button{margin-top:20px;padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#0056b3}.user-actions{display:flex;gap:10px;margin-top:15px}.user-images{margin-top:30px}.image-gallery{display:flex;flex-wrap:wrap;gap:20px;margin-top:15px}.image-item{width:200px;background-color:#f8f9fa;border-radius:5px;padding:10px;text-align:center}.image-item img{max-width:100%;height:auto;border-radius:3px;margin-bottom:10px}.garments-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color:#f8f9fa;padding:10px 15px;border-radius:5px}.garments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(169px,1fr));gap:20px;margin-bottom:30px}.garment-card{background-color:#f8f9fa;border-radius:5px;padding:15px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.garment-card:hover{box-shadow:0 4px 8px #0000001a}.garment-card.selected{border-color:#007bff;background-color:#e7f1ff}.garment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.garment-id{font-weight:700;color:#6c757d}.garment-details p{margin:5px 0}.garment-tags{margin-top:10px}.tag{display:inline-block;background-color:#e9ecef;color:#495057;padding:2px 8px;border-radius:12px;font-size:.85em;margin-right:5px;margin-top:5px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.pagination button{padding:5px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.pagination button:hover:not(:disabled){background-color:#0056b3}.pagination button:disabled{background-color:#6c757d;cursor:not-allowed}.select-mode-indicator{margin-left:15px;font-weight:700;color:#28a745}.garment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.garment-actions,.outfit-actions{display:flex;gap:10px}.garment-details-container{background-color:#f8f9fa;border-radius:5px;padding:20px;margin-top:20px}.garment-info{margin-bottom:30px}.edit-category{margin-bottom:15px}.edit-category select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;margin-top:5px}.edit-tags{margin-top:15px}.tags-input-container{display:flex;gap:10px;margin-top:5px;margin-bottom:10px}.tags-input-container input{flex-grow:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px}.tags-list{display:flex;flex-wrap:wrap;gap:5px}.tag-with-remove{display:flex;align-items:center;background-color:#e9ecef;border-radius:12px;padding-right:5px;margin-top:5px}.remove-tag-button{background:none;border:none;color:#dc3545;font-size:1.2em;cursor:pointer;padding:0 5px}.remove-tag-button:hover{color:#c82333}.garment-images{margin-top:20px}.image-container{background-color:#fff;border-radius:5px;padding:10px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a}.image-container img{max-width:100%;max-height:300px;height:auto;border-radius:3px;display:block;margin:0 auto;object-fit:contain}.image-type{text-align:center;margin-top:10px;color:#6c757d;font-size:.9em}.empty-state{text-align:center;padding:40px;background-color:#f8f9fa;border-radius:5px;margin-top:20px}.virtual-tryons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.virtual-tryon-card{background-color:#f8f9fa;border-radius:5px;padding:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.virtual-tryon-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.virtual-tryon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.virtual-tryon-id{font-weight:700;color:#6c757d}.virtual-tryon-details p{margin:5px 0}.edit-name-container{flex-grow:1;margin-right:20px}.edit-name-input{width:100%;padding:8px 12px;font-size:1.2em;border:1px solid #ced4da;border-radius:4px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group select{width:95%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px}.checkbox-group{display:flex;align-items:center}.checkbox-group input{width:auto;margin-right:10px}.file-selected{margin-top:5px;color:#28a745;font-size:.9em}.upload-progress{margin:15px 0}.progress-bar{width:100%;height:20px;background-color:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:5px}.progress-bar-fill{height:100%;background-color:#28a745;transition:width .3s ease}.form-actions{margin-top:20px;display:flex;justify-content:flex-start;gap:10px}.success-message{background-color:#d4edda;color:#155724;padding:20px;border-radius:5px;margin-top:20px;text-align:center}.button-group{display:flex;justify-content:center;gap:10px;margin-top:20px}.selected-files{margin-top:10px;background-color:#e9ecef;padding:10px;border-radius:5px}.selected-files ul{margin-top:5px;padding-left:20px}.selected-files li{margin-bottom:5px}.loading-overlay{background-color:#fffc;padding:15px;margin:10px 0;border-radius:5px;text-align:center;font-weight:700}.selection-info{margin:10px 0;padding:10px;background-color:#f0f0f0;border-radius:5px}.max-selection-warning{color:#ff6b6b;font-weight:700}.avatar-card.selected{border:2px solid #4caf50;box-shadow:0 0 10px #4caf5080}.garment-select-checkbox{position:absolute;top:10px;right:10px;background-color:#fffc;padding:5px;border-radius:5px;z-index:10}.avatar-image{position:relative}.garment-selection-indicator{position:absolute;top:10px;right:10px;background-color:#4caf50cc;color:#fff;padding:5px 10px;border-radius:5px;font-weight:700;z-index:10}.loading-dots:after{content:".";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.address-container{background-color:#f8f9fa;border-radius:5px;padding:15px;margin-bottom:20px;border:1px solid #dee2e6}.address-container h3{margin-top:0;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.address-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.address-fields .form-group{margin-bottom:10px}.address-section{margin-bottom:15px}.address-details{margin-left:15px}.address-details p{margin:2px 0;line-height:1.2}@media (max-width: 768px){.address-fields{grid-template-columns:1fr}}.avatars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.avatar-card{background-color:#f8f9fa;border-radius:5px;padding:15px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.avatar-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.avatar-image{width:100%;height:300px;overflow:hidden;border-radius:3px;margin-bottom:15px;display:flex;justify-content:center;align-items:center;background-color:#e9ecef}.avatar-image img{max-width:100%;max-height:100%;object-fit:cover}.avatar-name-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.avatar-name-container h3{margin:0;font-size:1.2em;color:#343a40}.avatar-id{color:#6c757d;font-size:.8em;margin:0}.in-progress-section{margin-top:30px;background-color:#f8f9fa;border-radius:5px;padding:20px}.in-progress-section h2{margin-top:0;margin-bottom:15px;color:#343a40;border-bottom:1px solid #dee2e6;padding-bottom:10px}.in-progress-list{list-style-type:none;padding:0;margin:0}.in-progress-item{padding:6px 15px;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.in-progress-item:last-child{border-bottom:none}.in-progress-item:hover{background-color:#e9ecef}.in-progress-item .avatar-name-container{display:flex;justify-content:space-between;align-items:center}.avatar-details{padding:5px}.outfits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.outfit-details{padding:5px;margin-top:10px}.outfit-details h3{margin:0;font-size:1.2em;color:#343a40}.outfit-details p{margin:5px 0 0;color:#6c757d;font-size:.9em}.outfit-collage{width:100%;height:300px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;border-radius:3px;overflow:hidden}.collage-item{overflow:hidden;background-color:#e9ecef;display:flex;justify-content:center;align-items:center}.collage-item img{width:100%;height:100%;object-fit:cover}.full-collage{width:100%;height:100%;object-fit:contain}.avatar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.virtual-tryon-outfit-card{height:auto}.details-container{background-color:#f8f9fa;border-radius:5px;padding:20px;margin-top:20px}.detail-display{display:flex;flex-direction:column;gap:.5rem}.detail-field{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;line-height:1.5}.detail-field strong{margin-right:.25rem}.detail-value{display:inline-flex;align-items:center}.boolean-value{display:inline-block;margin-left:.5rem;padding:2px 8px;border-radius:4px;font-size:.9em;font-weight:700}.boolean-true{background-color:#e6f7e6;color:#2e7d32}.boolean-false{background-color:#f7e6e6;color:#c62828}.nested-object{margin-top:.25rem;margin-left:1rem;padding-left:.5rem;border-left:2px solid #eaeaea}.nested-detail-display{margin-top:.25rem}.nested-object p{margin:.25rem 0}.fullscreen-image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer;animation:fadeIn .2s ease-in-out}.fullscreen-image-container{max-width:90%;max-height:90%;animation:scaleIn .2s ease-in-out}.fullscreen-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px;cursor:default;box-shadow:0 4px 20px #0000004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}.form-container{background-color:#f8f9fa;border-radius:5px;padding:20px;max-width:800px;width:100%;margin:0 auto}.form-actions{display:flex;gap:1rem;margin-top:2rem}.error-message{background-color:#ffebee;border-left:4px solid #e53935;padding:1rem;margin:1rem 0;border-radius:0 4px 4px 0}.error-message p{color:#c62828;margin:0}.modal-content{background-color:#fff;padding:30px;border-radius:5px;width:90%;max-width:500px;box-shadow:0 4px 8px #0000001a}.modal-content h2{margin-top:0;margin-bottom:15px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-group{margin-bottom:1.5rem;width:100%}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2.5rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}.form-group.has-error input,.form-group.has-error select,.input-error{border-color:#e53935}.form-group .required-indicator{color:#e53935;margin-left:.25rem}.input-error-message{color:#e53935;font-size:.875rem;margin-top:.5rem}.checkbox-wrapper{display:flex;align-items:center;margin-bottom:.5rem}.checkbox-wrapper input[type=checkbox]{width:auto;margin-right:.75rem;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.checkbox-wrapper label{display:inline;margin-bottom:0;cursor:pointer}.selected-files{margin-top:.5rem;padding:.75rem;background-color:#f5f5f5;border-radius:4px}.selected-files p{margin:0 0 .5rem;font-weight:500}.selected-files ul{margin:0;padding-left:1.5rem}.selected-files li{margin-bottom:.25rem}.form-input-group{margin-bottom:1.5rem;border:1px solid #e0e0e0;border-radius:.25rem;padding:1rem;background-color:#fff;box-shadow:0 1px 3px #0000000d}.form-input-group.has-error{border-color:#e74c3c}.form-input-group-title{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#333}.form-input-group-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.form-input-group-content>*{margin-bottom:0}@media (max-width: 768px){.form-input-group-content{grid-template-columns:1fr}}.group-error-message{color:#e74c3c;font-size:.9rem;margin-top:.75rem;padding:.5rem;background-color:#e74c3c1a;border-radius:.25rem;font-weight:500}.multiselect-container{position:relative;width:100%;border:1px solid #ccc;border-radius:4px;background-color:#fff}.multiselect-container.open{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.multiselect-container.disabled{background-color:#e9ecef;opacity:.65;cursor:not-allowed}.multiselect-selected-value{display:flex;justify-content:space-between;padding-left:5px;align-items:center;cursor:pointer;min-height:38px}.dropdown-arrow{margin-left:8px;margin-right:6px;font-size:.8rem}.multiselect-options{position:absolute;top:100%;left:0;right:0;z-index:1000;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0000001a;padding:4px 0;width:100%;box-sizing:border-box}.multiselect-option{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;justify-content:flex-start;width:100%;box-sizing:border-box}.multiselect-option label{cursor:pointer;margin-bottom:0;display:inline-block}.multiselect-option:hover{background-color:#f8f9fa}.multiselect-option.selected{background-color:#e9f5ff}.multiselect-option input[type=checkbox]{margin-right:8px;appearance:checkbox;-webkit-appearance:checkbox;-moz-appearance:checkbox;width:auto;height:auto}.has-error .multiselect-container{border-color:#dc3545}.has-error .multiselect-container.open{box-shadow:0 0 0 .2rem #dc354540}.warning-message{background-color:#fff3cd;color:#856404;padding:15px;border-radius:5px;margin-bottom:20px;border-left:4px solid #ffc107}.warning-message p{margin:0}.outfit-collage{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;border-radius:3px;overflow:hidden;position:absolute;top:0;left:0}.collage-item{overflow:hidden;background-color:#e9ecef;display:flex;justify-content:center;align-items:center;position:relative}.collage-item img{width:100%;height:100%;object-fit:cover;position:relative}.subtitle{margin:0;font-style:italic}.card.selected{box-shadow:0 0 0 3px #4caf50,0 4px 12px #00000026}.selection-indicator{position:absolute;top:10px;right:10px;background-color:#4caf50;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700}.garment-selection-container{position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -2px 10px #0000001a;padding:15px;z-index:100;display:flex;flex-direction:column;gap:10px}.garment-selection-info{display:flex;flex-direction:column;gap:5px}.garment-selection-info p{margin:0}.max-selection-warning{color:#dc3545;font-weight:700}.garment-selection-actions{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.cancel-button{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.confirm-button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.confirm-button:disabled{opacity:.5;cursor:not-allowed}body.selection-mode-active{padding-bottom:360px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow:auto}.outfit-modal-form.form-container{margin:0;max-width:100%;width:100%;box-sizing:border-box;background:transparent;padding:0}.modal-content .form-actions{flex-wrap:wrap}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input,.form-group select{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}