body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:#fff;height:100%;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:200px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar h2{margin-bottom:25px;margin-top:10px}.sidebar ul{list-style:none;margin-top:20px;padding:0}.sidebar ul li{padding:5px 0}.sidebar ul li a{align-items:center;border-radius:8px;color:#000;display:flex;gap:10px;padding:10px 15px;text-decoration:none;transition:background .2s ease-in-out}.active-link,.sidebar ul li a:hover{background:#f0f0f0;border-radius:8px}.icon,.icon-white{height:20px;width:20px}.icon-white{filter:invert(1);margin-right:7px}.logout-btn{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-top:20px;padding:7px 15px;width:100%}.logout-btn:hover{background-color:#0056b3}.sidebar-toggle-btn{align-items:center;background-color:initial;border:0 solid #ccc;border-radius:50%;cursor:pointer;display:flex;justify-content:center;line-height:0;padding:8px;position:fixed;right:15px;top:15px;z-index:1001}.sidebar-toggle-btn img{display:block;height:24px;width:24px}.sidebar-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@media (min-width:768px){.sidebar{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000008;margin-right:10px;overflow-y:visible;padding:20px;position:static;transform:none;transition:none;width:200px;z-index:auto}.sidebar h2{margin-bottom:20px;margin-top:0}.sidebar.open{transform:none}.sidebar-overlay,.sidebar-toggle-btn{display:none}}.login-page-container{background-color:#f0f2f5;display:flex;min-height:100vh;width:100%}.info-panel{align-items:center;background:linear-gradient(to bottom right,#007bff,#0056b3);color:#fff;display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:40px}.info-content{max-width:500px;text-align:left}.info-content h2{font-size:2.5rem;font-weight:700;margin-bottom:15px}.info-tagline{font-size:1.2rem;line-height:1.5;margin-bottom:30px;opacity:.9}.info-features{list-style:none;margin-bottom:30px;padding:0}.info-features li{font-size:1rem;line-height:1.6;margin-bottom:15px;padding-left:25px;position:relative}.info-features li:before{color:#69f5a8;content:"✔";left:0;position:absolute}.info-alpha-note{background-color:#0003;border-radius:6px;font-size:.9rem;line-height:1.5;padding:10px 15px}.login-panel{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:20px}.login-form-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-form-container h1{color:#333;font-size:28px;margin-bottom:25px;margin-top:0}.login-icon{height:25px;margin-left:5px;width:25px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.login-btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:15px;padding:12px;transition:background-color .3s ease;width:100%}.email-btn{background-color:#007bff;color:#fff}.email-btn:hover{background-color:#0056b3}.google-btn{background-color:#fff;border:1px solid #007bff;border-radius:6px;color:#007bff}.google-btn:hover{background-color:#007bff;color:#fff}.copyright{background:none;border:none;font-size:12px;margin-bottom:0;padding:0}.toggle-auth-mode{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;padding:10px 0}.toggle-auth-mode:hover{text-decoration:underline}.social-login-divider{align-items:center;color:#aaa;display:flex;margin:20px 0;text-align:center}.social-login-divider span{padding:0 10px}.social-login-divider:after,.social-login-divider:before{border-bottom:1px solid #eee;content:"";flex:1 1}.login-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:14px;margin-bottom:20px;padding:10px}@media (max-width:900px){.login-page-container{flex-direction:column}.info-panel,.login-panel{flex:none;min-height:auto}.info-panel{padding:40px 20px;text-align:center}.info-content{text-align:left}}.feedback-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.feedback-modal-content{animation:fadeIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#333;max-width:450px;padding:25px;width:90%}.feedback-modal-content h2{font-size:1.5rem;margin-bottom:10px;margin-top:0;text-align:center}.feedback-modal-content p{color:#666;font-size:.95rem;margin-bottom:20px;text-align:center}.feedback-modal-content textarea{background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;color:#333;font-size:1rem;margin-bottom:20px;padding:12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.feedback-modal-content textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33;outline:none}.feedback-modal-actions{display:flex;gap:10px;justify-content:flex-end}.feedback-modal-actions button{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:background-color .2s,color .2s,border-color .2s}.feedback-modal-actions .btn-secondary{background-color:#fff;border-color:#545b62;color:#000}.feedback-modal-actions .btn-secondary:hover{background-color:#545b62;border-color:#545b62;color:#fff}.feedback-modal-actions button:not(.btn-secondary){background-color:#007bff;border-color:#007bff;color:#fff}.feedback-modal-actions button:not(.btn-secondary):hover{background-color:#0069d9;border-color:#0062cc}.feedback-modal-actions button:disabled{cursor:not-allowed;opacity:.65}.main-layout{display:flex;min-height:600px;width:100%}.content{flex:1 1}body{background-color:#fff;font-family:Arial,sans-serif;padding:10px}.App{margin:auto;width:100%}label{display:block}button,select{border-radius:6px;font-size:16px;padding:8px}.log-in{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;justify-self:left;margin:5px auto;padding:8px 16px;transition:all .2s ease;width:auto}.log-in:hover{background-color:#0056b3}.success-message{animation:fadeOut 3s ease-in-out forwards;background-color:#dff0d8;color:#3c763d;opacity:1}.error-message,.success-message{border-radius:10px;box-shadow:0 3px 6px #00000026;font-weight:700;margin:20px auto;max-width:500px;padding:15px;text-align:center}.error-message{background-color:#f8d7da;color:#721c24}.multi-select-container{display:inline-block;text-align:left}.multi-select{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:10px;width:100%}.multi-select:after{content:"▼";font-size:12px;margin-left:10px}.multi-select-options{background:#fff;border-radius:6px;max-height:250px;padding:0}.multi-select-category{border-bottom:1px solid #ddd;color:#555;font-size:14px;font-weight:700;margin-top:10px;padding:5px 0}.multi-select-options label{align-items:center;cursor:pointer;display:flex;padding:8px}.multi-select-options input[type=checkbox]{margin-right:8px}.notification-banner{border-radius:6px;justify-content:space-between;line-height:1.4;max-width:510px;padding:12px 15px;text-align:center}.reminder-banner{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.reminder-banner a{color:#664d03;font-weight:700;text-decoration:underline}.reminder-banner a:hover{color:#4d3a02}.warning-banner{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.notification-text{flex-grow:1;margin-right:10px;white-space:pre-line}.close-notification-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;font-weight:600;line-height:1;margin-left:15px;opacity:.7;padding:0 5px;transition:opacity .2s ease}.close-notification-btn:hover{opacity:1}.notification-text{margin-left:auto;margin-right:auto}.notification-banner a{color:inherit;font-weight:700;text-decoration:underline}.notification-banner a:hover{text-decoration:none}.notification-banner-wrapper{height:0;overflow:hidden;transition:height .3s ease-in-out}.notification-banner-wrapper.visible{height:50px;margin-bottom:9px;width:100%}.notification-banner{align-items:center;display:flex;justify-content:center;width:100%}.global-reminder{text-align:center}.tutorial-highlight{border-radius:5px;box-shadow:0 0 15px #dba934b3!important;outline:3px solid #db9e34!important;pointer-events:auto!important;position:relative;transition:outline .3s ease-in-out,box-shadow .3s ease-in-out}@media (max-width:767px){.main-layout{box-sizing:border-box;display:block;padding:10px}.main-content{margin-left:0;margin-right:0;padding:10px}.page-container{margin:0;padding:10px}.notification-banner-wrapper.visible{height:100%;margin-bottom:0;margin-top:45px}.notification-banner{box-sizing:border-box}}.tutorial-modal-overlay{align-items:center;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;right:0;top:0;z-index:1000}.tutorial-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 20px rgba(97,136,200,.692);color:#333;margin-bottom:10px;max-width:550px;padding:15px;pointer-events:auto;position:relative;text-align:center;width:90%;z-index:1001}.tutorial-modal-content h2{color:#000;font-size:1.25em;margin-top:0}.tutorial-modal-content p{font-size:1em;line-height:1.5;margin-bottom:10px;white-space:pre-line}.tutorial-image{border:1px solid #eee;border-radius:4px;height:auto;margin-bottom:10px;max-width:100%}.tutorial-modal-actions{grid-gap:10px;display:grid;flex-wrap:wrap;gap:10px;grid-template-columns:1fr 1fr;justify-content:space-between;margin-top:10px}.tutorial-btn{border:none;border-radius:5px;cursor:pointer;font-size:1em;margin:5px;padding:10px 18px;transition:background-color .2s ease}.prev-btn{background-color:#fff;border:1px solid #007bff;border-radius:6px;color:#007bff}.next-btn,.prev-btn:hover{background-color:#007bff;color:#fff}.next-btn:hover{background-color:#0069d9}.finish-btn{background-color:#007bff;color:#fff}.finish-btn:hover{background-color:#0069d9}.skip-btn{background-color:#fff;border:1px solid #007bff;border-radius:6px;color:#007bff}.skip-btn:hover{background-color:#007bff;color:#fff}.end-btn{background-color:#fff;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:0}@media (max-width:766px){.prev-btn:hover{background-color:#fff;border:1px solid #007bff;border-radius:6px;color:#007bff}.next-btn:hover{background-color:#007bff}}.multi-select-container{margin-bottom:0;position:relative;width:100%}.multi-select-selected{align-items:center;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:8px 12px;width:100%}.selected-items-container{display:flex;flex:1 1;flex-wrap:wrap;gap:5px;overflow:hidden}.selected-summary{color:#333;font-weight:500}.selected-summary strong{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:inline-flex;font-size:14px;height:24px;justify-content:center;margin-right:8px;width:24px}.multi-select-options{border:1px solid #ddd;border-radius:4px 4px 4px 4px;box-sizing:border-box;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:10}.multi-select-container .multi-select-options .checkbox-label input[type=checkbox]{height:14px;margin-right:8px;vertical-align:middle;width:14px}.custom-item-form{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000008;box-sizing:border-box;margin:0 auto;max-width:500px;min-width:280px;padding:24px;width:100%}.custom-item-form h3{color:#333;font-size:22px;font-weight:600;margin-bottom:24px;margin-top:0;text-align:center}.form-field{margin-bottom:10px}.form-field label{color:#444;display:block;font-size:15px;font-weight:500;margin-bottom:8px}.form-field input,.form-field select{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000008;box-sizing:border-box;font-size:15px;height:42px;padding:10px 14px;width:100%}.form-field input[type=range]{height:auto;margin-top:8px;padding:0}.dropdown-label-slider,.range-value{margin-bottom:5px}.range-value{color:#dc3545;font-size:14px;font-weight:500;min-width:45px;text-align:center}.form-field select[multiple]{height:auto;min-height:120px;padding:8px}.form-buttons{display:flex;gap:14px;justify-content:center;margin-top:28px}.add-button,.cancel-button,.close-button,.delete-button,.primary-button,.submit-button{border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:10px 16px;text-align:center;transition:all .2s}.add-button,.primary-button,.submit-button{background-color:#007bff;border:none;color:#fff}.add-button:hover,.primary-button:hover,.submit-button:hover{background-color:#0069d9}.delete-button{background-color:#fff;border:1px solid #d32f2f;border-radius:6px;color:#d32f2f}.delete-button:hover{background-color:#c82333;color:#fff}.cancel-button,.close-button{background-color:#fff;border:1px solid #007bff;border-radius:6px;color:#007bff}.cancel-button:hover,.close-button:hover{background-color:#007bff;color:#fff}.field-help{color:#666;font-size:14px;font-style:italic;margin-bottom:0;margin-top:5px}.dropdown-container{position:relative}.dropdown-options{background-color:#fff;border:1px solid #ddd;border-radius:4px 4px 4px 4px;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.label-checkbox{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px}.label-checkbox input[type=checkbox]{cursor:pointer}.form-checkbox{align-items:left;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer;margin-right:10px}.wardrobe-category-container button.cancel-button{margin-top:12px;width:100%}.wardrobe-category-form-container{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.wardrobe-category-container .custom-item-form{background-color:#fff;border:none;border-radius:8px;box-shadow:none;margin:0;max-width:100%;padding:16px}.temp-range-container{display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.temp-range-selector{flex:1 1}.mini-label{color:#666;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.temp-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:15px;padding:10px;text-transform:capitalize;width:100%}.condition-indicators{display:flex;gap:4px;justify-content:space-between;margin-top:5px;padding:2px}.condition-indicator{background-color:#f1f1f1;border:1px solid #0000;border-radius:4px;color:#999;flex:1 1;font-size:12px;font-weight:400;padding:8px 0;text-align:center;text-transform:capitalize}.condition-indicator.active{background-color:#e6f2ff;border-color:#b8daff;color:#007bff;font-weight:500}.condition-pills{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 5px}.condition-pill{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;flex-basis:calc(25% - 8px);flex-direction:column;flex-grow:1;flex-shrink:1;gap:4px;min-width:80px;padding:10px 8px;text-align:center;transition:all .2s}@media (max-width:600px){.condition-pill{flex-basis:calc(33.33% - 8px);flex-grow:1;flex-shrink:1}}.temp-value{color:#333;font-size:14px;font-weight:600}.condition-name{color:#666;font-size:12px;text-transform:capitalize}.condition-pill:hover{background-color:#e9f0ff;border-color:#b8daff}.condition-pill.active{background-color:#007bff;border-color:#006be6;color:#fff}.condition-pill.active .condition-name,.condition-pill.active .temp-value{color:#fff}.temperature-slider-container{margin:10px 0;max-width:100%}.temperature-pills{display:flex;flex-direction:row;gap:2px;justify-content:space-between;margin-bottom:8px;width:100%}.temp-pill{align-items:center;background-color:#f1f3f5;border:1px solid #e0e0e0;border-radius:4px;color:#495057;cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:500;justify-content:center;min-height:24px;padding:6px 2px;text-align:center;transition:all .2s ease-in-out}.temperature-pills .temp-pill:first-child.active{background-color:#0d6efd;border-color:#0a58ca;color:#fff}.temperature-pills .temp-pill:nth-child(2).active{background-color:#5fa0ff;border-color:#4a8cd9;color:#fff}.temperature-pills .temp-pill:nth-child(3).active{background-color:#93c6f6;border-color:#699ed5;color:#333}.temperature-pills .temp-pill:nth-child(4).active{background-color:#f7edc7;border-color:#eada97;color:#333}.temperature-pills .temp-pill:nth-child(5).active{background-color:#f8d7da;border-color:#f1aeb5;color:#333}.temperature-pills .temp-pill:nth-child(6).active{background-color:#f1aeb5;border-color:#e68791;color:#333}.temperature-pills .temp-pill:nth-child(7).active{background-color:#ea868f;border-color:#d96d76;color:#fff}.temperature-pills .temp-pill:nth-child(8).active{background-color:#dc3545;border-color:#c82333;color:#fff}.temp-pill:hover{box-shadow:0 1px 3px #0000001a;filter:brightness(1.1)}.range-instructions{color:#666;font-size:14px;font-style:italic;margin-top:6px;text-align:center}.success-button{background-color:#28a745!important;border-color:#28a745!important;box-shadow:0 2px 5px #28a7454d;color:#fff!important;cursor:default!important;pointer-events:none;transition:all .3s ease}.success-button:hover{background-color:#28a745!important;transform:none!important}.toggle-switch-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:8px}.toggle-switch-label{color:#444;font-size:15px;font-weight:500;margin-bottom:0}.toggle-switch{cursor:pointer;display:inline-block;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.4s;width:20px}input:checked+.toggle-slider{background-color:#007bff}input:focus+.toggle-slider{box-shadow:0 0 1px #007bff}input:checked+.toggle-slider:before{transform:translateX(24px)}.warmth-slider-container{align-items:center;display:flex;gap:10px;margin-top:5px}.warmth-slider{appearance:none;-webkit-appearance:none;background:#0000;border-radius:4px;cursor:pointer;flex-grow:1;height:8px;vertical-align:middle}.warmth-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#dc3545;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;margin-top:-5px;width:18px}.warmth-slider::-moz-range-thumb{background:#dc3545;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;width:18px}.warmth-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e0e0e0 0,#dc3545);border-radius:4px;height:8px}.warmth-slider::-moz-range-track{background:linear-gradient(90deg,#e0e0e0 0,#dc3545);border-radius:4px;height:8px}.warmth-slider:focus{outline:none}.warmth-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #dc35454d}.warmth-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px #dc35454d}@media (max-width:767px){.custom-item-form{border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000008;margin:0;max-width:none;padding:16px}.custom-item-form h3{font-size:20px;margin-bottom:20px}.form-field{margin-bottom:16px}.form-field label{margin-bottom:0}.form-field input,.form-field select,.temp-select{height:44px;padding:10px 12px}.form-field input[type=range]{height:auto}.form-field select[multiple]{min-height:100px}.form-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:24px}.form-buttons .delete-button,.form-buttons .submit-button{box-sizing:border-box;font-size:15px;margin:0;min-width:0;min-width:auto;padding:12px 5px;text-align:center;width:calc(50% - 5px)}.form-buttons .add-button,.form-buttons .cancel-button,.form-buttons .close-button{box-sizing:border-box;font-size:15px;margin:0;min-width:0;min-width:auto;padding:12px;width:100%}.temp-range-container{flex-direction:column;gap:12px}.condition-pill{flex-basis:calc(33.33% - 6px);min-width:70px;padding:8px 6px}.temp-pill{font-size:10px;font-weight:700}.wardrobe-category-container .custom-item-form{padding:12px}.toggle-switch{height:24px;width:46px}.toggle-slider:before{bottom:3px;height:18px;left:3px;width:18px}input:checked+.toggle-slider:before{transform:translateX(22px)}.dropdown-label{margin-bottom:10px}.temp-pill:hover{box-shadow:none;filter:none}}@media (max-width:480px){.condition-pill{flex-basis:calc(50% - 4px)}.temp-pill{font-size:9px;padding:4px 1px}.custom-item-form h3{font-size:18px}}.page-container{padding:0}.wardrobe-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000008;margin:0;max-width:500px;padding:20px;position:relative;text-align:center;width:100%}.view-toggle{background-color:#f0f0f0;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;display:inline-flex;gap:0;padding:4px}.toggle-btn:not(.active):hover{background-color:#e9ecef}.wardrobe-container h2{margin-bottom:20px;margin-top:20px;text-align:center}.wardrobe-grid{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:30px;padding-bottom:20px;width:100%}.wardrobe-box{background:#fff;box-sizing:border-box;margin-bottom:10px;min-width:0}.wardrobe-label{color:#353535;font-size:14px;font-weight:600;margin:0 0 5px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.wardrobe-box .multi-select-container{min-width:0;width:100%}.multi-select-label{display:block;font-weight:500;margin-bottom:5px}.checkbox-label{align-items:center;cursor:pointer;display:flex;padding:8px 12px}.checkbox-label input{margin-right:8px}.placeholder{color:#777}.custom-wardrobe-container{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;max-width:540px;padding:20px 30px}.custom-section-header{align-items:center;cursor:pointer;display:flex;justify-content:center;padding-bottom:0;position:relative}.custom-section-header h2{color:#333;margin:0}.dropdown-arrow{color:#777;font-size:12px;margin-left:20px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.custom-items-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.custom-category-section{background-color:#f9f9f9;border-bottom:1px solid #eee;border-radius:8px;padding:10px}.custom-category-title{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:0 5px;transition:background-color .2s ease}.custom-category-title:hover{background-color:#f8f9fa}.custom-category-icon{height:24px;margin-right:10px;width:24px}.category-toggle-arrow{color:#6c757d;font-size:12px;margin-left:auto;transition:transform .3s ease}.category-toggle-arrow.expanded{transform:rotate(180deg)}.custom-items-list{display:flex;flex-direction:column;gap:10px;padding-left:15px;padding-right:15px;padding-top:10px}.clickable{cursor:pointer}.custom-item-card{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px}.custom-item-info{flex:1 1}.custom-item-name{font-weight:500;margin:0}.custom-item-range{color:#666;font-size:12px;margin:3px 0 0}.custom-item-properties{color:#666;font-size:12px;margin-top:2px}.custom-item-occasions{color:#555;font-size:12px;margin-bottom:0;margin-top:4px}.occasion-label{color:#666;font-weight:500}.custom-item-actions{display:flex;gap:8px}.custom-item-delete-btn,.custom-item-edit-btn{border-radius:6px;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .2s ease}.custom-item-edit-btn{background-color:#007bff;border:none;color:#fff}.custom-item-edit-btn:hover{background-color:#0069d9}.custom-item-delete-btn{background-color:#fff;border:1px solid #d32f2f;border-radius:6px;color:#d32f2f}.custom-item-delete-btn:hover{background-color:#d32f2f;color:#fff}.custom-item-edit{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px;padding:15px}.custom-item-edit-fields{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:15px}.edit-field{display:flex}.edit-field label{color:#555;font-size:14px;font-weight:600;margin-bottom:5px}.custom-item-edit-input,.custom-item-edit-select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 10px;width:100%}.custom-item-edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:5px}.custom-item-cancel-btn,.custom-item-save-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .2s ease}.custom-item-save-btn{background-color:#007bff;color:#fff}.custom-item-save-btn:hover{background-color:#0069d9}.custom-item-cancel-btn{background-color:#f2f2f2;color:#333}.custom-item-cancel-btn:hover{background-color:#e0e0e0}.no-custom-items{color:#666;font-style:italic;grid-column:1/-1;text-align:center}.custom-item-form-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;grid-column:1/-1;margin-top:15px;padding:20px}.add-new-custom-item-section{text-align:center}.add-new-item-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px 16px;transition:background-color .2s ease}.add-new-item-btn:hover{background-color:#0069d9}.custom-item-edit-full{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;padding:20px}.wardrobe-buttons{margin-top:0;text-align:center}.save-btn{background-color:#007bff;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.save-btn:hover:not(:disabled){background-color:#0069d9;box-shadow:0 2px 4px #0000001a}.save-btn:disabled{background-color:#ccc;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.save-btn.save-btn-success{background-color:#28a745;color:#fff;cursor:default;pointer-events:none;transform:none}.save-btn.save-btn-success:hover{background-color:#28a745}.add-new-item-btn.close-form-btn{background-color:#fff;border:1px solid #007bff;border-radius:6px;color:#007bff}@media (max-width:767px){.view-toggle-container{padding-top:10px}.wardrobe-container{border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin-bottom:15px;max-width:none;padding:0;width:100%}.toggle-btn{font-size:16px}.view-toggle{right:10px;top:8px}.wardrobe-container h2{font-size:18px;margin-bottom:15px;margin-top:45px}.wardrobe-grid{grid-gap:15px;box-sizing:border-box;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);padding-bottom:15px;width:100%}.wardrobe-box{border:none;border-radius:4px;box-sizing:border-box;min-width:0}.wardrobe-label{font-size:16px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wardrobe-box .multi-select-container{min-width:0}.wardrobe-box .multi-select-selected{box-sizing:border-box;min-height:40px;width:100%}.custom-wardrobe-container{border-left:none;border-radius:0;border-right:none;box-shadow:none;margin-top:15px;max-width:none;padding:15px 10px}.custom-section-header h2{font-size:18px}.custom-items-grid{gap:15px;grid-template-columns:1fr;margin-top:15px}.custom-items-list{padding-left:0;padding-right:0}.custom-category-section{padding:12px}.custom-item-card{align-items:center;display:flex;justify-content:space-between;padding:10px 12px}.custom-item-info{flex:1 1;margin-right:10px}.custom-item-name{font-weight:500}.custom-item-occasions,.custom-item-properties,.custom-item-range{margin-bottom:0;margin-top:2px}.custom-item-actions{justify-content:flex-end}.custom-item-edit-btn{font-size:16px;padding:8px 18px;white-space:nowrap}.custom-item-delete-btn{font-size:16px;padding:8px 12px;white-space:nowrap}.custom-item-edit-full{box-shadow:none;margin:0;padding:0}.custom-item-edit-fields{gap:12px;grid-template-columns:1fr;margin-bottom:12px}.edit-field label{font-size:14px;margin-bottom:4px}.custom-item-edit-input,.custom-item-edit-select{font-size:14px;padding:10px 12px}.custom-item-edit-actions{gap:8px}.custom-item-cancel-btn,.custom-item-save-btn{font-size:14px;padding:10px 15px}.custom-item-form-container{margin-top:15px;padding:15px}.add-new-item-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px 0;padding:10px 20px;transition:background-color .2s ease}.add-new-item-btn,.add-new-item-btn:hover:not(.close-form-btn){background-color:#007bff}.wardrobe-buttons{margin-top:5px;padding:0 10px}.save-btn{font-size:16px;padding:12px 30px;width:75%}.save-btn:hover:not(:disabled){background:#007bff}}.log-view-wrapper{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000008;max-width:500px;padding:20px;width:100%}.clothing-log-header{align-items:center;display:flex;gap:10px;justify-self:center;margin-bottom:20px}.clothing-log-table{border-collapse:collapse;border-spacing:10px;margin-top:20px;table-layout:fixed;width:100%}.clothing-log-table label{font-size:14px;font-weight:600;text-align:center}.clothing-log-table td{background:#fff;color:#333;font-size:13px;max-width:80px!important;padding:8px;text-align:center}.edit-field{background:#fff;flex-direction:column;margin-top:0;max-width:175px;padding:10px}.edit-dropdown-feedback{width:220px}.edit-field .dropdown-container-edit{margin:0 auto;max-width:180px;position:relative;width:100%}.edit-field .dropdown-container-edit .dropdown-selected{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;justify-content:space-between;min-height:40px;padding:8px 12px;width:100%}.edit-field .dropdown-container-edit .dropdown-options{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px 4px 4px 4px;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.edit-dropdown-feedback,.edit-field .dropdown-container-edit,.edit-field .edit-dropdown-feedback,.edit-field .multi-select-container{position:relative;width:100%}.edit-dropdown-feedback{margin:0 auto;max-width:180px}.edit-dropdown-feedback .dropdown-selected{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;min-height:40px;padding:8px 12px;width:100%}.edit-dropdown-feedback .dropdown-options{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px 4px 4px 4px;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.edit-dropdown-feedback .dropdown-selected{justify-content:space-between}.edit-field .dropdown-option:hover{background-color:#f0f7ff}.edit-field .dropdown-arrow{color:#777;font-size:12px;margin-left:auto}.edit-label{color:#353535;color:#555;display:block;font-size:14px;font-weight:600!important;font-weight:600;margin-bottom:3px;margin-bottom:5px;margin-top:0;text-align:left}.edit-field .edit-label strong{font-weight:600!important}.edit-value{color:#222;font-weight:400;margin-bottom:10px;margin-top:5px;text-align:left;width:100%}.log-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:0 auto;padding-bottom:12px;width:100%}.log-box,.log-box-feedback{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 0 10px;padding:0;width:100%}.log-box-feedback{grid-column:1/-1;justify-self:center;width:33%}.feedback-label,.log-label{color:#353535;font-size:14px;font-weight:600;margin:0 0 3px;text-align:left}.log-value{border-color:#e0e0e0;color:#222;font-weight:400;margin-bottom:5px;margin-top:3px;text-align:left;width:100%}.log-time{background:#fff;margin:0 auto 10px;max-width:200px;padding:0}.log-time,.log-time .multi-select-container{width:100%}.log-feedback{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-items:center}.feedback-value,.log-feedback{margin-bottom:10px;margin-top:5px;text-align:center}.feedback-value{border-color:#e0e0e0;color:#222;font-weight:400}.log-feedback button{background:#007bff;margin-top:0;padding:8px 14px;transition:background .2s ease-in-out}.log-feedback button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:16px}.save-button{background-color:#007bff;color:#fff;display:block;grid-column:1/-1;justify-self:center;margin:10px auto 5px;padding:10px 20px;transition:all .2s ease;width:auto}.save-button:hover{background-color:#0069d9}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.save-button.success{background-color:#28a745!important;color:#fff}.no-entries{color:#777;font-size:14px;margin-top:15px;text-align:center}.history-header{align-items:center;cursor:pointer;display:flex;justify-content:center;padding-bottom:0}.history-header h2{color:#333;margin:0}.history-outfit{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column;margin-top:15px;overflow:visible!important;padding:15px}.history-outfit-items{box-sizing:border-box;color:#333;font-size:14px;line-height:1.6;margin:0 auto 15px;max-width:100%;padding:0 5px;width:-webkit-fit-content;width:fit-content}.history-outfit-items p{display:flex;margin-bottom:6px}.history-outfit-items p strong{color:#353535;display:inline-block;flex-shrink:0;font-weight:600;margin-right:8px;max-width:95px;min-width:95px;text-align:right}.time-outside-container{display:flex;margin-bottom:6px}.time-outside-label{align-content:center;flex-shrink:0;margin-bottom:0!important;margin-right:8px;max-width:95px;min-width:95px;padding:0;text-align:right}.time-outside-label strong{color:#353535;display:inline-block;font-weight:600;width:100%}.time-outside{flex-grow:1;margin-bottom:0!important;padding:0;text-align:left}.history-outfit-items .quick-log-highlight{background-color:#fff3cd;border-radius:3px;color:#856404;font-weight:700;margin-left:0;padding:2px 5px;text-align:left}.history-outfit-items p.logged-line.history-timestamp strong{max-width:95px;min-width:95px;text-align:right}.history-outfit-actions{display:flex;gap:10px;justify-content:center;width:100%}.history-outfit-actions .edit-btn{background-color:#007bff;border:1px solid #007bff;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s ease,color .2s ease}.history-outfit-actions button:hover{opacity:.85}.history-outfit-actions .edit-btn:hover{background-color:#0069d9;opacity:1}.history-outfit-edit{align-items:center;display:flex;flex-direction:column}.history-outfit-edit .edit-grid{grid-gap:5px;box-sizing:border-box;display:grid;gap:5px;grid-template-columns:repeat(2,1fr);max-width:400px;padding:0 10px;width:100%}.history-outfit-edit .edit-field{display:flex;flex-direction:column;justify-self:center;text-align:left;width:100%}.history-outfit-edit .edit-label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.history-outfit-edit .dropdown-container-edit .dropdown-selected,.history-outfit-edit .edit-dropdown-feedback .dropdown-selected,.history-outfit-edit .multi-select-container .multi-select-selected,.history-outfit-edit input[type=text],.history-outfit-edit select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:0;min-height:40px;padding:8px 12px;width:100%}.history-outfit-edit .edit-grid .edit-field-centered{max-width:200px;width:100%}.history-outfit-edit .history-outfit-actions{box-sizing:border-box;display:flex;gap:10px;justify-content:center;margin-bottom:10px;padding:0 10px;width:100%}.history-outfit-edit .history-outfit-actions .cancel-btn,.history-outfit-edit .history-outfit-actions .delete-btn,.history-outfit-edit .history-outfit-actions .save-btn{background-color:#fff;border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:14px;opacity:1;text-align:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.history-outfit-edit .history-outfit-actions .save-btn{background-color:#007bff;border-color:#007bff;color:#fff}.history-outfit-edit .history-outfit-actions .delete-btn{background-color:#fff;border:1px solid #d32f2f;border-radius:6px;color:#d32f2f}.history-outfit-edit .history-outfit-actions .cancel-btn{background-color:#fff;border:1px solid #007bff;border-radius:6px;color:#007bff}.history-outfit-edit .history-outfit-actions .save-btn:hover{background-color:#0069d9;border-color:#0069d9;color:#fff}.history-outfit-edit .history-outfit-actions .delete-btn:hover{background-color:#c82333;border-color:#c82333;color:#fff}.history-outfit-edit .history-outfit-actions .cancel-btn:hover{background-color:#007bff;border-color:#007bff;color:#fff}.history-outfit-items p{margin-top:0}.history-outfit-items p:last-child{margin-bottom:0}.multi-select-options{background-color:#fff}.history-outfit-edit .edit-field:first-child .multi-select-container{z-index:600}.history-outfit-edit .edit-field:nth-child(2) .multi-select-container{z-index:500}.history-outfit-edit .edit-field:nth-child(3) .dropdown-container-edit,.history-outfit-edit .edit-field:nth-child(3) .multi-select-container{z-index:400}.history-outfit-edit .edit-field:nth-child(4) .multi-select-container{z-index:300}.history-outfit-edit .edit-field:nth-child(5) .multi-select-container{z-index:200}.history-outfit-edit .edit-field:nth-child(6) .multi-select-container{z-index:100}.history-outfit-edit .edit-field:nth-child(7) .edit-dropdown-feedback{z-index:50}.history-outfit-edit .multi-select-container.is-open{z-index:1000!important}.history-outfit-edit .multi-select-options{background-color:#fff;z-index:1001}.history-outfit-edit{overflow:visible!important;width:100%}.history-outfit-edit .multi-select-selected{background-color:#fff}.log-box .dropdown-container{position:relative;width:100%}.log-box .dropdown-container .dropdown-selected{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:flex;justify-content:space-between;min-height:40px;padding:8px 12px;width:100%}.log-box .dropdown-container .dropdown-options{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px 4px 4px 4px;font-size:16px;font-weight:400;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:99%;z-index:1000}.custom-dropdown{margin:0 auto;max-width:200px;padding:6px 10px;text-align:center;width:100%}.custom-dropdown .dropdown-container{width:100%}.custom-dropdown .dropdown-container .dropdown-selected{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;justify-content:flex-start!important;min-height:40px;padding-left:12px!important;text-align:left!important;width:100%}.custom-dropdown .dropdown-container .dropdown-selected .dropdown-arrow{margin-left:auto!important}.custom-dropdown .dropdown-container .dropdown-options{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px 4px 4px 4px;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.custom-dropdown button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:14px;margin:15px auto 5px;padding:8px 16px;transition:background .2s ease;width:auto}.custom-dropdown button:hover{background-color:#0056b3}.custom-dropdown .feedback-label{text-align:left}.custom-dropdown .dropdown-container.is-open,.log-box .dropdown-container.is-open{z-index:1000}.multi-select-selected{max-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{font-style:normal;font-weight:400}.dropdown-selected .placeholder,.multi-select-selected .placeholder{color:#777}.selected-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.log-box .dropdown-container,.log-box .multi-select-container{width:100%}.edit-label,.feedback-label,.log-label,.multi-select-label{color:#353535;display:block;font-size:16px;font-weight:600!important;margin:0 0 5px;padding:0;text-align:left}.edit-label:after,.feedback-label:after,.log-label:after,.multi-select-label:after{content:""}.edit-label strong,.feedback-label strong,.log-label strong,.multi-select-label strong{font-weight:600!important}.log-box .log-label,.log-box .multi-select-label{margin-top:0}.edit-field .edit-label,.edit-field .multi-select-label{margin-bottom:5px}.edit-field .dropdown-selected,.edit-field .multi-select-selected,.log-box .dropdown-selected,.log-box .multi-select-selected{height:40px;max-height:40px;min-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown .dropdown-selected,.log-time .multi-select-selected{height:40px;max-height:40px;min-height:40px;overflow:hidden}.save-success-message{align-items:center;animation:fadeIn .3s ease-in;color:#28a745;display:flex;font-weight:500;justify-content:center;margin-top:10px}.save-success-message span{align-items:center;background-color:#28a745;border-radius:50%;color:#fff;display:inline-flex;font-size:12px;height:18px;justify-content:center;margin-right:6px;width:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dropdown-container .dropdown-selected:contains("Select"),.dropdown-container .dropdown-selected:has(.placeholder),.dropdown-selected:empty:before,.multi-select-container .multi-select-selected:has(.placeholder),.multi-select-selected:empty:before,.placeholder,[placeholder=Select]{color:#777!important;font-style:normal!important;font-weight:400!important;opacity:1!important}.custom-dropdown .dropdown-selected:contains("Select"),.dropdown-container .placeholder,.edit-field .dropdown-selected:contains("Select"),.log-box .dropdown-selected:contains("Select"),.log-box .dropdown-selected:has(span:only-child),.multi-select-container .placeholder{color:#777!important}.edit-field .dropdown-container-edit .dropdown-selected,.log-box .dropdown-container .dropdown-selected{color:#777}.edit-field .dropdown-container-edit .dropdown-selected:contains("Select"),.log-box .dropdown-container .dropdown-selected:contains("Select"){color:#777!important}.custom-dropdown .dropdown-container .dropdown-selected:contains("Select"),.edit-dropdown-feedback .dropdown-selected:contains("Select"){color:#777!important}.dropdown-selected{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;gap:5px;justify-content:space-between;max-height:40px;padding:10px 12px;transition:border-color .2s ease}.dropdown-selected.placeholder,.dropdown-selected.placeholder-text{color:#777!important}.dropdown-selected:not(.placeholder-text):not(.placeholder){color:#000!important}.dropdown-option{align-items:center;color:#333;cursor:pointer;display:flex;gap:5px;padding:10px 12px}.dropdown-option:hover{background-color:#f0f0f0}.button-icon{height:16px;width:16px}.history-outfit-edit .edit-grid .edit-field-centered{grid-column:1/-1;justify-self:center;width:175px}.view-toggle-container{box-sizing:border-box;display:flex;justify-content:center;margin-bottom:30px;padding:0 15px;position:relative;width:100%}.view-toggle-log{background-color:#f0f0f0;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;display:inline-flex;gap:0;padding:4px}.toggle-btn{background-color:initial;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.toggle-btn.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#007bff;font-weight:600}.toggle-btn:not(.active):hover{color:#333}.date-picker-box{display:flex;flex-direction:column;margin-bottom:10px}.date-picker-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:flex;font-size:1rem;min-height:40px;padding:8px 12px;width:100%}.react-datepicker-popper{margin-left:auto;margin-right:auto;min-width:290px;width:auto;z-index:2000!important}.react-datepicker__year-text--in-range{background-color:#007bff;color:#fff}.react-datepicker__year-text--selected:hover{background-color:#0056b3}.react-datepicker__close-icon:after{background-color:#007bff}.react-datepicker__header{background-color:#e9ecef;border-bottom:1px solid #e0e0e0;box-shadow:0 4px 12px #00000008}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__time-list-item--selected{background-color:#007bff!important}@media (max-width:767px){.view-toggle-container{padding-top:10px}.clothing-log-container,.history-container,.log-view-wrapper{border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin-bottom:10px;margin-left:0;margin-right:0;max-width:none;padding:0;width:100%}body>div>:last-child{border-bottom:none}.clothing-log-header{font-size:16px;justify-content:center;margin-bottom:15px}.log-grid{gap:15px;grid-template-columns:repeat(2,1fr);padding-bottom:15px}.log-box{padding:0}.log-box-feedback{grid-column:2/-2;justify-content:left;justify-self:none;padding:0;text-align:left;width:100%}.custom-dropdown .dropdown-selected,.log-box .dropdown-selected,.log-box .multi-select-selected,.log-time .multi-select-selected{max-height:40px;padding:10px 12px}.custom-dropdown,.log-time{margin-bottom:15px;max-width:none;padding:0}.save-button{font-size:16px;padding:14px;width:100%}.save-success-message{font-size:14px;margin-top:15px}.toggle-btn{font-size:16px;padding:6px 12px}.history-header{margin-bottom:15px;padding-bottom:10px}.history-header h2{font-size:16px}.history-outfit{margin-bottom:15px;margin-top:0;padding:15px}.history-outfit-items{margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}.history-outfit-items p strong,.history-outfit-items p.logged-line.history-timestamp strong,.time-outside-label{margin-right:6px}.history-outfit-items p{margin-bottom:6px}.history-outfit-actions{gap:15px}.history-outfit-actions .edit-btn{font-size:14px;padding:10px 20px;width:50%}.history-outfit-edit .edit-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px;max-width:none;padding:0}.history-outfit-edit .edit-field{padding:0;text-align:left;width:100%}.history-outfit-edit .dropdown-container-edit .dropdown-selected,.history-outfit-edit .edit-dropdown-feedback .dropdown-selected,.history-outfit-edit .multi-select-container .multi-select-selected,.history-outfit-edit input[type=text],.history-outfit-edit select{box-sizing:border-box;font-size:14px;min-height:44px;padding:10px 12px;width:100%}.history-outfit-edit .edit-grid .edit-field-centered{grid-column:1/-1;justify-self:center;max-width:none;width:50%}.history-outfit-edit .history-outfit-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:0}.history-outfit-edit .history-outfit-actions .delete-btn,.history-outfit-edit .history-outfit-actions .save-btn{box-sizing:border-box;font-size:15px;margin:0;padding:12px 5px;text-align:center;width:calc(50% - 5px)}.history-outfit-edit .history-outfit-actions .cancel-btn{box-sizing:border-box;font-size:15px;margin:0;padding-bottom:10px;padding-top:10px;width:100%}.dropdown-options,.multi-select-options{box-sizing:border-box}}