.login-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:5vw 4vw;background-image:url(/assets/app/background_web.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.login-card{background:#d9d9d9;height:fit-content;padding:2.5rem;width:60%;max-width:420px;border-radius:1rem;border:1px solid #e1e1e1}.logo-image{display:block;margin:0 auto 15%;max-width:50px;height:auto}.login-title-wrapper{text-align:center;margin-top:-10%}.login-title{font-size:2.5rem;font-weight:100;font-family:Poppins,sans-serif;color:#385ba5;letter-spacing:.04em;display:inline-block}.login-title-bold{height:80px;margin-bottom:5%;margin-left:3%;display:inline-block}.login-error{color:#dc2626;font-size:.875rem;text-align:center;margin-bottom:1rem;opacity:1;transition:opacity .5s ease-out}.login-success{color:#16a34a;font-size:.875rem;text-align:center;margin-bottom:1rem;opacity:1;transition:opacity .5s ease-out}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;margin-bottom:.4rem;color:#000}.form-input{padding:.6rem 1rem;border-radius:.5rem;font-size:1rem;transition:all .2s ease;font-family:Poppins,sans-serif;background-color:#fff;color:#000;border:none;height:3rem}.form-input:focus{border-color:#385ba5;box-shadow:0 0 0 2px #5f5f6326;outline:none}.forgot-password{text-align:right;margin-top:-10px;margin-bottom:15px}.forgot-link{color:#385ba5;cursor:pointer;font-size:.9rem}.forgot-link:hover{text-decoration:underline;color:#0056b3}.login-button{display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center;padding:.75rem 0;background-color:#385ba5;color:#fff;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:background-color .25s ease,box-shadow .25s ease}.login-button:hover{background-color:#0056b3;box-shadow:0 4px 12px #5f5f6340}.divider{display:flex;align-items:center;margin:1.5rem 0}.line{flex-grow:1;height:2px;background-color:#afaeae}.divider-text{padding:0 .5rem;font-size:.875rem;color:#9a9a9d;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.google-button{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.75rem 0;border:none;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.google-button:hover{background-color:#f3f4f6;box-shadow:0 2px 6px #0000000a}.google-icon{height:20px}.google-text{font-size:.875rem;color:#444;font-weight:500}.signup-text{font-size:.875rem;text-align:center;color:#000}.signup-link{color:#385ba5;text-decoration:underline;cursor:pointer;font-weight:600}.signup-link:hover{text-decoration:none;color:#0056b3}.copyright{position:absolute;bottom:1%;display:flex;justify-content:center;margin-top:1rem;font-size:.75rem;color:#fff}@media (max-width: 480px){.login-container{background-image:url(/assets/app/background_mobile.jpg)}.login-card{padding:1rem;width:100%;border-radius:3rem}.login-title-wrapper{margin-top:-13%}.login-title-bold{margin-bottom:0%}.form-input{border-radius:1rem}}.sgn-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:5vw 4vw;background:url(/assets/app/background_web.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.sgn-card{background:#d9d9d9;min-height:800px;display:flex;flex-direction:column;padding:1rem;width:60%;max-width:420px;border-radius:20px;box-shadow:0 4px 12px #0000000d;overflow-y:auto}.sgn-title{font-size:2rem;font-weight:100;font-family:Poppins,sans-serif;text-align:center;color:#0056b3;margin-top:1%;margin-bottom:5%;letter-spacing:.04em;flex-shrink:0}.sgn-error{color:#dc2626;font-size:.875rem;text-align:center;margin-bottom:1rem;flex-shrink:0;opacity:1;transition:opacity .5s ease-out}.sgn-success{color:#16a34a;font-size:.875rem;text-align:center;margin-bottom:1rem;flex-shrink:0;opacity:1;transition:opacity .5s ease-out}.sgn-fade-out-after-delay{animation:fadeOut .5s forwards 4.5s}.sgn-form{display:flex;flex-direction:column;position:absolute;width:100%;top:0;left:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.sgn-custom-select-trigger{cursor:pointer;display:flex;align-items:center;justify-content:space-between}.sgn-custom-select-trigger:after{content:"▼";font-size:.7em;margin-left:.5em;transition:transform .2s ease}.sgn-custom-select-options{position:absolute;width:100%;max-height:200px;overflow-y:auto;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;z-index:100;box-shadow:0 4px 8px #0000001a;top:100%;left:0;margin-top:5px}.sgn-custom-select-option{padding:.6rem 1rem;cursor:pointer}.sgn-custom-select-option:hover{background-color:#f3f4f6}.sgn-forgot-password{text-align:right;margin-top:-10px;margin-bottom:15px}.sgn-button{padding:.75rem 0;background-color:#385ba5;color:#fff;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:background-color .25s ease,box-shadow .25s ease;display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center;flex-shrink:0}.sgn-button:hover{background-color:#4b4b4f;box-shadow:0 4px 12px #5f5f6340}.sgn-previous-button{background-color:#5a6268}.sgn-previous-button:hover{background-color:#6c757d}.sgn-tooltip{position:absolute;left:0;top:100%;width:100%;z-index:10;transition:opacity .5s ease}.sgn-fade-in{opacity:1;animation:fadeIn .4s ease-in-out}.sgn-fade-out{opacity:0}.sgn-tp-bg{border:1px solid #d1d5db;background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 4px 12px #00000014;font-size:.875rem;color:#444;max-height:200px;overflow-y:auto}.sgn-tooltip-title{font-weight:600;margin-bottom:.5rem}.sgn-tooltip-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.sgn-check-pass{color:green;font-weight:700}.sgn-check-fail{color:#dc2626;font-weight:700}.sgn-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.sgn-form-transition-group{position:relative;flex-grow:1;overflow:hidden;z-index:1}.fade-enter{opacity:0;transform:translate(100%)}.fade-enter-active{opacity:1;transform:translate(0);transition:opacity .3s ease-out,transform .3s ease-out}.fade-exit{opacity:1;transform:translate(0)}.fade-exit-active{opacity:0;transition:none}.sgn-form-navigation-buttons{display:flex;justify-content:space-between;gap:1rem;flex-direction:row}.sgn-form-navigation-buttons .sgn-button{width:48%}.sgn-link{color:#385ba5;text-decoration:underline;cursor:pointer;font-weight:600}.sgn-link:hover{text-decoration:none;color:#0056b3}@media (max-width: 480px){.sgn-container{background:url(/assets/app/background_mobile.jpg)}.sgn-card{min-height:670px;width:90%;border-radius:3rem}.sgn-title{font-size:1.5rem}.sgn-form-navigation-buttons .sgn-button{width:48%}}html,body,#root{margin:0;padding:0;height:100%;font-family:Poppins,sans-serif;color:#222}.fp-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:5vw 4vw;background-image:url(/assets/app/background_web.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.fp-card{background:#d9d9d9;height:fit-content;padding:2.5rem;width:60%;max-width:420px;border-radius:1rem;border:1px solid #e1e1e1;text-align:center;z-index:1}.fp-logo-image{display:block;margin:0 auto;max-width:50px;height:auto}.fp-title{font-size:1.75rem;font-weight:100;color:#385ba5;margin-top:1.5rem;margin-bottom:.5rem}.fp-subtitle{font-size:.95rem;color:#555;margin-bottom:1.5rem}.fp-error{color:#dc2626;font-size:.875rem;text-align:center;margin-bottom:1rem;opacity:1;transition:opacity .5s ease-out}.fp-success{color:#16a34a;font-size:.875rem;text-align:center;margin-bottom:1rem;opacity:1;transition:opacity .5s ease-out}.fade-out-after-delay{animation:fadeOut .5s forwards 4.5s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fp-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:3rem}.fp-form-group{display:flex;flex-direction:column;text-align:left}.fp-form-label{display:flex;font-size:.875rem;margin-bottom:.4rem;color:#000;margin-left:10%}.fp-form-input{padding:.6rem 1rem;border-radius:.5rem;font-size:1rem;transition:all .2s ease;font-family:Poppins,sans-serif;background-color:#fff;color:#000;border:none;height:3rem;width:80%;margin-left:auto;margin-right:auto;margin-bottom:2.5rem}.fp-form-input:focus{border-color:#385ba5;box-shadow:0 0 0 2px #5f5f6326;outline:none}.fp-reset-button{display:block;width:80%;margin-left:auto;margin-right:auto;text-align:center;padding:.75rem 0;background-color:#385ba5;color:#fff;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:background-color .25s ease,box-shadow .25s ease}.fp-reset-button:hover{background-color:#0056b3;box-shadow:0 4px 12px #5f5f6340}.fp-back-to-login-wrapper{margin-top:1.5rem}.fp-back-to-login-button{display:block;width:80%;margin-left:auto;margin-right:auto;text-align:center;padding:.75rem 0;background-color:#555;color:#fff;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;text-decoration:none;transition:background-color .25s ease,box-shadow .25s ease}.fp-back-to-login-button:hover{background-color:#333;box-shadow:0 4px 12px #5f5f6340}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out forwards}.loading-spinner{border:8px solid rgba(255,255,255,.3);border-top:8px solid #ffffff;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.loading-text{color:#fff;margin-top:1.5rem;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.fp-container{background-image:url(/assets/app/background_mobile.jpg)}.fp-card{padding:1rem;width:100%;border-radius:3rem}.fp-form-input{border-radius:1rem}}:root{--primary-color: #385ba5;--accent-color: #007bff;--background-color: #f8f9fa;--surface-color: #ffffff;--card-color: #d9d9d9;--header-background-color: #ffffff;--text-color: #333333;--secondary-text-color: #555555;--muted-text-color: #888888;--border-color: #e0e0e0;--divider-color: #e9ecef;--button-hover-bg: #0056b3;--button-hover-text: #ffffff;--focus-outline-color: rgba(0, 123, 255, .5);--error-color: #dc3545;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .08);--shadow-md: 0 5px 15px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .2);--scrollbar-track-color: var(--divider-color);--scrollbar-thumb-color: var(--muted-text-color);--scrollbar-thumb-hover-color: var(--secondary-text-color);--collapsible-background-light: #f2f2f2;--collapsible-background-dark: #3a3f4a}[data-theme=dark]{--primary-color: #385ba5;--accent-color: #7a8bef;--background-color: #212529;--surface-color: #141922ff;--header-background-color: #2d323b;--text-color: #e0e0e0;--secondary-text-color: #b0b0b0;--muted-text-color: #999999;--border-color: #444444;--divider-color: #3a3f4a;--button-hover-bg: #404a99;--button-hover-text: #ffffff;--focus-outline-color: rgba(85, 102, 238, .5);--error-color: #ef5350;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .2);--shadow-md: 0 5px 15px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--scrollbar-track-color: #3a3f4a;--scrollbar-thumb-color: #666666;--scrollbar-thumb-hover-color: #888888;--collapsible-background-light: #3a3f4a;--collapsible-background-dark: #2d323b}body,html,#root{margin:0;padding:0;height:100%;font-family:Poppins,Tahoma,Geneva,Verdana,sans-serif;background:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;overflow-y:auto}.dsk-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-size:1.2em;color:var(--profile-text-color-light);background-color:var(--profile-background-color-light);transition:background-color .3s ease,color .3s ease}.dsk-loader{border:6px solid var(--profile-input-border-light);border-top:6px solid var(--profile-button-background-light);border-radius:50%;width:50px;height:50px;animation:profile-spin 1s linear infinite;margin-bottom:20px}.dsk-welcome-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.dsk-welcome-popup{background-color:var(--background-color);color:var(--text-color);padding:30px;border-radius:12px;max-width:450px;text-align:center;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;gap:20px}.dsk-welcome-popup h2{font-size:1.8em;margin:0;font-weight:600}.dsk-welcome-popup p{font-size:1.1em;line-height:1.5;margin:0}.dsk-popup-buttons{display:flex;justify-content:center;gap:15px;margin-top:10px}.dsk-start-tour-button{background-color:var(--accent-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s}.dsk-start-tour-button:hover{background-color:#555898;transform:scale(1.05)}.dsk-skip-tour-button{background-color:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:12px 24px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:border-color .2s,transform .2s}.dsk-skip-tour-button:hover{border-color:var(--accent-color);transform:scale(1.05)}.dsk-prompt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:15px;font-size:.5em;color:var(--profile-text-color-light);transition:background-color .3s ease,color .3s ease}.dsk-prompt-loader{border:6px solid var(--profile-input-border-light);border-top:6px solid var(--profile-button-background-light);border-radius:50%;width:20px;height:20px;animation:profile-spin 1s linear infinite}@keyframes dsk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dsk-bottle-app-container{height:100vh;width:100vw;display:flex;flex-direction:column;background:var(--background-color)}.dsk-bottle-app-header{height:10%;display:flex;align-items:center;border-bottom:2px solid var(--divider-color);font-weight:700;font-size:26px;color:var(--primary-color);letter-spacing:.04em;font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease;background-image:url(/assets/app/header-web.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.dsk-bottle-app-header-title{flex-grow:1;text-align:left}.dsk-desktop-title-wrapper{text-align:left}.dsk-desktop-title{font-size:2.5rem;font-weight:100;margin-left:20%;font-family:Poppins,sans-serif;color:#fff;letter-spacing:.04em;display:inline-block}.dsk-desktop-title-bold{display:block;margin:0 auto 0 21%;height:70px}.dsk-bottle-app-main{flex:1;display:flex;padding:50px 150px;background-color:var(--background-color);transition:background-color .3s ease;overflow-y:auto}.dsk-bottle-app-main::-webkit-scrollbar{display:none}.dsk-bottle-app-left-section{width:50%;height:50%;display:flex;flex-direction:column;border-right:2px solid var(--divider-color);padding-right:2%;align-items:center}.dsk-bottle-app-left-section>section{width:80%;background:transparent;border-radius:12px;display:flex;flex-direction:column;font-size:15px;color:var(--secondary-text-color);-webkit-user-select:text;user-select:text;font-weight:400;line-height:1.5;margin-bottom:5%;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.dsk-bottle-preview{flex:1;max-height:320px;width:80%;padding:48px;border-radius:16px;background-color:var(--card-color);box-shadow:var(--shadow-sm);display:flex;justify-content:center;align-items:center;transition:box-shadow .2s ease,background-color .3s ease;margin-bottom:5%;border:1px solid var(--border-color);position:relative}.dsk-bottle-preview:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.dsk-bottle-preview img{max-width:100%;max-height:300px;height:auto;object-fit:contain;border-radius:16px;transition:transform .3s ease;background-color:var(--card-color)}.dsk-bottle-preview img:hover{transform:scale(1.03)}.dsk-color-subtitle{position:absolute;bottom:0;left:15px;color:var(--text-color);padding:0;border-radius:5px;font-size:1.2em;display:flex;font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none;z-index:10;flex-direction:row;align-items:flex-start}.dsk-color-subtitle .dsk-color-name{font-weight:600;font-size:.8em;opacity:.8}.dsk-hex-code{font-size:.8em;opacity:.8;margin-left:5px}.dsk-arrow-icon{display:inline-block;transition:transform .25s ease}.dsk-description-text{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;padding:40px;border:1px solid var(--border-color);margin-top:-10px;border-radius:0 0 16px 16px;background-color:var(--surface-color);box-shadow:var(--shadow-sm);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dsk-description-text::-webkit-scrollbar{display:none}.dsk-bottle-app-right-sidebar{width:50%;padding-left:2%;display:flex;flex-direction:column;gap:20px}.dsk-bottle-app-right-sidebar>section{background-color:transparent;border-radius:0;border:none;padding:0;box-shadow:none;display:flex;flex-direction:column}.dsk-sidebar-section-header{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;color:var(--text-color);transition:color .2s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;outline-offset:2px;background-color:var(--card-color);border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-md);padding:20px 40px;margin-bottom:0;justify-content:flex-start}.dsk-bottle-app-right-sidebar>section.expanded>.dsk-sidebar-section-header{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.dsk-sidebar-section-header .dsk-arrow-icon{opacity:1;color:var(--primary-color);font-size:16px;transform:rotate(0);transition:transform .25s ease}.dsk-sidebar-section-header .dsk-arrow-icon.rotated{transform:rotate(180deg)}.dsk-sidebar-section-header:after{display:none}.dsk-sidebar-section-header:hover:after,.dsk-sidebar-section-header:focus-visible:after{width:0%}.dsk-families-grid,.dsk-volume-buttons,.dsk-color-picker,.dsk-option-toggle,.dsk-prompt-section{background-color:var(--collapsible-background-light);border:1px solid var(--border-color);background-color:var(--surface-color);border-top:none;box-shadow:none;padding:15px;margin-top:0;border-radius:0 0 16px 16px}.dsk-families-grid{padding-bottom:10px;background-color:var(--surface-color);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dsk-option-group{color:var(--text-color)}.dsk-volume-buttons{gap:10px;padding-bottom:10px;background-color:var(--surface-color);display:grid;grid-template-columns:repeat(3,1fr)}.dsk-option-button,.dsk-volume-button{padding:10px 24px;font-size:15px;font-weight:200;cursor:pointer;border-radius:20px;border:1.5px solid var(--border-color);background-color:var(--background-color);color:var(--text-color);font-weight:700;transition:all .25s ease;font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none}.dsk-option-button.selected,.dsk-volume-button.selected{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm);border-color:var(--primary-color)}.dsk-option-button:hover:not(.selected):not(.unavailable),.dsk-volume-button:hover:not(.selected){background-color:var(--button-hover-bg);color:var(--button-hover-text);border-color:var(--button-hover-bg);box-shadow:var(--shadow-sm)}.dsk-back-button{background-color:var(--surface-color);color:var(--primary-color);border-color:var(--primary-color);font-weight:600;text-align:left;padding-left:15px}.dsk-back-button:hover{background-color:var(--primary-color);color:var(--surface-color)!important}.dsk-color-picker{gap:20px;padding-bottom:10px;background-color:var(--surface-color);display:grid;grid-template-columns:repeat(5,1fr)}.dsk-color-picker-title{font-weight:700;margin-bottom:20px;font-size:13px;-webkit-user-select:none;user-select:none;color:var(--secondary-text-color);letter-spacing:.1em;font-family:Poppins,sans-serif}.dsk-color-button{width:60px;height:30px;border-radius:25px;border:2px solid transparent;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;background-color:var(--muted-text-color)}.dsk-color-button:hover{transform:scale(1.1);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.dsk-option-grid{display:flex;flex-direction:column;gap:10px;padding-bottom:10px;background-color:var(--surface-color)}.dsk-color-button.selected{border-width:3px;transform:scale(1.15);border-radius:40px}.dsk-nested-section-header{display:flex;align-items:center;cursor:pointer;margin:.5rem 0 .25rem;font-weight:500;color:var(--text-color);padding:8px 12px;background-color:var(--surface-color);border-radius:6px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:8px;justify-content:flex-start}.dsk-nested-title{margin-left:.4rem;font-size:.9rem}.dsk-arrow-icon.dsk-small{font-size:.7rem;transform-origin:center}.dsk-desktop-option-button.disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.dsk-desktop-option-button.unavailable{opacity:.5;cursor:not-allowed;background-color:var(--divider-color);color:var(--muted-text-color);border-color:var(--divider-color)}.dsk-desktop-option-button.unavailable:hover{background-color:var(--divider-color);color:var(--muted-text-color);border-color:var(--divider-color);box-shadow:none}.dsk-prompt-section{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:var(--surface-color);border:1px solid var(--border-color);border-top:none;box-shadow:none;margin-top:0;border-radius:0 0 16px 16px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dsk-prompt-input{width:100%;min-height:80px;padding:12px 14px;font-size:14px;font-family:Poppins,sans-serif;border-radius:8px;border:1px solid var(--border-color);resize:vertical;color:var(--text-color);background-color:var(--background-color);transition:border-color .2s ease,box-shadow .2s ease,background-color .3s ease,color .3s ease}.dsk-prompt-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px var(--focus-outline-color)}.dsk-generate-button{align-self:flex-end;padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:8px;background-color:var(--primary-color);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;box-shadow:var(--shadow-sm);transition:background-color .3s ease,box-shadow .3s ease}.dsk-generate-button:hover:not(:disabled){background-color:var(--button-hover-bg)}.dsk-generate-button:disabled{background-color:var(--divider-color);color:var(--muted-text-color);cursor:not-allowed;box-shadow:none}.dsk-prompt-buttons-container{display:flex;justify-content:flex-end;gap:5%;align-items:center;margin-top:10px}.dsk-settings-icon{background:transparent;border:none;margin-left:auto;margin-right:20px;cursor:pointer;color:#fff;transition:color .25s ease;display:flex;align-items:center;padding:.4rem}.dsk-settings-icon:hover,.dsk-settings-icon:focus-visible{color:#fff;outline:none;transform:rotate(360deg);transition:transform 1s}.dsk-settings-sidebar{position:fixed;top:0;right:0;width:320px;height:100%;background-color:var(--background-color);box-shadow:-4px 0 15px var(--shadow-md);padding:25px;z-index:1000;display:flex;flex-direction:column;border-left:1px solid var(--divider-color);box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dsk-settings-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:18px;border-bottom:1px solid var(--divider-color)}.dsk-settings-sidebar-header h2{margin:0;color:var(--text-color);font-size:1.5em;font-weight:600}.dsk-close-icon{font-size:20px;cursor:pointer;color:var(--muted-text-color);transition:color .2s ease;padding:.3rem;display:flex;align-items:center}.dsk-close-icon:hover,.dsk-close-icon:focus-visible{color:var(--error-color);outline:none}.dsk-settings-section{flex-grow:1;display:flex;flex-direction:column;gap:10px}.dsk-settings-link{display:flex;align-items:center;padding:12px 15px;margin-bottom:0;cursor:pointer;color:var(--text-color);font-size:1.05em;border-radius:8px;transition:background-color .2s ease,color .2s ease,transform .1s ease;text-decoration:none;font-weight:500}.dsk-settings-link:hover{background-color:var(--divider-color);color:var(--primary-color);transform:translate(3px)}.dsk-settings-link svg{font-size:1.3em;color:var(--muted-text-color);transition:color .2s ease}.history-settings-link:hover svg{color:var(--primary-color)}.dsk-settings-icon:focus-visible,.dsk-close-icon:focus-visible,.dsk-sidebar-section-header:focus-visible,.dsk-nested-section-header:focus-visible,.dsk-dot:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.dsk-theme-toggler{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;margin-bottom:10px;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.dsk-theme-toggler svg{color:var(--text-color)}.dsk-theme-toggler:hover{background-color:var(--divider-color)}.dsk-theme-toggler span{font-size:1.05em;color:var(--text-color);font-weight:500}.dsk-theme-toggler input[type=checkbox]{height:0;width:0;visibility:hidden}.dsk-theme-toggler label{cursor:pointer;width:50px;height:25px;background-color:var(--background-color);display:block;border-radius:25px;position:relative;transition:background-color .3s ease}[data-theme=dark] .dsk-theme-toggler label{background-color:var(--background-color)}.dsk-theme-toggler label:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;background-color:var(--text-color);border-radius:50%;transition:.3s}[data-theme=dark] .dsk-theme-toggler label:after{background-color:var(--text-color)}.dsk-theme-toggler input:checked+label{background-color:var(--primary-color)}.dsk-theme-toggler input:checked+label:after{left:calc(100% - 3px);transform:translate(-100%)}.dsk-image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dsk-image-modal-content{position:relative;background-color:var(--surface-color);padding:20px;border-radius:8px;box-shadow:var(--shadow-lg);max-width:800px;max-height:90vh;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dsk-image-modal-content img{width:100%;height:auto;object-fit:contain;max-width:100%;max-height:100%;background-color:var(--surface-color)}.dsk-image-modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--muted-text-color);padding:5px}.dsk-image-modal-close:hover{color:var(--error-color)}.dsk-image-modal-close:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px;border-radius:50%}.dsk-contact-button{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:20px;width:100%;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-sm)}.dsk-contact-button:hover:not(:disabled){background-color:var(--button-hover-bg);box-shadow:var(--shadow-md)}.dsk-contact-button:disabled{background-color:var(--divider-color);color:var(--muted-text-color);cursor:not-allowed;box-shadow:none}.dsk-contact-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dsk-contact-modal-content{background-color:var(--surface-color);color:var(--text-color);padding:30px;border-radius:10px;box-shadow:var(--shadow-md);text-align:center;max-width:400px;width:90%;position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;border:1px solid var(--border-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.dsk-contact-modal-content h3{margin-top:0;font-size:24px;color:var(--primary-color)}.dsk-contact-modal-content p{font-size:18px;margin-bottom:0;color:var(--secondary-text-color)}.dsk-contact-modal-content .DotLoader{margin-top:20px}.dsk-pagination-dots{display:flex;justify-content:center;margin-top:20px;gap:8px}.dsk-dot{height:10px;width:10px;background-color:var(--muted-text-color);border-radius:50%;display:inline-block;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.dsk-dot.active{background-color:var(--primary-color);transform:scale(1.2)}.dsk-dot:hover{background-color:var(--primary-color)}.dsk-error-message{background-color:var(--error-color);color:var(--background-color);padding:12px 16px;border-radius:8px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;box-shadow:0 4px 6px #0000001a;animation:fadeIn .3s ease-in-out}.error-dismiss-button{background:none;border:none;color:var(--background-color);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease-in-out;margin-left:10px}.error-dismiss-button:hover{background-color:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dsk-profile-modal-buttons{display:flex;justify-content:space-between;width:100%;gap:15px;margin-top:20px}.dsk-profile-modal-button-update,.dsk-profile-modal-button-later{flex:1;padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;transition:background-color .3s ease,box-shadow .3s ease,transform .2s}.dsk-profile-modal-button-update{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.dsk-profile-modal-button-update:hover{background-color:var(--button-hover-bg);transform:scale(1.03)}.dsk-profile-modal-button-later{background-color:var(--divider-color);color:var(--secondary-text-color);border:1px solid var(--border-color)}.dsk-profile-modal-button-later:hover{background-color:var(--border-color);transform:scale(1.03)}@media (max-width: 1200px){.dsk-bottle-app-main{padding:30px 50px}.dsk-families-grid{grid-template-columns:repeat(2,1fr)}.dsk-bottle-app-left-section>section{width:100%}.dsk-bottle-preview{width:100%}.dsk-bottle-preview img{max-width:90%}}@media (max-width: 820px){.dsk-bottle-app-main{padding:30px}.dsk-color-picker{grid-template-columns:repeat(4,1fr)}.dsk-bottle-app-left-section>section{width:100%}.dsk-bottle-preview{width:100%}.dsk-bottle-preview img{max-width:90%}}@media (max-width: 769px){.dsk-bottle-app-main{padding:20px 30px}.dsk-bottle-app-left-section{margin-bottom:20px}.dsk-color-picker{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dsk-bottle-app-main{display:none}.dsk-settings-sidebar{width:100%}}@media (max-width: 480px){.dsk-bottle-app-main{display:none}}:root{--primary-color: #385ba5;--accent-color: #7a8bef;--card-color: #d9d9d9;--background-color: #f8f9fa;--surface-color: #ffffff;--header-background-color: #ffffff;--text-color: #333333;--secondary-text-color: #555555;--muted-text-color: #888888;--border-color: #e0e0e0;--divider-color: #e9ecef;--button-hover-bg: #0056b3;--button-hover-text: #ffffff;--focus-outline-color: rgba(0, 123, 255, .5);--error-color: #dc3545;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .08);--shadow-md: 0 5px 15px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .2);--scrollbar-track-color: var(--divider-color);--scrollbar-thumb-color: var(--muted-text-color);--scrollbar-thumb-hover-color: var(--secondary-text-color)}[data-theme=dark]{--primary-color: #385ba5;--accent-color: #7a8bef;--card-color: #2d323b;--background-color: #212529;--surface-color: #2d323b;--header-background-color: #2d323b;--text-color: #e0e0e0;--secondary-text-color: #b0b0b0;--muted-text-color: #999999;--border-color: #444444;--divider-color: #3a3f4a;--button-hover-bg: #404a99;--button-hover-text: #ffffff;--focus-outline-color: rgba(85, 102, 238, .5);--error-color: #ef5350;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .2);--shadow-md: 0 5px 15px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--scrollbar-track-color: #3a3f4a;--scrollbar-thumb-color: #666666;--scrollbar-thumb-hover-color: #888888}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.mobile-app-wrapper{background:var(--background-color);transition:background-color .3s ease}.mobile-app{display:flex;flex-direction:column;min-height:100vh;width:100vw;font-family:Poppins,sans-serif;color:var(--text-color);margin:0 auto;overflow:hidden;background-color:var(--background-color);transition:background-color .3s ease,color .3s ease}.mobile-header{padding:0%;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease;background-image:url(/assets/app/header-mobile.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0}.header-left-content{display:flex;flex-direction:column;align-items:flex-start;margin-left:5%}.mobile-title-wrapper{display:flex;flex-direction:row;align-items:baseline;gap:.5rem;margin-top:-15%}.mobile-title{font-size:1.5rem;font-weight:100;font-family:Poppins,sans-serif;color:#fff;letter-spacing:.04em}.mobile-title-bold{font-size:1.5rem;font-weight:1000;font-family:Poppins,sans-serif;color:#fff}.logo-image{height:50px;width:50px;margin-top:5%}.mobile-preview{padding:1rem;background-color:var(--background-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;box-sizing:border-box;border-bottom:2px solid var(--border-color);transition:box-shadow .2s ease,background-color .3s ease,border-color .3s ease;position:relative}.mobile-preview img{width:100%;object-fit:contain;border-radius:2rem;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .2s ease;background-color:var(--card-color)}.mobile-preview img:hover{transform:scale(1.03);cursor:zoom-in}.selected-color-info{display:flex;position:absolute;bottom:1%;left:10%;gap:1rem;color:var(--text-color);text-align:left;z-index:1;pointer-events:none}.selected-color-info .color-name,.selected-color-info .hex-code{font-size:1.2rem}.card-slider-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;background:var(--background-color);padding:1rem;gap:16px;transition:background-color .3s ease;flex-grow:1;height:100%}.card-slider-container>div{scroll-snap-align:center;flex-shrink:0;width:90%;max-width:450px;height:100%;margin:0 auto;background-color:var(--card-color);color:var(--text-color);border-radius:2rem;box-shadow:var(--shadow-sm);padding:1rem;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;border:1px solid var(--border-color);transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column}.card-slider-container>div>section{flex-grow:1;display:flex;flex-direction:column}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.accordion-header{display:flex;align-items:center;font-size:16px;padding:.8rem 0;cursor:pointer;font-weight:100;color:var(--text-color);margin-top:0;transition:color .2s ease-in-out,border-color .3s ease}.accordion-header.centered-title{justify-content:center;pointer-events:none}.option-button,.volume-button{padding:10px 35px;font-size:15px;font-weight:100;cursor:pointer;border-radius:20px;border:1px solid var(--border-color);background-color:var(--background-color);color:var(--text-color);transition:all .25s ease;font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none;width:calc(50% - 1.2rem);margin:.6rem;box-sizing:border-box;text-align:center}.option-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start}.mbl-custom-option-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:100%}.mbl-custom-option-buttons .option-button{min-width:120px;width:100%;box-sizing:border-box}.option-button.selected,.volume-button.selected{background-color:#385ba5;color:#fff;box-shadow:var(--shadow-sm);border-color:var(--primary-color)}.option-button:hover:not(.selected),.volume-button:hover:not(.selected){background-color:var(--button-hover-bg);color:var(--button-hover-text);border-color:var(--button-hover-bg);box-shadow:var(--shadow-sm)}.option-button.disabled{opacity:.4;pointer-events:none;cursor:not-allowed;background-color:var(--divider-color);color:var(--muted-text-color)}.color-button{width:3rem;height:1.5rem;border-radius:20px;border:2px solid transparent;flex-shrink:0;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .25s ease}.color-button:hover{transform:scale(1.1);box-shadow:var(--shadow-sm);border-radius:15px}.color-button.selected{border-width:3px;transform:scale(1.1);box-shadow:var(--shadow-sm)}.color-button:not(.selected){border-color:var(--border-color)}.color-grid-page{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;align-items:center;justify-items:center;padding:.5rem 0}.descriptions-section{width:100%;max-height:310px;padding:1rem;background:var(--surface-color);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.description-header{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:var(--accent-color);padding:6px 0 10px;border-bottom:2px solid var(--divider-color);margin-bottom:8px;font-weight:500;transition:color .2s ease,border-color .3s ease}.mobile-contact-section{display:flex;justify-content:center;align-items:center;padding:1.2rem 0;width:100%}.mbl-contact-button{padding:12px 32px;font-size:1.1rem;font-family:Poppins,sans-serif;font-weight:600;border:none;border-radius:20px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .3s ease,color .3s ease,box-shadow .2s ease;outline:none;margin:0 auto;display:block}.mbl-contact-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.arrow-icon{display:inline-block;font-size:12px;opacity:.6;transition:transform .25s ease,opacity .25s ease;margin-right:6px}.description-title{flex-grow:1;text-align:left}.description-text{font-size:14px;line-height:1.7;color:var(--secondary-text-color);white-space:pre-wrap;padding-left:18px;padding-right:8px;transition:color .3s ease}.prompt-section{display:flex;flex-direction:column;padding:16px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--background-color);box-shadow:var(--shadow-sm);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.prompt-input{width:100%;min-height:100px;padding:12px 14px;border-radius:8px;margin-bottom:10%;border:1px solid var(--border-color);color:var(--text-color);resize:none;background-color:var(--surface-color);transition:border-color .2s ease,box-shadow .2s ease,background-color .3s ease,color .3s ease}.prompt-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px var(--focus-outline-color)}.prompt-input::placeholder{color:var(--muted-text-color)}.prompt-buttons-container{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.generate-button,.generate-bottle-button{display:flex;justify-content:center;align-items:center;padding:10px 20px;border-radius:10px;flex-grow:1;color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .3s ease,box-shadow .3s ease;width:auto}.generate-button{background-color:var(--primary-color)}.generate-bottle-button{background-color:#007bff}.generate-button:hover:not(:disabled),.generate-bottle-button:hover:not(:disabled){background-color:var(--button-hover-bg)}.generate-button:disabled,.generate-bottle-button:disabled{background-color:var(--divider-color);color:var(--muted-text-color);cursor:not-allowed;box-shadow:none}.mobile-settings-icon{cursor:pointer;color:#fff;transition:color .25s ease;align-items:center;height:12%}.mobile-settings-icon:hover,.mobile-settings-icon:focus-visible{outline:none}.mobile-settings-sidebar{position:fixed;top:0;right:0;width:100vw;height:100%;background-color:var(--background-color);box-shadow:-4px 0 15px var(--shadow-md);padding:25px;z-index:1000;display:flex;flex-direction:column;border-left:1px solid var(--divider-color);box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.mobile-settings-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:18px;border-bottom:1px solid var(--divider-color)}.mobile-settings-sidebar-header h2{margin:0;color:var(--text-color);font-size:1.5em;font-weight:600}.mobile-close-icon{cursor:pointer;font-size:1.5em;color:var(--text-color);transition:color .2s ease;padding:5px;border-radius:50%}.mobile-close-icon:hover{color:#dc3545}.mobile-settings-section{flex-grow:1;display:flex;flex-direction:column;gap:10px}.mobile-settings-link{display:flex;align-items:center;padding:12px 15px;margin-bottom:0;cursor:pointer;color:var(--text-color);font-size:1.05em;border-radius:8px;transition:background-color .2s ease,color .2s ease,transform .1s ease;text-decoration:none;font-weight:500}.mobile-settings-link:hover{background-color:transparent;color:#fff;transform:translate(3px)}.mobile-settings-link svg{font-size:1.3em;color:var(--muted-text-color);transition:color .2s ease}.mobile-settings-link:hover svg{color:var(--primary-color)}.mobile-theme-toggle{display:flex;align-items:center;justify-content:flex-start;padding:12px 15px;cursor:pointer;margin-top:15px;border-radius:8px;background-color:var(--divider-color);transition:background-color .3s ease,transform .1s ease}.mobile-theme-toggle:hover{transform:translate(3px)}.mobile-theme-icon-wrapper{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-color);border-radius:50%;margin-right:15px}.mobile-theme-icon{font-size:1.1em;color:var(--primary-color)}.mobile-theme-text{font-size:1.05em;font-weight:500;color:var(--text-color)}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1001;padding:10px}.image-modal-content{position:relative;max-width:90%;max-height:90%}.image-modal-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 4px 20px #00000080}.image-modal-close-button{position:absolute;top:20px;right:20px;background:#fffc;color:#000;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;line-height:40px;text-align:center;transition:background .3s ease,transform .2s ease}.image-modal-close-button:hover{background:#fff;transform:scale(1.1)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;background-color:var(--background-color)}.loading-container p{font-size:1.2rem;color:var(--text-color)}.error-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.error-message-content{background:var(--surface-color);padding:2rem;border-radius:10px;text-align:center;box-shadow:var(--shadow-lg);color:var(--text-color)}.error-message-content p{font-size:1.2rem;margin-bottom:1rem}.error-retry-button{padding:10px 20px;border-radius:8px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:background-color .3s ease}.error-retry-button:hover{background-color:var(--button-hover-bg)}.pagination-dots{display:flex;justify-content:center;margin-top:20px;gap:8px}.pagination-dot{height:10px;width:10px;background-color:var(--muted-text-color);border-radius:50%;display:inline-block;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.pagination-dot.active{background-color:var(--primary-color);transform:scale(1.2)}.pagination-dot:hover{background-color:var(--primary-color)}.mbl-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-size:1.2em;color:var(--profile-text-color-light);background-color:var(--profile-background-color-light);transition:background-color .3s ease,color .3s ease}.mbl-loader{border:6px solid var(--profile-input-border-light);border-top:6px solid var(--profile-button-background-light);border-radius:50%;width:50px;height:50px;animation:profile-spin 1s linear infinite;margin-bottom:20px}:root{--profile-primary-color: #385ba5;--profile-accent-color: #7a8bef;--profile-background-color-light: #ffffff;--profile-text-color-light: #333333;--profile-input-background-light: #f9f9f9;--profile-input-border-light: #e0e0e0;--profile-button-background-light: #385ba5;--profile-button-text-light: #ffffff;--profile-cancel-button-background-light: #888888;--profile-box-shadow-light: rgba(0, 0, 0, .08);--profile-settings-sidebar-bg-light: #ffffff;--profile-settings-border-color-light: #f0f0f0;--profile-settings-link-hover-light: #f0f8ff;--profile-hover-color-light: #7a8bef;--profile-header-background-color: #ffffff;--profile-focus-outline-color: rgba(0, 123, 255, .5);--profile-card-background-light: #d9d9d9;--profile-card-border-light: #e9ecef;--profile-card-shadow-light: rgba(0, 0, 0, .1)}[data-theme=dark]{--profile-primary-color: #385ba5;--profile-accent-color: #7a8bef;--profile-background-color-light: #282c36;--profile-text-color-light: #e0e0e0;--profile-input-background-light: #3a3f4a;--profile-input-border-light: #555555;--profile-button-background-light: #385ba5;--profile-button-text-light: #ffffff;--profile-cancel-button-background-light: #4a4d52;--profile-box-shadow-light: rgba(0, 0, 0, .4);--profile-settings-sidebar-bg-light: #3a3f4a;--profile-settings-border-color-light: #444444;--profile-settings-link-hover-light: #4a4d52;--profile-hover-color-light: #7a8bef;--profile-header-background-color: #2d323b;--profile-focus-outline-color: rgba(85, 102, 238, .5);--profile-card-background-light: #3a3f4a;--profile-card-border-light: #555555;--profile-card-shadow-light: rgba(0, 0, 0, .4)}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}.profile-container{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;margin:0 auto;background-color:var(--profile-background-color-light);color:var(--profile-text-color-light);min-height:100%;height:auto;box-sizing:border-box;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:none;border-radius:0;overflow-y:auto}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-size:1.2em;color:var(--profile-text-color-light);background-color:var(--profile-background-color-light);transition:background-color .3s ease,color .3s ease}.profile-loader{border:6px solid var(--profile-input-border-light);border-top:6px solid var(--profile-button-background-light);border-radius:50%;width:50px;height:50px;animation:profile-spin 1s linear infinite;margin-bottom:20px}@keyframes profile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px;background-image:url(/assets/app/empty-header-web.jpg);min-height:100px;position:relative;flex-shrink:0}.profile-main-title-wrapper{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%);z-index:0}.profile-title{font-size:2rem;font-weight:100;font-family:Poppins,sans-serif;color:#fff;letter-spacing:.04em;display:inline-block}.profile-title-bold{font-size:2rem;font-weight:1000;font-family:Poppins,sans-serif;color:#fff;letter-spacing:.04em;margin-left:10px}.profile-settings-icon{cursor:pointer;color:#fff;transition:color .2s ease,background-color .2s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3em;flex-shrink:0;z-index:1;margin-left:auto}.profile-settings-icon:hover,.profile-settings-icon:focus-visible{color:#fff;outline:none;transform:rotate(360deg);transition:transform 1s}.profile-sub-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;min-height:70px;position:relative;background-color:var(--profile-background-color-light);flex-shrink:0}.profile-back-button{background:transparent;border:none;color:var(--profile-primary-color);font-size:1.3em;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;border-radius:8px;transition:color .2s ease,transform .2s ease;font-weight:500;text-decoration:none;flex-shrink:0}.profile-back-button:hover{color:var(--profile-accent-color);text-decoration:none;transform:none}.profile-back-button:focus-visible{outline:2px solid var(--profile-focus-outline-color);outline-offset:2px;border-radius:8px}.profile-triangle-icon{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid var(--profile-text-color-light);border-radius:1px;border-right-color:var(--profile-primary-color);transition:border-right-color .2s ease}[data-theme=dark] .profile-triangle-icon{border-right-color:var(--profile-primary-color)}.profile-back-button:hover .profile-triangle-icon{border-right-color:var(--profile-accent-color)}.profile-page-title{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.profile-title-page{font-size:2rem;font-weight:100;font-family:Poppins,sans-serif;color:var(--profile-text-color-light);letter-spacing:.04em;display:inline-block}.profile-logo-img{height:70px;width:auto;object-fit:contain}.profile-title-bold-page{font-size:2rem;font-weight:1000;font-family:Poppins,sans-serif;color:var(--profile-text-color-light);margin-left:15px;display:inline-block}.profile-cards-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:auto;padding:40px;box-sizing:border-box;align-items:stretch;flex-grow:1;overflow-y:auto}.profile-left-column{display:flex;flex-direction:column;align-items:center;width:100%;max-width:450px;gap:20px}.profile-right-column{display:flex;flex-direction:column;gap:20px;width:100%;max-width:450px}.profile-info-card,.profile-other-info-card,.profile-action-buttons-card,.profile-edit-card,.profile-update-password-card{background-color:var(--profile-card-background-light);border:1px solid var(--profile-card-border-light);border-radius:30px;padding:70px;box-shadow:0 20px 20px var(--profile-card-shadow-light);box-sizing:border-box;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;height:auto}.profile-edit-card{padding:0 3%;margin-top:-2%;width:auto;height:fit-content}.profile-update-password-card{gap:20px;padding:20px 70px;width:auto;height:fit-content;margin-top:10px;overflow-y:hidden;background-color:var(--profile-card-background-light);border:1px solid var(--profile-card-border-light);border-radius:30px;box-shadow:0 20px 20px var(--profile-card-shadow-light);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;max-width:450px}.profile-edit-header{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.profile-edit-card .profile-avatar{display:none}.profile-edit-card .profile-page-title{position:relative;transform:none;margin-bottom:10px}.profile-edit-card-title{margin-top:0;margin-bottom:0;color:var(--profile-text-color-light);font-size:1.3em;text-align:center}.profile-info-card p,.profile-other-info-card p{font-size:1.05em;margin-bottom:12px;color:var(--profile-text-color-light);line-height:1.5;width:100%;text-align:left}.profile-info-card strong,.profile-other-info-card strong{color:var(--profile-text-color-light);font-weight:500}.profile-other-info-card h3{margin-top:0;margin-bottom:20px;color:var(--profile-text-color-light);font-size:1.3em;text-align:left}.profile-not-set{color:#888;font-style:italic;font-size:.95em}.profile-avatar{width:80px;height:80px;background-color:var(--profile-input-background-light);color:var(--profile-button-background-light);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:3.5em;font-weight:700;box-shadow:0 4px 8px var(--profile-card-shadow-light);padding:0;line-height:1}.profile-avatar>span{display:block}.profile-login-button,.profile-cancel-button,.profile-edit-personal-button,.profile-edit-personal-button-mobile,.profile-delete-account-button{width:100%;padding:12px 25px;border:none;border-radius:30px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;text-align:center;box-sizing:border-box}.profile-login-button{background-color:var(--profile-button-background-light);color:var(--profile-button-text-light);margin-bottom:10px}.profile-login-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003;background-color:var(--profile-hover-color-light)}.profile-login-button:focus-visible{outline:2px solid var(--profile-focus-outline-color);outline-offset:2px;border-radius:30px}.profile-login-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none;color:#666}.profile-cancel-button{background-color:var(--profile-cancel-button-background-light);color:var(--profile-button-text-light);margin-top:10px}.profile-cancel-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003;background-color:#5a6268}.profile-cancel-button:focus-visible{outline:2px solid var(--profile-focus-outline-color);outline-offset:2px;border-radius:30px}.profile-edit-personal-button{background-color:var(--profile-button-background-light);color:var(--profile-button-text-light);margin-top:20px;max-width:450px}.profile-edit-personal-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003;background-color:var(--profile-hover-color-light)}.profile-edit-personal-button:focus-visible{outline:2px solid var(--profile-focus-outline-color);outline-offset:2px;border-radius:30px}.profile-delete-account-button{background-color:#722f37;color:#fff;margin-top:10px}.profile-delete-account-button:hover{background-color:red;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.profile-delete-account-button:focus-visible{outline:2px solid var(--profile-focus-outline-color);outline-offset:2px;border-radius:30px}.profile-delete-confirm-button{background-color:#722f37;color:#fff}.profile-delete-confirm-button:hover{background-color:red;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.profile-delete-confirm-button:focus-visible{outline:2px solid var(--profile-focus-outline-color);outline-offset:2px;border-radius:30px}.profile-form{width:100%;max-width:450px;display:flex;flex-direction:column;gap:10px;padding:0 20px 20px;box-sizing:border-box}.profile-form-group{margin-bottom:0}.profile-form-label{display:flex;margin-bottom:8px;font-weight:600;color:var(--profile-text-color-light);font-size:.95em}.profile-form-input{width:100%;padding:12px 15px;border:1px solid var(--profile-input-border-light);border-radius:8px;background-color:var(--profile-input-background-light);color:var(--profile-text-color-light);box-sizing:border-box;font-size:1em;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.profile-form-input:focus{border-color:var(--profile-button-background-light);outline:none;box-shadow:0 0 0 3px #007bff33}.password-toggle-icon{position:absolute;right:15px;top:50%;cursor:pointer;color:var(--profile-text-color-light);font-size:1.1em;padding:5px;border-radius:50%;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;z-index:2}.password-toggle-icon:hover{color:var(--profile-primary-color);background-color:var(--profile-input-border-light)}.password-toggle-icon:focus-visible{outline:2px solid var(--profile-focus-outline-color);outline-offset:2px;border-radius:50%}.profile-settings-sidebar{position:fixed;top:0;right:0;width:320px;height:100%;background-color:var(--history-background-color);box-shadow:-4px 0 15px var(--history-shadow-md);padding:25px;z-index:1000;display:flex;flex-direction:column;border-left:1px solid var(--history-divider-color);box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.profile-settings-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:18px;border-bottom:1px solid var(--history-divider-color)}.profile-settings-sidebar-header h2{margin:0;color:var(--history-text-color);font-size:1.5em;font-weight:600}.profile-close-icon{cursor:pointer;font-size:1.5em;color:var(--history-text-color);transition:color .2s ease;padding:5px;border-radius:50%}.profile-close-icon:hover{color:#dc3545}.profile-settings-section{flex-grow:1;display:flex;flex-direction:column;gap:10px}.profile-settings-link{display:flex;align-items:center;padding:12px 15px;margin-bottom:0;cursor:pointer;color:var(--history-text-color);font-size:1.05em;border-radius:8px;transition:background-color .2s ease,color .2s ease,transform .1s ease;text-decoration:none;font-weight:500}.profile-settings-link:hover{background-color:var(--history-divider-color);color:var(--history-primary-color);transform:translate(3px)}.profile-settings-link svg{font-size:1.3em;color:var(--history-muted-text-color);transition:color .2s ease}.profile-settings-link:hover svg{color:var(--history-primary-color)}.profile-theme-toggler{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;margin-bottom:10px;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.profile-theme-toggler:hover{background-color:var(--history-divider-color)}.profile-theme-toggler span{font-size:1.05em;color:var(--history-text-color);font-weight:500}.profile-theme-toggler input[type=checkbox]{height:0;width:0;visibility:hidden}.profile-theme-toggler label{cursor:pointer;width:50px;height:25px;background-color:var(--profile-cancel-button-background-light);display:block;border-radius:25px;position:relative;transition:background-color .3s ease}[data-theme=dark] .profile-theme-toggler label{background-color:var(--surface-color)}.profile-theme-toggler label:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;background-color:var(--text-color);border-radius:50%;transition:.3s}[data-theme=dark] .profile-theme-toggler label:after{background-color:var(--text-color)}.profile-theme-toggler input:checked+label{background-color:var( --history-primary-color )}.profile-theme-toggler input:checked+label:after{left:calc(100% - 3px);transform:translate(-100%)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.modal-content{background-color:var(--profile-background-color-light);color:var(--profile-text-color-light);padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000004d;text-align:center;position:relative;max-width:90%;width:400px}.modal-content h2{margin-top:0;margin-bottom:20px;font-size:1.8em;color:var(--profile-text-color-light)}.modal-content p{margin-bottom:25px;font-size:1.1em;line-height:1.5;color:var(--profile-text-color-light)}.modal-actions{display:absolute;justify-content:center;margin-top:20px}.modal-actions button{flex:1;max-width:150px;padding:12px 20px;border-radius:20px;margin:0 10px;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.fade-slide-enter{opacity:0;transform:translate(100%)}.fade-slide-enter-active{opacity:1;transform:translate(0);transition:opacity .3s ease-in,transform .3s ease-in}.fade-slide-exit{opacity:1;transform:translate(0)}.fade-slide-exit-active{opacity:0;transform:translate(100%);transition:opacity .3s ease-out,transform .3s ease-out}@media (max-width: 767px){.profile-cards-wrapper{padding:20px;gap:20px}.profile-left-column,.profile-right-column{width:100%;max-width:none;margin-bottom:0;flex:none}.profile-edit-card .profile-avatar,.profile-info-card .profile-avatar,.profile-info-card .profile-page-title,.profile-left-column .profile-edit-personal-button{display:none}.profile-edit-personal-button-mobile{display:block;width:100%;max-width:450px;margin:0 auto 20px;padding:12px 25px;border-radius:30px;background-color:var(--profile-button-background-light);color:var(--profile-button-text-light);box-sizing:border-box;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.profile-edit-card,.profile-update-password-card{padding:20px;height:auto;overflow-y:auto;gap:15px}.profile-form{padding:0}.profile-settings-sidebar{width:100%;max-width:none}}@media (min-width: 768px){.profile-cards-wrapper{flex-direction:row;justify-content:center;align-items:stretch;gap:20px;padding:40px;overflow-y:auto;height:100%;margin-bottom:0}.profile-left-column,.profile-right-column{width:calc(50% - 10px);flex-grow:1;height:fit-content}.profile-left-column .profile-edit-personal-button{display:block;width:100%;margin-top:20px;max-width:450px}.profile-edit-personal-button-mobile{display:none}.profile-avatar{width:80px;height:80px;background-color:var(--profile-input-background-light);color:var(--profile-button-background-light);border-radius:50%;box-shadow:0 4px 8px var(--profile-card-shadow-light);font-size:3.5em;display:flex;justify-content:center;align-items:center}.profile-info-card .profile-page-title{display:flex}.profile-edit-card{height:fit-content;max-width:450px}}:root{--history-primary-color: #385ba5;--history-accent-color: #7a8bef;--history-background-color: #f8f9fa;--history-surface-color: #d9d9d9;--history-header-background-color: #ffffff;--history-text-color: #333333;--history-secondary-text-color: #555555;--history-muted-text-color: #888888;--history-border-color: #e0e0e0;--history-divider-color: #e9ecef;--history-button-hover-bg: #0056b3;--history-button-hover-text: #ffffff;--history-focus-outline-color: rgba(0, 123, 255, .5);--history-error-color: #dc3545;--history-shadow-sm: 0 2px 5px rgba(0, 0, 0, .08);--history-shadow-md: 0 5px 15px rgba(0, 0, 0, .12);--history-shadow-lg: 0 10px 30px rgba(0, 0, 0, .2);--history-scrollbar-track-color: var(--history-divider-color);--history-scrollbar-thumb-color: var(--history-muted-text-color);--history-scrollbar-thumb-hover-color: var(--history-secondary-text-color);--history-toggler-bg-light: #ccc;--history-toggler-ball-light: #fff}[data-theme=dark]{--history-primary-color: #385ba5;--history-accent-color: #7a8bef;--history-background-color: #212529;--history-surface-color: #2d323b;--history-header-background-color: #2d323b;--history-text-color: #e0e0e0;--history-secondary-text-color: #b0b0b0;--history-muted-text-color: #999999;--history-border-color: #444444;--history-divider-color: #3a3f4a;--history-button-hover-bg: #404a99;--history-button-hover-text: #ffffff;--history-focus-outline-color: rgba(85, 102, 238, .5);--history-error-color: #ef5350;--history-shadow-sm: 0 2px 5px rgba(0, 0, 0, .2);--history-shadow-md: 0 5px 15px rgba(0, 0, 0, .3);--history-shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--history-scrollbar-track-color: #3a3f4a;--history-scrollbar-thumb-color: #666666;--history-scrollbar-thumb-hover-color: #888888;--history-toggler-bg-dark: #333;--history-toggler-ball-dark: #fddb8a}.history-page{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;margin:0 auto;background-color:var(--history-background-color);color:var(--history-text-color);min-height:100vh;box-sizing:border-box;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.history-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px;background-image:url(/assets/app/empty-header-web.jpg);min-height:100px;position:relative}.history-main-title-wrapper{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%);z-index:0}.history-title{font-size:2rem;font-weight:100;font-family:Poppins,sans-serif;color:#fff;letter-spacing:.04em}.history-logo-img{height:70px;width:auto;object-fit:contain;margin-left:10px}.history-settings-icon{cursor:pointer;color:#fff;transition:color .2s ease,background-color .2s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3em;flex-shrink:0;z-index:1;margin-left:auto}.history-settings-icon:hover,.history-settings-icon:focus-visible{color:#fff;outline:none;transform:rotate(360deg);transition:transform 1s}.history-sub-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;min-height:70px;position:relative;background-color:var(--background-color)}.history-back-button{background:transparent;border:none;color:var(--history-primary-color);font-size:1.3em;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;border-radius:8px;transition:color .2s ease,transform .2s ease;font-weight:500;text-decoration:none;flex-shrink:0}.history-back-button:hover{color:var(--history-accent-color);text-decoration:none;transform:none}.history-back-button:focus-visible{outline:2px solid var(--history-focus-outline-color);outline-offset:2px;border-radius:8px}.history-triangle-icon{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid var(--history-text-color);border-radius:1px;border-right-color:var(--history-primary-color);transition:border-right-color .2s ease}.history-back-button:hover .history-triangle-icon{border-right-color:var(--history-accent-color)}.history-page-title{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.history-title-page{font-size:2rem;font-weight:100;font-family:Poppins,sans-serif;color:var(--history-text-color);letter-spacing:.04em;display:inline-block}.history-title-bold-page{font-size:2rem;font-weight:1000;font-family:Poppins,sans-serif;color:var(--history-text-color);margin-left:15px;display:inline-block}.history-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;width:100%;justify-content:center;flex-grow:1;overflow-y:auto;padding-bottom:0;max-height:calc(100vh - 220px);background-color:var(--history-background-color);scrollbar-width:thin;scrollbar-color:var(--history-scrollbar-thumb-color) var(--history-scrollbar-track-color);padding-top:20px}.history-grid::-webkit-scrollbar{width:8px}.history-grid::-webkit-scrollbar-track{background:var(--history-scrollbar-track-color);border-radius:10px}.history-grid::-webkit-scrollbar-thumb{background:var(--history-scrollbar-thumb-color);border-radius:10px;border:2px solid var(--history-scrollbar-track-color)}.history-grid::-webkit-scrollbar-thumb:hover{background:var(--history-scrollbar-thumb-hover-color)}.history-item{background-color:var(--history-surface-color);height:280px;width:250px;border-radius:30px;overflow:hidden;box-shadow:var(--history-shadow-sm);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;max-width:380px;justify-self:center;border:1px solid var(--history-border-color)}.history-item:hover{transform:translateY(-8px);box-shadow:var(--history-shadow-md);border-color:var(--history-primary-color)}.history-image-container{width:100%;padding-top:75%;position:relative;background-color:var(--history-surface-color);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--history-divider-color);cursor:pointer}.history-image{position:absolute;top:10px;left:auto;width:90%;height:90%;object-fit:contain;border-radius:30px}.history-image:hover{cursor:zoom-in}.history-timestamp-overlay{position:absolute;top:10px;right:10px;background-color:var(--background-color);color:var(--history-text-color);padding:5px 8px;border-radius:20px;font-size:.75em;z-index:1;pointer-events:none}.history-details{padding:20px;display:flex;flex-direction:column;flex-grow:1;align-items:center;justify-content:center}.history-details h3{font-size:1.3em;color:var(--history-text-color);margin-top:0;margin-bottom:12px;font-weight:600;text-align:center}.history-details p{font-size:.95em;line-height:1.6;color:var(--history-secondary-text-color);text-align:center;margin-bottom:15px;word-break:break-word}.history-redirect-button{background-color:var(--history-primary-color);color:var(--history-button-hover-text);border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:1em;font-weight:600;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.history-redirect-button:hover{background-color:var(--history-button-hover-bg);color:var(--history-button-hover-text);transform:translateY(-2px)}.history-redirect-button:focus-visible{outline:2px solid var(--history-focus-outline-color);outline-offset:2px}.history-loading-container,.history-error-message,.history-no-items{text-align:center;padding:50px;font-size:1.2em;color:var(--history-secondary-text-color)}.history-error-message{color:var(--history-error-color)}.history-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.history-modal-content{background-color:var(--history-surface-color);padding:30px;border-radius:15px;box-shadow:var(--history-shadow-lg);position:relative;width:90%;max-width:700px;display:flex;flex-direction:column;align-items:center}.history-modal-close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2em;color:var(--history-text-color);cursor:pointer;transition:color .2s ease}.history-modal-close-button:hover{color:var(--history-error-color)}.history-modal-image{max-width:100%;height:auto;border-radius:10px;margin-bottom:20px}.history-modal-details{width:100%;text-align:center}.history-modal-details h3{font-size:1.5em;color:var(--history-text-color);margin-bottom:10px}.history-modal-details p{font-size:1em;color:var(--history-secondary-text-color);line-height:1.5}.history-settings-sidebar{position:fixed;top:0;right:0;width:320px;height:100%;background-color:var(--history-background-color);box-shadow:-4px 0 15px var(--history-shadow-md);padding:25px;z-index:1000;display:flex;flex-direction:column;border-left:1px solid var(--history-divider-color);box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.history-settings-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:18px;border-bottom:1px solid var(--history-divider-color)}.history-settings-sidebar-header h2{margin:0;color:var(--history-text-color);font-size:1.5em;font-weight:600}.history-close-icon{cursor:pointer;font-size:1.5em;color:var(--history-text-color);transition:color .2s ease;padding:5px;border-radius:50%}.history-close-icon:hover{color:#dc3545}.history-settings-section{flex-grow:1;display:flex;flex-direction:column;gap:10px}.history-settings-link{display:flex;align-items:center;padding:12px 15px;margin-bottom:0;cursor:pointer;color:var(--history-text-color);font-size:1.05em;border-radius:8px;transition:background-color .2s ease,color .2s ease,transform .1s ease;text-decoration:none;font-weight:500}.history-settings-link:hover{background-color:var(--history-divider-color);color:var(--history-primary-color);transform:translate(3px)}.history-settings-link svg{font-size:1.3em;color:var(--history-muted-text-color);transition:color .2s ease}.history-settings-link:hover svg{color:var(--history-primary-color)}.history-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;gap:10px;color:var(--history-secondary-text-color)}.history-no-history-message{text-align:center;padding:50px;font-size:1.2em;color:var(--history-secondary-text-color)}.history-theme-toggler{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;margin-bottom:10px;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.history-theme-toggler:hover{background-color:var(--history-divider-color)}.history-theme-toggler span{font-size:1.05em;color:var(--history-text-color);font-weight:500}.history-theme-toggler input[type=checkbox]{height:0;width:0;visibility:hidden}.history-theme-toggler label{cursor:pointer;width:50px;height:25px;background-color:var(--history-toggler-bg-light);display:block;border-radius:25px;position:relative;transition:background-color .3s ease}[data-theme=dark] .history-theme-toggler label{background-color:var(--history-toggler-bg-dark)}.history-theme-toggler label:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;background-color:var(--text-color);border-radius:50%;transition:.3s}[data-theme=dark] .history-theme-toggler label:after{background-color:var(--text-color)}.history-theme-toggler input:checked+label{background-color:var( --history-primary-color )}.history-theme-toggler input:checked+label:after{left:calc(100% - 3px);transform:translate(-100%)}.hsr-loading-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;font-size:1.2em;color:var(--profile-text-color-light);transition:background-color .3s ease,color .3s ease}.hsr-loader{border:6px solid var(--profile-input-border-light);border-top:6px solid var(--profile-button-background-light);border-radius:50%;width:50px;height:50px;animation:profile-spin 1s linear infinite;margin-bottom:20px}@media (max-width: 1200px){.history-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.history-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.history-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 576px){.history-grid{grid-template-columns:repeat(2,1fr);gap:15px}.history-item{width:180px;height:220px;border-radius:20px}.history-details{padding:15px}.history-redirect-button{padding:8px 15px;font-size:.9em}.history-back-button{font-size:.8em;gap:4px}.history-triangle-icon{border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:10px solid var(--history-text-color);border-right-color:var(--history-primary-color)}.history-settings-sidebar{width:100%;border-radius:0;padding:20px}}:root{--sp-primary-color: #385ba5;--sp-accent-color: #7a8bef;--sp-background-color: #f8f9fa;--sp-surface-color: #d9d9d9;--sp-header-background-color: #ffffff;--sp-text-color: #333333;--sp-secondary-text-color: #555555;--sp-muted-text-color: #888888;--sp-border-color: #e0e0e0;--sp-divider-color: #e9ecef;--sp-button-hover-bg: #0056b3;--sp-button-hover-text: #ffffff;--sp-focus-outline-color: rgba(0, 123, 255, .5);--sp-error-color: #dc3545;--sp-shadow-sm: 0 2px 5px rgba(0, 0, 0, .08);--sp-shadow-md: 0 5px 15px rgba(0, 0, 0, .12);--sp-shadow-lg: 0 10px 30px rgba(0, 0, 0, .2);--sp-toggler-bg-light: #ccc;--sp-toggler-ball-light: #fff}[data-theme=dark]{--sp-primary-color: #385ba5;--sp-accent-color: #7a8bef;--sp-background-color: #212529;--sp-surface-color: #2d323b;--sp-header-background-color: #2d323b;--sp-text-color: #e0e0e0;--sp-secondary-text-color: #b0b0b0;--sp-muted-text-color: #999999;--sp-border-color: #444444;--sp-divider-color: #3a3f4a;--sp-button-hover-bg: #404a99;--sp-button-hover-text: #ffffff;--sp-focus-outline-color: rgba(85, 102, 238, .5);--sp-error-color: #ef5350;--sp-shadow-sm: 0 2px 5px rgba(0, 0, 0, .2);--sp-shadow-md: 0 5px 15px rgba(0, 0, 0, .3);--sp-shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--sp-toggler-bg-dark: #333;--sp-toggler-ball-dark: #fddb8a}.sp-page{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;height:100%;margin:0 auto;background-color:var(--sp-background-color);color:var(--sp-text-color);max-height:100vh;box-sizing:border-box;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.sp-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px;background-image:url(/assets/app/empty-header-web.jpg);min-height:100px;position:relative}.sp-main-title-wrapper{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%);z-index:0}.sp-title{font-size:2rem;font-weight:100;font-family:Poppins,sans-serif;color:#fff;letter-spacing:.04em}.sp-title-bold{font-size:2rem;font-weight:1000;font-family:Poppins,sans-serif;color:#fff;margin-left:10px;letter-spacing:.04em}.sp-logo-img{height:70px;width:auto;object-fit:contain}.sp-settings-icon{cursor:pointer;color:#fff;transition:color .2s ease,background-color .2s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3em;flex-shrink:0;z-index:1;margin-left:auto}.sp-settings-icon:hover,.sp-settings-icon:focus-visible{color:#fff;outline:none;transform:rotate(360deg);transition:transform 1s}.sp-sub-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;min-height:70px;position:relative;background-color:var(--sp-background-color)}.sp-back-button{background:transparent;border:none;color:var(--sp-primary-color);font-size:1.3em;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;border-radius:8px;transition:color .2s ease,transform .2s ease;font-weight:500;text-decoration:none;flex-shrink:0}.sp-back-button:hover{color:var(--sp-accent-color);text-decoration:none;transform:none}.sp-back-button:focus-visible{outline:2px solid var(--sp-focus-outline-color);outline-offset:2px;border-radius:8px}.sp-triangle-icon{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid var(--sp-text-color);border-radius:1px;border-right-color:var(--sp-primary-color);transition:border-right-color .2s ease}.sp-back-button:hover .sp-triangle-icon{border-right-color:var(--sp-accent-color)}.sp-page-title{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.sp-title-page{font-size:2rem;font-weight:100;font-family:Poppins,sans-serif;color:var(--sp-text-color);letter-spacing:.04em}.sp-title-bold-page{font-size:2rem;font-weight:1000;font-family:Poppins,sans-serif;color:var(--sp-text-color);margin-left:15px}.sp-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;font-size:1.2em;color:var(--sp-secondary-text-color)}.sp-error-message{text-align:center;padding:50px;font-size:1.2em;color:var(--sp-error-color)}.sp-settings-sidebar{position:fixed;top:0;right:0;width:320px;height:100%;background-color:var(--sp-background-color);box-shadow:-4px 0 15px var(--sp-shadow-md);padding:25px;z-index:1000;display:flex;flex-direction:column;border-left:1px solid var(--sp-divider-color);box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.sp-settings-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:18px;border-bottom:1px solid var(--sp-divider-color)}.sp-settings-sidebar-header h2{margin:0;color:var(--sp-text-color);font-size:1.5em;font-weight:600}.sp-close-icon{cursor:pointer;font-size:1.5em;color:var(--sp-text-color);transition:color .2s ease;padding:5px;border-radius:50%}.sp-close-icon:hover{color:#dc3545}.sp-settings-section{flex-grow:1;display:flex;flex-direction:column;gap:10px}.sp-settings-link{display:flex;align-items:center;padding:12px 15px;margin-bottom:0;cursor:pointer;color:var(--sp-text-color);font-size:1.05em;border-radius:8px;transition:background-color .2s ease,color .2s ease,transform .1s ease;text-decoration:none;font-weight:500}.sp-settings-link:hover{background-color:var(--sp-divider-color);color:var(--sp-primary-color);transform:translate(3px)}.sp-settings-link svg{font-size:1.3em;color:var(--sp-muted-text-color);transition:color .2s ease}.sp-settings-link:hover svg{color:var(--sp-primary-color)}.sp-theme-toggler{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;margin-bottom:10px;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.sp-theme-toggler:hover{background-color:var(--sp-divider-color)}.sp-theme-toggler span{font-size:1.05em;color:var(--sp-text-color);font-weight:500}.sp-theme-toggler input[type=checkbox]{height:0;width:0;visibility:hidden}.sp-theme-toggler label{cursor:pointer;width:50px;height:25px;background-color:var(--sp-toggler-bg-light);display:block;border-radius:25px;position:relative;transition:background-color .3s ease}[data-theme=dark] .sp-theme-toggler label{background-color:var(--sp-toggler-bg-dark)}.sp-theme-toggler label:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;background-color:var(--sp-toggler-ball-light);border-radius:50%;transition:.3s}[data-theme=dark] .sp-theme-toggler label:after{background-color:var(--sp-toggler-ball-dark)}.sp-theme-toggler input:checked+label{background-color:var(--sp-primary-color)}.sp-theme-toggler input:checked+label:after{left:calc(100% - 3px);transform:translate(-100%)}.sp-loader{border:6px solid var(--sp-border-color);border-top:6px solid var(--sp-primary-color);border-radius:50%;width:50px;height:50px;animation:sp-spin 1s linear infinite}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sp-support-form-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;padding:40px 30px;background-color:var(--sp-surface-color);border-radius:15px;box-shadow:var(--sp-shadow-md);margin-top:10%;box-sizing:border-box}.sp-support-description{font-size:1.05em;color:var(--sp-secondary-text-color);text-align:center;margin-bottom:30px;line-height:1.6}.sp-support-form{display:flex;flex-direction:column;width:100%;gap:15px}.sp-label{font-size:1em;color:var(--sp-text-color);font-weight:500}.sp-textarea{width:100%;padding:15px;border-radius:12px;border:1px solid var(--sp-border-color);background-color:var(--sp-background-color);color:var(--sp-text-color);font-size:1em;resize:vertical;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.sp-textarea:focus{outline:none;border-color:var(--sp-primary-color);box-shadow:0 0 0 3px var(--sp-focus-outline-color)}.sp-btn{width:fit-content;padding:14px 24px;border:none;border-radius:12px;font-size:1.05em;font-weight:600;cursor:pointer;margin-left:auto;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.sp-btn-primary{background-color:var(--sp-primary-color);color:var(--sp-button-hover-text);box-shadow:var(--sp-shadow-sm)}.sp-btn-primary:hover:not(:disabled){background-color:var(--sp-button-hover-bg);transform:translateY(-3px);box-shadow:var(--sp-shadow-md)}.sp-btn-primary:disabled{background-color:var(--sp-muted-text-color);cursor:not-allowed;transform:none;box-shadow:none}.sp-btn-secondary{background-color:transparent;color:var(--sp-primary-color);border:1px solid var(--sp-primary-color);box-shadow:none}.sp-btn-secondary:hover{background-color:var(--sp-primary-color);color:var(--sp-button-hover-text);transform:translateY(-3px);box-shadow:var(--sp-shadow-md)}.sp-support-success{text-align:center;padding:30px;background-color:var(--sp-divider-color);border-radius:15px;width:100%}.sp-support-success p{font-size:1.1em;color:var(--sp-text-color);margin-bottom:20px}.sp-support-success .sp-btn-secondary{margin:0 auto}@media (max-width: 576px){.sp-back-button{font-size:.8em;gap:4px}.sp-triangle-icon{border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:10px solid var(--sp-text-color);border-right-color:var(--sp-primary-color)}.sp-settings-sidebar{width:100%;border-radius:0;padding:20px}}:root{--primary-color: #385ba5;--accent-color: #007bff;--background-color: #f8f9fa;--surface-color: #ffffff;--card-color: #d9d9d9;--header-background-color: #ffffff;--text-color: #333333;--secondary-text-color: #555555;--muted-text-color: #888888;--border-color: #e0e0e0;--divider-color: #e9ecef;--button-hover-bg: #0056b3;--button-hover-text: #ffffff;--focus-outline-color: rgba(0, 123, 255, .5);--error-color: #dc3545;--success-color: #28a745;--warning-color: #ffc107;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .08);--shadow-md: 0 5px 15px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .2);--scrollbar-track-color: var(--divider-color);--scrollbar-thumb-color: var(--muted-text-color);--error-color-dark: #c82333;--success-color-dark: #218838;--accent-color-dark: #0056b3}.dsk-bottle-app-container *{box-sizing:border-box}.dsk-bottle-app-container{font-family:Poppins,sans-serif;color:var(--text-color);background-color:var(--background-color);min-height:100vh;width:100%;display:flex;flex-direction:column}.dsk-loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:var(--primary-color);background-color:var(--background-color)}.dsk-bottle-app-header{height:10%;display:flex;align-items:center;border-bottom:2px solid var(--divider-color);font-weight:700;font-size:26px;color:var(--primary-color);letter-spacing:.04em;font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease;background-image:url(/assets/app/header-web.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.dsk-desktop-logo{display:block;margin:0 auto 0 5%;max-width:70px;height:auto}.adm-title-bold{display:flex;margin-right:50%;margin-bottom:0;height:70px}.adm-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background-color:var(--background-color);transition:background-color .3s ease;overflow-y:auto}.admin-dashboard-title{font-size:2.5rem;color:var(--primary-color);margin-bottom:2rem;text-shadow:var(--shadow-sm);text-align:center;font-weight:700}.admin-nav{display:flex;gap:1rem;margin-bottom:2.5rem;padding:1rem;background-color:var(--surface-color);border-radius:16px;box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:center;width:100%;max-width:900px}.admin-nav-button{background-color:var(--primary-color);color:var(--button-hover-text);padding:.7rem 1.5rem;border:none;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm);flex-grow:1;min-width:150px;text-align:center;display:flex;align-items:center;justify-content:center}.admin-nav-button:hover{background-color:var(--button-hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-nav-button.active{background-color:var(--button-hover-bg);box-shadow:inset 0 2px 5px #00000040;transform:translateY(0)}.dashboard-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;max-width:1200px;margin-top:1.5rem}.section-title{font-size:1.8rem;color:var(--text-color);margin-bottom:.8rem;border-bottom:1px solid var(--divider-color);padding-bottom:.5rem;width:100%;text-align:center;font-weight:600}.dashboard-section{background-color:var(--surface-color);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.section-description{font-size:.95rem;color:var(--secondary-text-color);margin-bottom:1rem;line-height:1.4;flex-grow:1}.section-button{background-color:var(--primary-color);color:var(--button-hover-text);padding:.7rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm);margin-top:.8rem}.section-button:hover{background-color:var(--button-hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.section-note{font-size:.9rem;color:var(--muted-text-color);margin-top:1.5rem;font-style:italic}.user-management-section,.app-usage-analytics-section,.firebase-analytics-section,.user-history-section{width:100%;max-width:1200px;background-color:var(--surface-color);padding:2.5rem;border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2.5rem;box-sizing:border-box}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.8rem;width:100%}.user-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;padding:1.8rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between}.user-card p{margin:0 0 .6rem;font-size:1rem;color:var(--secondary-text-color)}.user-card p:last-of-type{margin-bottom:0}.toggle-admin-button{padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;margin-left:1.2rem;transition:background-color .3s ease,transform .2s ease;box-shadow:var(--shadow-sm)}.toggle-admin-button.admin:hover{background-color:#c82333;transform:translateY(-1px)}.toggle-admin-button.not-admin:hover{background-color:#218838;transform:translateY(-1px)}.view-history-button{background-color:var(--accent-color);color:var(--button-hover-text);padding:.7rem 1.4rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;margin-top:1.5rem;align-self:flex-start;transition:background-color .3s ease,transform .2s ease;box-shadow:var(--shadow-sm)}.view-history-button:hover{background-color:#0056b3;transform:translateY(-1px)}.user-id{font-size:.85rem;color:var(--muted-text-color);margin-top:.8rem;word-break:break-all}.analytics-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.8rem;margin-bottom:2.5rem}.details-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;padding:1.8rem;box-shadow:var(--shadow-sm)}.details-card h3{color:var(--text-color);font-size:1.3rem;margin-bottom:1.2rem;text-align:center}.details-card ul{list-style:none;padding:0;margin:0}.details-card li{padding:.6rem 0;border-bottom:1px dashed var(--divider-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.95rem;color:var(--secondary-text-color)}.details-card li:last-child{border-bottom:none}.recent-creations-list{display:flex;flex-direction:column;gap:1.2rem}.recent-creation-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;padding:1.2rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.6rem}.recent-creation-item strong{color:var(--text-color)}.recent-creation-image{max-width:180px;height:auto;border-radius:8px;margin-top:.8rem;align-self:center;border:1px solid var(--divider-color)}.firebase-analytics-section ul{list-style-type:disc;margin-left:25px;margin-bottom:1.2rem}.firebase-analytics-section li{margin-bottom:.6rem;color:var(--secondary-text-color);font-size:1rem}.firebase-analytics-section p{color:var(--secondary-text-color);line-height:1.6;margin-bottom:1.2rem;font-size:1rem}.error-message{color:var(--error-color);font-weight:700;text-align:center;margin-top:2rem}.user-history-details-container{padding:2rem;background-color:var(--background-color);border-radius:10px;border:1px solid var(--border-color);margin-top:1.5rem}.user-history-details-container h3{color:var(--text-color);font-size:1.8rem;margin-bottom:1.8rem;text-align:center}.history-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.history-item-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.6rem}.history-item-card p{margin:0;font-size:.95rem;color:var(--secondary-text-color)}.history-item-card strong{color:var(--text-color)}.history-item-image{max-width:100%;height:auto;border-radius:8px;margin-top:.8rem;border:1px solid var(--divider-color)}.back-to-users-button{background-color:var(--primary-color);color:var(--button-hover-text);padding:.8rem 1.8rem;border:none;border-radius:8px;cursor:pointer;font-size:1.05rem;margin-top:2.5rem;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm);align-self:flex-start}.back-to-users-button:hover{background-color:var(--button-hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.admin-dashboard-title{font-size:2.2rem}.section-title{font-size:1.6rem}.admin-nav-button{padding:.6rem 1.2rem;font-size:.95rem;min-width:130px}.dashboard-section{padding:1.2rem}.dashboard-sections-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}}@media (max-width: 768px){.dsk-bottle-app-main{padding:1rem .5rem}.admin-dashboard-title{font-size:2rem;margin-bottom:1.8rem}.admin-nav{flex-direction:column;gap:.75rem;padding:.8rem}.admin-nav-button{width:100%;min-width:unset;padding:.8rem 1rem;font-size:1rem}.section-title{font-size:1.4rem;margin-bottom:.8rem}.dashboard-section{padding:1rem}.dashboard-sections-grid{grid-template-columns:1fr;gap:1rem}.section-button{font-size:.9rem;padding:.6rem 1.2rem}.section-description{font-size:.9rem}}@media (max-width: 480px){.dsk-bottle-app-main{padding:.8rem .2rem}.admin-dashboard-title{font-size:1.8rem;margin-bottom:1.2rem}.admin-nav{padding:.5rem;gap:.5rem}.admin-nav-button{padding:.7rem .8rem;font-size:.9rem}.section-title{font-size:1.2rem;margin-bottom:.6rem}.dashboard-section{padding:.8rem}.section-button{font-size:.8rem;padding:.5rem 1rem}.section-description{font-size:.8rem}}:root{--primary-color: #385ba5;--accent-color: #007bff;--background-color: #f8f9fa;--surface-color: #ffffff;--header-background-color: #ffffff;--text-color: #333333;--secondary-text-color: #555555;--muted-text-color: #888888;--border-color: #e0e0e0;--divider-color: #e9ecef;--button-hover-bg: #0056b3;--button-hover-text: #ffffff;--focus-outline-color: rgba(0, 123, 255, .5);--error-color: #dc3545;--success-color: #28a745;--warning-color: #ffc107;--info-color: #17a2b8;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .08);--shadow-md: 0 5px 15px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .2);--scrollbar-track-color: var(--divider-color);--scrollbar-thumb-color: var(--muted-text-color);--error-color-dark: #c82333;--success-color-dark: #218838;--accent-color-dark: #0056b3;--button-border-color-subtle: rgba(0, 0, 0, .05);--text-color-subtle: #777;--button-hover-background-color-subtle: rgba(0, 0, 0, .03);--button-hover-border-color-subtle: rgba(0, 0, 0, .1);--text-color-subtle-hover: #555}.user-management-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background-color:var(--background-color);min-height:100vh;width:100%;transition:background-color .3s ease}.user-management-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--divider-color);position:relative}.user-management-header h1{font-size:2.5rem;color:var(--primary-color);margin:0;flex-grow:1;text-align:center;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.user-management-back-button{background:none;border:1px solid var(--border-color);color:var(--secondary-text-color);padding:.6rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease-in-out;min-width:40px;height:40px;z-index:1}.user-management-back-button:hover{background-color:#f0f0f0;color:var(--text-color);border-color:var(--border-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.loading-state,.error-message,.no-users-message{text-align:center;font-size:1.2rem;color:var(--secondary-text-color);margin-top:5rem}.error-message{color:var(--error-color);font-weight:700}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%}.user-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.8rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.8rem;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.user-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.user-card p{margin:0;font-size:.95rem;color:var(--secondary-text-color)}.user-card strong{color:var(--text-color)}.user-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:1rem}.toggle-admin-button{padding:.7rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background-color .3s ease,transform .2s ease;box-shadow:var(--shadow-sm)}.toggle-admin-button.admin{background-color:var(--error-color);color:var(--button-hover-text)}.toggle-admin-button.admin:hover{background-color:var(--error-color-dark);transform:translateY(-1px)}.toggle-admin-button.not-admin{background-color:var(--success-color);color:var(--button-hover-text)}.toggle-admin-button.not-admin:hover{background-color:var(--success-color-dark);transform:translateY(-1px)}@media (max-width: 1024px){.user-management-header h1{font-size:2.2rem}.users-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}.user-card{padding:1.5rem}.toggle-admin-button{padding:.6rem 1rem;font-size:.8rem}}@media (max-width: 768px){.user-management-container{padding:1rem .5rem}.user-management-header{flex-direction:row;justify-content:space-between;gap:unset;padding-bottom:1rem;margin-bottom:1.5rem}.user-management-header h1{font-size:2rem;position:static;transform:none;flex-grow:1;text-align:center}.user-management-back-button{width:40px;height:40px;padding:.5rem;font-size:.95rem}.users-grid{grid-template-columns:1fr;gap:1rem}.user-card{padding:1.2rem}.user-card p{font-size:.9rem}.user-actions{flex-direction:column;align-items:stretch;gap:.8rem;width:100%}.toggle-admin-button,.delete-user-button{width:100%;font-size:.85rem;padding:.7rem}.user-search-bar{margin-bottom:2rem}}@media (max-width: 480px){.user-management-container{padding:.8rem .2rem}.user-management-header h1{font-size:1.8rem}.user-management-back-button{font-size:.9rem;padding:.4rem;min-width:35px;height:35px}.user-card{padding:1rem}.user-card p{font-size:.85rem}.toggle-admin-button,.delete-user-button{font-size:.8rem;padding:.6rem}}.user-search-bar{position:relative;width:100%;max-width:600px;margin:0 auto 2.5rem}.user-search-input{width:100%;padding:.9rem 1rem .9rem 2.8rem;border-radius:10px;border:1px solid var(--border-color);font-size:1rem;color:var(--text-color);background-color:var(--surface-color);transition:border-color .2s ease,box-shadow .2s ease}.user-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-outline-color)}.user-search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--muted-text-color);font-size:1.2rem;pointer-events:none}.delete-user-button{padding:.7rem 1.2rem;border:1px solid var(--error-color);background-color:transparent;color:var(--error-color);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;margin-top:0}.delete-user-button:hover,.delete-user-button:focus{background-color:var(--error-color-dark);color:var(--button-hover-text);border-color:var(--error-color-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm);outline:none}.delete-user-button:disabled{background-color:transparent;color:var(--muted-text-color);border-color:var(--muted-text-color);cursor:not-allowed;transform:none;box-shadow:none}@media (min-width: 769px){.user-actions{flex-direction:row;justify-content:space-between;align-items:center}.delete-user-button{margin-top:0}}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%}.analytics-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.8rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.8rem;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.analytics-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.analytics-card .card-title{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.analytics-card p{margin:0;font-size:.95rem;color:var(--secondary-text-color)}.analytics-card .stat-highlight{font-weight:700;color:var(--accent-color);font-size:1.2rem}.chart-container{width:100%;height:250px;margin-top:1rem;background-color:#fdfdfd;border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm)}.chart-container h3{font-size:1.1rem;font-weight:600;margin-bottom:.8rem;color:var(--secondary-text-color)}@media (max-width: 768px){.product-management-container{padding:1rem .5rem}.product-management-header h1{font-size:2rem}.pm-dashboard-section{padding:1.5rem}}:root{--primary-color: #385ba5;--accent-color: #007bff;--background-color: #f8f9fa;--surface-color: #ffffff;--text-color: #333333;--secondary-text-color: #555555;--muted-text-color: #888888;--border-color: #e0e0e0;--divider-color: #e9ecef;--button-hover-bg: #0056b3;--button-hover-text: #ffffff;--focus-outline-color: rgba(0, 123, 255, .5);--error-color: #dc3545;--success-color: #28a745;--warning-color: #ffc107;--info-color: #17a2b8;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .08);--shadow-md: 0 5px 15px rgba(0, 0, 0, .12)}.product-management-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background-color:var(--background-color);min-height:100vh;width:100%}.product-management-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--divider-color);position:relative}.product-management-header h1{font-size:2.5rem;color:var(--primary-color);margin:0;text-align:center;font-weight:700;flex-grow:1}.pm-back-button{background:none;border:1px solid var(--border-color);color:var(--secondary-text-color);padding:.6rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease-in-out;min-width:40px;height:40px;position:absolute;left:0}.pm-back-button:hover{background-color:#f0f0f0;color:var(--text-color);border-color:var(--border-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.product-management-nav{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background-color:var(--surface-color);border-radius:16px;box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:center;width:100%;max-width:900px}.pm-nav-button{background-color:var(--primary-color);color:var(--button-hover-text);padding:.7rem 1.5rem;border:none;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.pm-nav-button:hover{background-color:var(--button-hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pm-nav-button.active{background-color:var(--button-hover-bg);box-shadow:inset 0 2px 5px #00000040}.pm-dashboard-section{width:100%;max-width:1200px;background-color:var(--surface-color);padding:2.5rem;border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2.5rem}.pm-section-title{font-size:1.8rem;color:var(--primary-color);margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--divider-color);font-weight:600}.pm-sub-section-title{font-size:1rem;color:var(--secondary-text-color);margin-bottom:1.5rem;line-height:1.5}.pm-form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:8px}.pm-form-group label{font-weight:600;color:var(--secondary-text-color);font-size:.95em}.pm-form-group input[type=text],.pm-form-group input[type=number],.pm-form-group select{padding:12px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:1em;color:var(--text-color);background-color:var(--background-color);transition:border-color .3s ease,box-shadow .3s ease}.pm-form-group input:focus,.pm-form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-outline-color);outline:none}.pm-small-input{width:80px;text-align:center}.pm-form-group-item{background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:inset 0 1px 3px #0000000d}.pm-color-group-item{background-color:#fcfcfc;border:1px dashed var(--border-color);border-radius:6px;padding:1rem;margin-top:1rem}.pm-color-group-item h5{color:var(--primary-color);margin-top:0;margin-bottom:10px;font-size:1.1em}.pm-button-group{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--divider-color)}.pm-button{padding:12px 25px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.pm-submit-button{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.pm-submit-button:hover:not(:disabled){background-color:var(--button-hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pm-prev-button{background-color:var(--surface-color);color:var(--secondary-text-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.pm-prev-button:hover:not(:disabled){background-color:#e9ecef;transform:translateY(-2px);box-shadow:var(--shadow-md)}.pm-button:disabled{background-color:var(--border-color);color:var(--muted-text-color);cursor:not-allowed;box-shadow:none}.pm-add-small-button,.pm-remove-small-button{border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:all .2s ease;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:5px}.pm-add-small-button{background-color:var(--success-color);color:#fff;padding:8px 15px}.pm-add-small-button:hover{background-color:#218838}.pm-remove-small-button{background-color:var(--error-color);color:#fff;padding:5px 10px}.pm-remove-small-button:hover{background-color:#c82333}.pm-view-switcher{display:flex;justify-content:center;margin-bottom:2rem;gap:10px;background-color:#e9ecef;padding:8px;border-radius:12px}.pm-view-switcher .pm-button-like{padding:10px 20px;border:none;border-radius:8px;background-color:transparent;color:var(--secondary-text-color);font-weight:500;cursor:pointer;transition:all .3s ease}.pm-view-switcher .pm-button-like.active{background-color:var(--surface-color);color:var(--primary-color);box-shadow:var(--shadow-sm)}.pm-progress-indicator{display:flex;justify-content:space-around;margin-bottom:2.5rem;position:relative}.pm-progress-indicator:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:4px;background-color:var(--divider-color);transform:translateY(-50%);z-index:0}.pm-step-circle{width:40px;height:40px;border-radius:50%;background-color:var(--background-color);color:var(--muted-text-color);display:flex;align-items:center;justify-content:center;font-weight:700;border:3px solid var(--border-color);cursor:pointer;transition:all .3s ease;z-index:1;box-shadow:var(--shadow-sm)}.pm-step-circle.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.pm-step-circle.completed{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.pm-image-upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:25px;text-align:center;cursor:pointer;background-color:#fdfdfd;transition:all .3s ease}.pm-image-upload-area:hover{border-color:var(--accent-color);background-color:#f8fbff}.pm-image-preview-container{display:flex;gap:15px;margin-top:15px;justify-content:center}.pm-image-preview-item{position:relative;width:120px;height:120px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.pm-image-preview-item img{width:100%;height:100%;object-fit:cover}.pm-image-remove-button{position:absolute;top:5px;right:5px;background-color:#dc3545cc;color:#fff;border:none;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.pm-supplier-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.pm-supplier-card summary{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;outline:none}.pm-supplier-card summary h4{margin:0;color:var(--primary-color);font-size:1.2em}.pm-supplier-details-content{padding:1.5rem;border-top:1px solid var(--divider-color)}.pm-supplier-sub-section{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed var(--divider-color)}.pm-supplier-color-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pm-status-message{padding:15px 20px;border-radius:8px;margin:1.5rem 0;text-align:center;font-weight:500}.pm-status-message.success{background-color:var(--success-color);color:#fff}.pm-status-message.error{background-color:var(--error-color);color:#fff}.pm-status-message.info{background-color:var(--info-color);color:#fff}@media (max-width: 768px){.product-management-container{padding:1rem .5rem}.product-management-header h1{font-size:2rem}.pm-dashboard-section{padding:1.5rem}.pm-button-group{flex-direction:column;gap:10px}}.pm-product-list-for-editing{margin-top:2rem}.pm-product-table{width:100%;border-collapse:collapse;margin-top:1.5rem;box-shadow:var(--shadow-md);border-radius:8px;overflow:hidden}.pm-product-table th,.pm-product-table td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--divider-color)}.pm-product-table th{background-color:var(--primary-color);color:#fff;font-weight:600;font-size:1rem}.pm-product-table tbody tr{background-color:var(--surface-color);transition:background-color .2s ease}.pm-product-table tbody tr:hover{background-color:#f8f9fa}.pm-product-table .pm-table-cell:last-child{text-align:right}.pm-product-table .pm-button{padding:8px 15px;font-size:.9rem}.pm-button-like-select{appearance:none;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 15px;font-size:1em;color:var(--text-color);cursor:pointer;width:100%;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;transition:border-color .3s ease,box-shadow .3s ease}.pm-button-like-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-outline-color);outline:none}.pm-config-group-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-top:1rem;box-shadow:inset 0 1px 2px #0000000a}.pm-config-group-item h5{color:var(--primary-color);margin-top:0;margin-bottom:1rem;font-size:1.1em;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.admin-settings-page{padding:20px;max-width:1200px;margin:0 auto;font-family:Poppins,sans-serif;color:#333;background-color:#f4f7f6;min-height:100vh}.admin-settings-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.admin-settings-header h1{font-size:2.2em;color:#2c3e50;margin-left:20px}.admin-settings-back-button{background-color:#007bff;color:#fff;border:none;border-radius:8px;padding:10px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1em;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.admin-settings-back-button:hover{background-color:#0056b3;transform:translateY(-2px)}.admin-settings-back-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.admin-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.admin-settings-card{background-color:#fff;border-radius:12px;box-shadow:0 6px 15px #00000014;padding:30px;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.admin-settings-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.card-title{font-size:1.6em;color:#34495e;margin-bottom:15px;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.section-description{font-size:.95em;color:#666;line-height:1.6}.checkbox-group{display:flex;align-items:center;gap:10px;margin-top:20px}.form-checkbox{width:20px;height:20px;accent-color:#007bff;border-radius:4px;cursor:pointer}.form-label-checkbox{font-size:1em;color:#555;cursor:pointer}.save-button,.section-button{background-color:#28a745;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:1.05em;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 8px #0000001a;margin-top:10px;width:fit-content}.save-button:hover,.section-button:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.save-button:active,.section-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.save-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.save-message{margin-top:15px;padding:10px 15px;border-radius:8px;font-size:.95em;font-weight:500;text-align:center}.save-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:15px;border-radius:8px;text-align:center;font-weight:700;margin-top:20px}@media (max-width: 768px){.admin-settings-header{flex-direction:column;align-items:flex-start}.admin-settings-header h1{margin-left:0;margin-top:15px;font-size:1.8em}.admin-settings-grid{grid-template-columns:1fr}.admin-settings-card{padding:20px}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:Poppins,sans-serif;color:#1f2937}.terms-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;background-color:#f9fafb;min-height:100vh;box-sizing:border-box;background-image:url(/assets/app/empty-background.png)}.terms-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:800px;max-height:90vh;width:100%}.section-container{max-height:70vh;overflow-y:auto;padding-right:1rem}.terms-title{font-size:2.5em;color:#1f2937;margin-bottom:10px;text-align:center;font-weight:700}.terms-date{font-size:.9em;color:#777;text-align:center;margin-bottom:30px}.terms-section-title{font-size:1.8em;color:#111827;border-bottom:2px solid #e5e7eb;padding-bottom:10px;margin-bottom:20px}.terms-sub-section-title{font-size:1.2em;color:#374151;margin-top:20px;margin-bottom:10px;font-weight:600}.terms-section{margin-bottom:30px}.terms-section li{margin-bottom:15px;line-height:1.5;color:#374151}.terms-section p{font-size:1em;line-height:1.6;color:#4b5563;margin-bottom:15px}.terms-link{color:#4f46e5;text-decoration:none}.terms-link:hover{text-decoration:underline}@media (max-width: 600px){.terms-card{padding:1.5rem}.terms-title{font-size:1.75rem}.terms-section-title{font-size:1.25rem}.terms-section p{font-size:.95rem}}.privacy-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;background-color:#f9fafb;min-height:100vh;box-sizing:border-box;background-image:url(/assets/app/empty-background.png)}.pvc-section-container{max-height:70vh;overflow-y:auto;padding-right:1rem}.privacy-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:800px;max-height:90vh;width:100%}.privacy-title{font-size:2.5em;color:#1f2937;margin-bottom:10px;text-align:center;font-weight:700}.privacy-date{font-size:.9em;color:#777;text-align:center;margin-bottom:30px}.privacy-section{margin-bottom:30px}.privacy-section-title{font-size:1.8em;color:#111827;border-bottom:2px solid #e5e7eb;padding-bottom:10px;margin-bottom:20px}.privacy-subtitle{font-size:1.2em;color:#374151;margin-top:20px;margin-bottom:10px;font-weight:600}.privacy-body{font-size:1em;line-height:1.6;color:#4b5563;margin-bottom:15px}.privacy-list,.privacy-list-summary,.privacy-list-toc{list-style:none;margin-left:0;padding-left:0}.privacy-list-summary li{margin-bottom:15px;line-height:1.5;color:#374151}.privacy-list-toc li{margin-bottom:8px}.privacy-list-bullets{list-style-type:disc;margin-left:20px;padding-left:0;line-height:1.6;color:#4b5563}.privacy-list-bullets li{margin-bottom:10px}.privacy-link{color:#4f46e5;text-decoration:none}.privacy-link:hover{text-decoration:underline}.highlight{font-weight:700}.privacy-table{width:100%;border-collapse:collapse;margin-top:20px;margin-bottom:20px}.privacy-table th,.privacy-table td{border:1px solid #e5e7eb;padding:12px;text-align:left}.privacy-table th{background-color:#f3f4f6;font-weight:700;color:#111827;text-transform:uppercase}.privacy-table tr:nth-child(2n){background-color:#f9fafb}@media (max-width: 768px){.privacy-card{padding:20px}.privacy-title{font-size:2em}.privacy-section-title{font-size:1.5em}.privacy-subtitle{font-size:1.1em}.privacy-table th,.privacy-table td{padding:8px}}:root{--font-main: "Poppins", sans-serif;--color-bg-dark: #1f1f1f;--color-bg-light: #faf9f7;--color-text-dark: #222222;--color-text-light: #444444;--color-accent: #bfbfbf;--color-accent-alt: #f5c9b8;--color-border: #d6d3ce}.global-styles h1{font-size:3.2rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;color:var(--color-text-dark);font-feature-settings:"liga" on}.global-styles a{color:var(--color-accent);font-weight:600;text-decoration:none;transition:color .3s ease}.global-styles a:hover{color:var(--color-accent-alt);text-decoration:underline}.global-styles button{font-family:var(--font-main);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;border:1.5px solid var(--color-border);background-color:#fff;color:var(--color-text-dark);box-shadow:0 4px 8px #7cc28b40;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.global-styles button:hover{background-color:var(--color-accent);color:#fff;box-shadow:0 6px 12px #7cc28b66}.global-styles button:focus{outline-offset:3px;outline:none}.global-styles .google-icon{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 1px rgba(0,0,0,.1))}