@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary-color:#4361ee;--primary-light:#4895ef;--primary-dark:#3a0ca3;--secondary-color:#f72585;--text-dark:#2b2d42;--text-light:#8d99ae;--background-light:#f8f9fa;--background-white:#fff;--success-color:#4cc9f0;--warning-color:#f8961e;--error-color:#ef476f;--border-radius:10px;--box-shadow:0 4px 20px #00000014;--transition:all 0.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--background-light);color:#2b2d42;color:var(--text-dark);font-family:Poppins,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.app-nav{display:flex;gap:1.5rem}.app-nav a{color:#fff;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease-in-out;transition:var(--transition)}.app-nav a:after{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.app-nav a:hover{transform:translateY(-2px)}.app-nav a:hover:after{width:100%}.app-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.card{background:#fff;background:var(--background-white);border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease-in-out;transition:var(--transition)}.card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.container{max-width:100%;padding:0 1rem}.app-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;margin-top:2rem;padding:2rem 0}.footer-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.footer-brand{flex:1 1;min-width:200px}.footer-title{color:#212529;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.footer-tagline{color:#6c757d;font-size:.9rem}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-links a{color:#495057;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#007bff}.footer-copyright{color:#6c757d;font-size:.85rem;margin-top:1.5rem;text-align:center;width:100%}.footer-disclaimer{font-style:italic;margin-top:.5rem}h2{color:#4361ee;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}h2:after{background:linear-gradient(135deg,#4361ee,#f72585);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}h3{color:#4361ee;color:var(--primary-color);font-weight:600;margin-bottom:1rem}.loading{color:#8d99ae;color:var(--text-light);font-size:1.2rem;height:200px}.loading:after{animation:spin .8s linear infinite;border:3px solid #4895ef;border:3px solid var(--primary-light);border-radius:50%;border-top:3px solid #0000;content:"";height:30px;margin-left:10px;width:30px}.error-message{align-items:center;background-color:#ef476f1a;border-left:4px solid #ef476f;border-left:4px solid var(--error-color);border-radius:10px;border-radius:var(--border-radius);color:#ef476f;color:var(--error-color);display:flex;margin-bottom:1rem;padding:1rem}.error-message:before{content:"⚠️";font-size:1.2rem;margin-right:10px}.success-message{background-color:#4cc9f01a;border-left:4px solid #4cc9f0;border-left:4px solid var(--success-color);border-radius:10px;border-radius:var(--border-radius);margin-bottom:1rem;padding:1rem}.success-message:before{content:"✅";font-size:1.2rem;margin-right:10px}.form-group label{color:#495057}.form-group label svg{color:#4361ee}.form-group input{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{background-color:#fff;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee14;outline:none}.location-button{background:linear-gradient(135deg,#4361ee,#3a0ca3);box-shadow:0 2px 5px #0000001a;padding:.85rem 1rem}.location-button:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);box-shadow:0 4px 8px #00000026}.location-button:disabled{opacity:.7}.location-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.file-input{border:2px dashed #ced4da;border-radius:8px;padding:2rem 1rem;transition:all .3s ease}.file-input:hover{background-color:#e9ecef;border-color:#4361ee}.photo-preview img{border-radius:8px;box-shadow:0 4px 12px #0000001a}.submit-button{transition:all .3s ease}.submit-button:hover{box-shadow:0 6px 15px #4361ee4d}.submit-button:disabled{opacity:.7}.success-content{border:1px solid #f0f0f0;box-shadow:0 4px 15px #0000000d;padding:2.5rem 2rem}.success-message{color:#4361ee;font-weight:500}.success-actions{margin-top:2rem}.add-another-btn,.view-product-btn{border-radius:8px;font-weight:500;padding:.85rem 1.5rem;transition:all .3s ease}.view-product-btn{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff}.add-another-btn{background-color:#f8f9fa;border:1px solid #e9ecef;color:#4361ee}.add-another-btn:hover,.view-product-btn:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.timestamp-indicator{align-items:center;color:#6c757d;display:flex;font-size:.8rem;gap:.5rem;margin-top:.5rem;opacity:.8}@media (max-width:768px){.form-fields,.form-photo{padding:1.25rem}.success-actions{flex-direction:column;gap:.75rem}.add-another-btn,.view-product-btn{width:100%}}.search-input{border:1px solid #e0e0e0;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);margin-bottom:1.5rem;padding:1rem;transition:all .3s ease-in-out;transition:var(--transition)}.search-input:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;outline:none}.product-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style:none}.product-item{background-color:#fff;background-color:var(--background-white);border:1px solid #0000000d;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s ease-in-out;transition:var(--transition)}.product-item:hover{border-color:#4361ee33;box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.product-name{color:#4361ee;color:var(--primary-color);margin-bottom:.5rem}.product-category{font-size:.9rem}.no-results,.product-category{color:#8d99ae;color:var(--text-light)}.no-results{background-color:#fff;background-color:var(--background-white);border-radius:var(--border-radius)}.nearby-prices-screen{width:100%}.screen-header{margin-bottom:1.5rem}.screen-header h2{margin-bottom:.5rem}.subtitle{color:#666;font-size:1rem;margin-bottom:1.5rem}.location-section{background-color:#fff;background-color:var(--background-white);border:1px solid #4361ee0d;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.location-section:hover{border-color:#4361ee1a;box-shadow:0 5px 15px #4361ee1a}.location-header{align-items:center;display:flex;margin-bottom:1rem}.location-header p{align-items:center;color:#555;display:flex;font-size:.95rem;gap:.5rem;margin:0}.location-icon-marker{color:#4361ee;font-size:1rem}.products-section{margin-bottom:2rem}.products-section h3{align-items:center;border-bottom:1px solid #eee;display:flex;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;position:relative}.products-section h3:after{background-color:#4361ee;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:60px}.products-count{color:#666;font-size:.9rem;font-weight:400;margin-left:auto}.loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:3rem 0}.loading-spinner{border:3px solid #4361ee1a;margin-bottom:1rem}.loading p{color:#666;font-size:1rem}.add-first-product{background-color:#f9f9f9;border-radius:10px;margin-top:1rem;padding:2rem;text-align:center}.add-first-product p{color:#666;margin-bottom:1.5rem}.add-first-product button{background-color:#4361ee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.add-first-product button:hover{background-color:#3a56d4;box-shadow:0 4px 10px #4361ee33;transform:translateY(-2px)}.no-results{box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);padding:3rem}.no-results h3{color:#333;margin-bottom:.5rem}.profile-screen{margin:0 auto;max-width:1200px;padding:1.5rem}.profile-header{margin-bottom:2rem}.profile-header h2{color:#333;font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.profile-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr}.profile-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000012;display:flex;flex-direction:column;height:fit-content;padding:2rem;position:sticky;text-align:center;top:1.5rem}.profile-avatar-container{margin-bottom:1.5rem;position:relative}.profile-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 3px 10px #0000001a;height:120px;object-fit:cover;width:120px}.change-avatar-btn{align-items:center;background-color:#4361ee;border:none;border-radius:50%;bottom:0;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;transition:all .2s ease;width:36px}.change-avatar-btn:hover{background-color:#3a56d4;transform:scale(1.1)}.profile-name{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.profile-email{color:#666;font-size:.9rem;margin-bottom:1.5rem}.profile-stats-card{background-color:#f8f9fa;border-radius:10px;display:flex;margin:1rem 0 1.5rem;padding:1rem;width:100%}.stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.stat-divider{background-color:#e0e0e0;margin:0 .5rem;width:1px}.stat-value{font-weight:700}.stat-label{color:#666;font-size:.8rem;margin-top:.25rem}.profile-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}.profile-action-btn{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.profile-action-btn:hover{background-color:#f1f3f5;border-color:#d1d1d1}.profile-action-btn.logout-btn{color:#dc3545;margin-top:.5rem}.profile-action-btn.logout-btn:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.profile-content{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000012;overflow:hidden}.profile-tabs{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.tab-btn.active{background-color:#fff;border-bottom-color:#4361ee;color:#4361ee}.tab-btn:hover:not(.active){background-color:#eaeaea}.tab-content{padding:1.5rem}.contributions-grid,.saved-products-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.contribution-card,.saved-product-card{background-color:#fff;border:1px solid #eaeaea;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:1.25rem;transition:all .2s ease}.contribution-card:hover,.saved-product-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.contribution-header,.saved-product-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.contribution-header h4,.saved-product-header h4{color:#333;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.price-value{color:#333;font-size:1.5rem;margin-bottom:.75rem}.price-details{display:flex;gap:.75rem;margin-bottom:1rem}.quantity-unit{background-color:#f5f5f5;border-radius:4px;color:#555;font-size:.9rem;font-weight:500;padding:.25rem .5rem}.detail-item{align-items:center;background-color:#f9f9f9;border-radius:6px;color:#555;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.detail-item.location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-item.date{color:#666;margin-top:.5rem}.price-range{display:flex;flex-direction:column;margin-bottom:1rem}.price-label{color:#666;font-size:.85rem;margin-bottom:.25rem}.price-values{color:#333;font-size:1.1rem;font-weight:600}.private-badge,.public-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.public-badge{background-color:#4cc9f026;border:1px solid #4cc9f04d;color:#4cc9f0}.private-badge{background-color:#8d99ae26;border:1px solid #8d99ae4d;color:#8d99ae}.no-results{background-color:#f9f9f9;border-radius:10px;color:#666;padding:3rem 1.5rem;text-align:center}.no-results p{font-size:1.1rem;margin-bottom:1.5rem}.add-btn{background-color:#4361ee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.add-btn:hover{background-color:#3a56d4;transform:translateY(-2px)}@media (max-width:991px){.profile-container{gap:1.5rem;grid-template-columns:1fr}.profile-card{position:static;top:auto}}@media (max-width:767px){.contributions-grid,.saved-products-grid{grid-template-columns:1fr}.profile-screen,.tab-content{padding:1rem}.profile-stats-card{padding:.75rem}.stat-value{font-size:1.25rem}}@media (max-width:480px){.profile-tabs{flex-direction:column}.tab-btn{border-bottom:none;border-left:3px solid #0000;padding:.75rem}.tab-btn.active{border-bottom-color:#0000;border-left-color:#4361ee}}.mobile-nav{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:none;left:0;position:fixed;width:100%;z-index:100}.mobile-nav-list{display:flex;justify-content:space-around;list-style:none;margin:0;padding:.75rem 0}.mobile-nav-item{text-align:center}.mobile-nav-link{align-items:center;color:#8d99ae;color:var(--text-light);display:flex;flex-direction:column;font-size:.8rem;text-decoration:none;transition:all .3s ease-in-out;transition:var(--transition)}.mobile-nav-link svg{font-size:1.5rem;margin-bottom:.25rem}.mobile-nav-link.active{color:#4361ee;color:var(--primary-color)}@media (max-width:768px){.app-header{padding:1rem}.app-header h1{font-size:1.5rem}.app-nav{display:none}.mobile-nav{display:block}.app-content{padding-bottom:5rem}.mobile-header-actions{display:flex;gap:1rem}.logo-container{align-items:center;display:flex;justify-content:space-between;width:100%}.app-header-icon{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem}.app-footer{padding-bottom:5rem}.footer-container{flex-direction:column;gap:1rem}.footer-brand,.footer-links{text-align:center;width:100%}.footer-links{justify-content:center}}@media (max-width:480px){.app-header h1,h2{font-size:1.5rem}.app-nav{font-size:.9rem;gap:.8rem}.card{padding:1rem}.add-product-screen{padding:1.5rem}.profile-tab{font-size:.9rem;padding:.5rem .75rem}}.logo-container{align-items:center;display:flex;justify-content:space-between;width:100%}.mobile-menu-toggle{background:#0000;border:none;box-shadow:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.mobile-menu-toggle:hover{background:#0000;box-shadow:none;transform:none}.app-nav a{align-items:center;display:flex;gap:.5rem}.app-nav a svg{font-size:1.2rem}.add-product-screen{max-width:600px}.form-fields,.form-photo{background:#fff;background:var(--background-white);border:1px solid #0000000d;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);margin-bottom:1.5rem;padding:1.5rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group:last-child{margin-bottom:0}.form-group label{align-items:center;color:#2b2d42;color:var(--text-dark);display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:.75rem}.form-group input,.form-group select{background-color:#f8f9fa;border:1px solid #e9ecef;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:#4361ee}.location-button{background:linear-gradient(135deg,#4cc9f0,#4361ee);box-shadow:0 3px 10px #4cc9f033;font-size:.95rem;padding:.75rem;width:100%}.location-button:hover{background:linear-gradient(135deg,#4361ee,#4cc9f0);transform:translateY(-2px)}.location-button:disabled{background:linear-gradient(135deg,#e9ecef,#dee2e6);color:#6c757d}.location-info{background-color:#4cc9f01a;border-left:3px solid #4cc9f0;border-radius:10px;border-radius:var(--border-radius);font-size:.9rem;margin-top:.75rem;padding:.75rem 1rem}.location-info p{margin:.25rem 0}.submit-button{background:linear-gradient(135deg,#4361ee,#3a0ca3);box-shadow:0 4px 15px #4361ee4d;font-weight:500;letter-spacing:.5px;width:100%}.submit-button:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);box-shadow:0 6px 20px #4361ee66;transform:translateY(-3px)}.submit-button:disabled{background:#6c757d;box-shadow:none}.file-input{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:10px;border-radius:var(--border-radius);cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease-in-out;transition:var(--transition);width:100%}.file-input:hover{background-color:#4cc9f00d;border-color:#4cc9f0}.photo-preview{align-items:center;display:flex;flex-direction:column;margin-top:1rem}.photo-preview img{max-height:300px;max-width:100%;object-fit:cover;width:auto}.photo-preview img,.success-content{border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow)}.success-content{background:#fff;background:var(--background-white)}.success-message{align-items:center;color:#4cc9f0;color:var(--success-color);font-size:1.1rem;gap:.75rem;margin-bottom:1.5rem}.success-actions,.success-message{display:flex;justify-content:center}.success-actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.view-product-btn{background:linear-gradient(135deg,#4cc9f0,#4361ee);border-radius:8px;padding:.75rem 1.5rem}.view-product-btn:hover{background:linear-gradient(135deg,#4361ee,#4cc9f0)}.add-another-btn{background:linear-gradient(135deg,#4361ee,#3a0ca3);border-radius:8px;padding:.75rem 1.5rem}.add-another-btn:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee)}.detect-location-btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#4361ee;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem .85rem;transition:all .2s ease;white-space:nowrap}.detect-location-btn:hover{background-color:#4361ee;border-color:#4361ee;color:#fff}.detect-location-btn:disabled{cursor:not-allowed;opacity:.6}.radius-control{margin-top:1.25rem}.radius-control label{color:#555;display:block;font-size:.95rem;font-weight:400;margin-bottom:.7rem}.radius-control strong{color:#333}.radius-control input{accent-color:#4361ee;accent-color:var(--primary-color);border-radius:3px;height:6px;width:100%}.update-location-btn{align-items:center;background-color:#4361ee;border:none;border-radius:8px;box-shadow:0 2px 6px #4361ee40;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .3s ease;width:100%}.update-location-btn:before{background:linear-gradient(45deg,#ffffff1a,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.update-location-btn:hover{background-color:#3a56d4;box-shadow:0 4px 12px #4361ee4d;transform:translateY(-2px)}.update-location-btn:hover:before{opacity:1}.update-location-btn:active{box-shadow:0 2px 4px #4361ee33;transform:translateY(0)}.update-location-btn:disabled{background-color:#a5b4fc;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.location-icon{font-size:1.25rem;line-height:1}.nearby-products-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.product-group{background-color:#fff;background-color:var(--background-white);border:1px solid #00000008;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 3px 12px #0000000d;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.5rem;position:relative;transition:all .35s ease}.product-group:before{background:linear-gradient(90deg,#4361ee,#4cc9f0);content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .35s ease;width:100%}.product-group:hover{border-color:#4361ee1a;box-shadow:0 10px 25px #4361ee26;transform:translateY(-6px)}.product-group:hover:before{opacity:1}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:1.25rem;overflow:hidden;padding-bottom:.75rem;position:relative}.product-name:after{background-color:#f0f0f0;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease,background-color .3s ease;width:40px}.product-group:hover .product-name:after{background-color:#4361ee;width:60px}.price-entries{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-top:auto}.price-entry{background-color:#f9f9f9;border:1px solid #f0f0f0;border-radius:10px;display:flex;flex-direction:column;gap:.6rem;padding:.85rem;transform:translateY(0);transition:all .3s ease}.product-group:hover .price-entry{background-color:#f5f9ff;border-color:#e6eeff}.price-value{align-items:center;color:#4361ee;display:flex;font-size:1.15rem;font-weight:600;gap:.25rem}.shop-name{color:#555;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date{align-items:center;color:#888;display:flex;font-size:.8rem;gap:.35rem}.more-entries{background-color:#4361ee0d;border:1px solid #4361ee1a;border-radius:8px;color:#4361ee;font-size:.85rem;font-weight:500;grid-column:1/-1;margin-top:.75rem;padding:.6rem;text-align:center;transition:all .3s ease}.product-group:hover .more-entries{background-color:#4361ee1a}.no-entries{background-color:#f9f9f9;border-radius:8px;color:#888;font-size:.9rem;font-style:italic;grid-column:1/-1;padding:1rem;text-align:center}.price-trends-screen{margin:0 auto;max-width:900px;padding:1.5rem}.price-trends-screen h2{border-bottom:1px solid #eaeaea;color:#333;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative}.price-trends-screen h2:after{background:linear-gradient(90deg,#4361ee,#4cc9f0);border-radius:2px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:80px}.trends-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.timeframe-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.timeframe-buttons button{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.timeframe-buttons button:hover{background-color:#e9ecef;border-color:#dee2e6}.timeframe-buttons button.active{background-color:#4361ee;border-color:#4361ee;box-shadow:0 2px 6px #4361ee40;color:#fff}.action-buttons{gap:.75rem}.alert-button,.export-button{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;transition:all .3s ease}.alert-button{background:linear-gradient(135deg,#4cc9f0,#4361ee);border:none;box-shadow:0 2px 6px #4cc9f040;color:#fff}.alert-button:hover{background:linear-gradient(135deg,#4361ee,#4cc9f0);box-shadow:0 4px 8px #4cc9f04d;transform:translateY(-2px)}.export-button{background-color:#f8f9fa;border:1px solid #e9ecef;color:#4361ee}.export-button:hover{background-color:#4cc9f01a;border-color:#4cc9f04d;transform:translateY(-2px)}.chart-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px #00000014;height:400px;margin-bottom:2rem;max-height:60vh;padding:1.5rem;position:relative}.no-data{align-items:center;background-color:#f9f9f9;border-radius:8px;color:#6c757d;display:flex;flex-direction:column;font-size:1.1rem;gap:1rem;height:100%;justify-content:center;padding:2rem;text-align:center}.price-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-item{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:1.25rem;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#4361ee1a;box-shadow:0 5px 15px #00000014;transform:translateY(-3px)}.stat-label{color:#6c757d;display:block;font-size:.9rem;margin-bottom:.5rem}.stat-value{align-items:center;color:#4361ee;font-size:1.5rem;font-weight:600;gap:.4rem}.navigation-buttons,.stat-value{display:flex;justify-content:center}.navigation-buttons{margin-top:1rem}.navigation-buttons button{align-items:center;background-color:#fff;border:1px solid #4361ee;border-radius:8px;color:#4361ee;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.navigation-buttons button:hover{background-color:#4361ee;box-shadow:0 4px 10px #4361ee33;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.trends-controls{align-items:stretch;flex-direction:column;gap:1rem}.action-buttons,.timeframe-buttons{flex-wrap:wrap;gap:.5rem;justify-content:space-between;width:100%}.alert-button,.export-button,.live-data-button,.refresh-button,.sample-button,.timeframe-buttons button{flex:1 1;font-size:.85rem;min-width:95px;padding:.6rem}.alert-button,.export-button{padding:.6rem .5rem}.chart-container{height:300px;padding:1rem}.price-stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:.75rem}.stat-value{font-size:1.2rem}.screen-header-with-badge{align-items:flex-start;flex-direction:column;gap:.5rem}.sample-data-badge{margin-left:0}.price-trends-screen h2{font-size:1.5rem}.no-data{padding:1.5rem 1rem}.no-data-actions{flex-direction:column;gap:.5rem}.refresh-button-alt,.sample-button-alt{margin-left:0;width:100%}.error-actions{flex-direction:column;width:100%}.navigation-buttons button,.retry-button,.sample-button{width:100%}}@media (max-width:480px){.action-buttons .button-text,.navigation-buttons .button-text,.refresh-button-alt .button-text,.sample-button-alt .button-text,.timeframe-buttons .button-text{display:none}.action-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.action-buttons button{justify-content:center;min-width:42px;padding:.75rem .5rem;width:100%}.timeframe-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr}.refresh-button-alt,.sample-button-alt,.timeframe-buttons button{padding:.75rem .5rem}button{min-height:44px}.screen-header-with-badge h2{font-size:1.35rem;line-height:1.3;word-break:break-word}}.debug-info{background-color:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;margin-top:2rem;padding:1rem}.debug-info details{cursor:pointer}.debug-info summary{color:#6c757d;font-weight:500;padding:.5rem}.debug-info pre{background-color:#f1f3f5;border-radius:4px;color:#495057;font-family:monospace;font-size:.8rem;margin-top:.5rem;overflow-x:auto;padding:1rem;white-space:pre-wrap}.live-data-button,.sample-button{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;transition:all .3s ease}.sample-button{background-color:#f1f3f5;border:1px solid #e9ecef;color:#495057}.sample-button:hover{background-color:#e9ecef;transform:translateY(-2px)}.live-data-button{background-color:#eef2ff;border:1px solid #dbe4ff;color:#4361ee}.live-data-button:hover{background-color:#dbe4ff;transform:translateY(-2px)}.sample-button-alt{align-items:center;background-color:#f1f3f5;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-left:.5rem;margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease}.sample-button-alt:hover{background-color:#6c757d1a;border-color:#6c757d33}.sample-data-badge{align-items:center;background-color:#f1f3f5;border:1px solid #e9ecef;border-radius:20px;color:#6c757d;display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem;margin-left:1rem;padding:.3rem .6rem;vertical-align:middle}.screen-header-with-badge{align-items:center;display:flex;margin-bottom:1.5rem}.screen-header-with-badge h2{margin-bottom:0}.error-actions,.no-data-actions{display:flex;gap:.75rem;margin-top:1rem}.chart-loading,.no-data-actions{justify-content:center}.chart-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #4361ee1a;border-radius:50%;border-top-color:#4361ee;height:40px;width:40px}.chart-loading p{color:#6c757d;font-size:1rem;margin:0}.refresh-button{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;transition:all .3s ease}.refresh-button:hover{background-color:#e9ecef;transform:translateY(-2px)}.refresh-button svg{animation:none}.refresh-button:active svg{animation:spin 1s linear}.refresh-button-alt{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#4361ee;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease}.refresh-button-alt:hover{background-color:#4361ee1a;border-color:#4361ee4d}.retry-button{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#4361ee;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.retry-button:hover{background-color:#4361ee1a;border-color:#4361ee4d;transform:translateY(-2px)}.error-container{align-items:center;display:flex;flex-direction:column}.button-text{display:inline}@media (max-width:480px){.action-buttons .button-text{display:none}.action-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.action-buttons button{justify-content:center;width:100%}.timeframe-buttons{display:grid;grid-template-columns:1fr 1fr 1fr}.timeframe-buttons .button-text{display:none}.price-stats{grid-template-columns:1fr}.debug-info pre{font-size:.7rem}.chart-container{height:250px}.navigation-buttons{padding:0 1rem}}.product-management-screen{margin:0 auto;max-width:1200px;padding:1rem}.management-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1.5rem 0}.search-container{flex:1 1;min-width:250px;position:relative}.search-icon{color:#666;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem .75rem .75rem 2.5rem;width:100%}.sort-controls{flex-wrap:wrap;gap:.5rem}.sort-controls,.sort-label{align-items:center;display:flex}.sort-label{color:#666;font-size:.9rem;gap:.25rem}.sort-button{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:all .2s ease}.sort-button.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.products-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.product-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.product-content{flex:1 1}.product-name{color:#333;font-size:1.2rem;margin:0 0 .5rem}.product-category{background:#f0f7ff;border-radius:4px;color:#4a90e2;display:inline-block;font-size:.85rem;margin-bottom:.75rem;padding:.25rem .5rem}.product-slug{color:#666;font-size:.85rem;margin-top:.5rem}.product-slug .label{color:#555;font-weight:500}.product-actions{border-top:1px solid #eee;display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.edit-btn{background:#e3f2fd;color:#2196f3}.edit-btn:hover{background:#2196f3;color:#fff}.delete-btn{background:#fee8e7;color:#f44336}.delete-btn:hover{background:#f44336;color:#fff}.delete-confirmation-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#f8f8f8;display:flex;gap:.75rem;padding:1.25rem}.modal-header h3{color:#333;font-size:1.25rem;margin:0}.warning-icon{color:#f44336;font-size:1.5rem}.modal-body{padding:1.5rem}.warning-text{align-items:flex-start;background:#fff5f5;border-radius:4px;color:#f44336;display:flex;font-size:.9rem;gap:.5rem;margin:1rem 0;padding:.75rem}.modal-footer{background:#f8f8f8;display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem}.cancel-btn,.delete-confirm-btn{border-radius:4px;cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#555}.cancel-btn:hover{background:#e0e0e0}.delete-confirm-btn{background:#f44336;border:1px solid #f44336;color:#fff}.delete-confirm-btn:hover{background:#e53935}.cancel-btn:disabled,.delete-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.action-result{align-items:center;border-radius:4px;display:flex;gap:.75rem;margin:1rem 0;padding:1rem;position:relative}.action-result.success{background:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.action-result.error{background:#ffebee;border-left:4px solid #c62828;color:#c62828}.close-btn{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1rem;opacity:.7;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.close-btn:hover{opacity:1}@media (max-width:768px){.management-toolbar{align-items:stretch;flex-direction:column}.products-grid{grid-template-columns:1fr}.product-actions,.sort-controls{justify-content:center}.modal-content{width:95%}.modal-footer{flex-direction:column}.cancel-btn,.delete-confirm-btn{width:100%}}.add-product-screen{margin:0 auto;max-width:700px;padding:1rem}.add-product-screen h2{border-bottom:2px solid #4361ee;color:#333;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.product-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;padding:1.5rem}.form-section h3{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem;position:relative}.form-section h3:after{background-color:#4361ee;border-radius:1px;bottom:-.5rem;content:"";height:3px;left:0;position:absolute;width:2rem}.form-field{margin-bottom:1.25rem}.form-field:last-child{margin-bottom:0}.form-field label{align-items:center;color:#333;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.field-icon{color:#4361ee;font-size:1rem}.required{color:#ff4d6d;font-weight:700}.form-field input,.form-field select{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-field input:focus,.form-field select:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr}.unit-price{background-color:#4361ee0d;border-radius:4px;color:#4361ee;font-size:.85rem;gap:.35rem;margin-top:.5rem;padding:.35rem .5rem;width:fit-content}.location-field,.unit-price{align-items:center;display:flex}.location-field{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;gap:1rem;padding:.75rem}.location-status{flex:1 1}.location-empty,.location-info p,.location-loading{font-size:.9rem;margin:0}.location-info p{color:#333;font-weight:500}.location-empty{color:#6c757d}.location-loading{align-items:center;color:#6c757d;display:flex;gap:.5rem}.location-loading:after{animation:spin 1s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#4361ee;content:"";height:1rem;width:1rem}.location-button{align-items:center;background-color:#4361ee;border:none;border-radius:8px;box-shadow:0 2px 4px #4361ee33;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.6rem 1rem;transition:all .3s ease;white-space:nowrap}.location-button:hover{background-color:#3051d3;box-shadow:0 3px 6px #4361ee4d;transform:translateY(-1px)}.location-button:active{box-shadow:0 1px 2px #4361ee33;transform:translateY(0)}.location-button:disabled{background-color:#a5b4fc;box-shadow:none;cursor:not-allowed;transform:none}.button-icon{font-size:1.1rem}.unit-selector{transition:all .2s ease}.unit-selector:hover{background-color:#f0f2f5}.unit-selector select{font-weight:500}.unit-selector:after{transition:all .2s ease}.unit-selector:hover:after{border-top-color:#333}.unit-selector select option{font-weight:400;padding:8px}.privacy-toggle{display:flex;flex-direction:column;gap:.75rem}.toggle-option{position:relative}.toggle-option input[type=radio]{opacity:0;position:absolute}.toggle-option label{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin:0;padding:.75rem;transition:all .2s ease}.toggle-option input[type=radio]:checked+label{background-color:#4361ee0d;border-color:#4361ee}.toggle-option label div{display:flex;flex-direction:column}.option-title{color:#333;font-size:.95rem;font-weight:500}.option-desc{color:#6c757d;font-size:.8rem;margin-top:.15rem}.modern-quantity-unit{border:1px solid #e0e0e0;border-radius:8px;display:flex;overflow:hidden;position:relative;transition:all .2s ease}.modern-quantity-unit:focus-within{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a}.modern-quantity-unit input{border:none;border-radius:0;border-bottom-left-radius:8px;border-top-left-radius:8px;flex:1 1;padding-right:.5rem}.modern-quantity-unit input:focus{box-shadow:none}.unit-selector{background-color:#f8f9fa;border-left:1px solid #e0e0e0;position:relative;width:80px}.unit-selector select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:#333;cursor:pointer;font-size:.9rem;height:100%;padding:.75rem .5rem;text-align:center;width:100%}.unit-selector:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #666;content:"";height:0;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0}.unit-selector select:focus{box-shadow:none;outline:none}.modern-photo-upload{width:100%}.photo-dropzone{align-items:center;background-color:#fafafa;border:2px dashed #e0e0e0;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:180px;transition:all .2s ease;width:100%}.photo-dropzone:hover{background-color:#4361ee08;border-color:#4361ee}.photo-dropzone-content{align-items:center;display:flex;flex-direction:column;padding:2rem;text-align:center}.upload-icon{color:#4361ee;font-size:2.5rem;margin-bottom:1rem}.upload-text{display:flex;flex-direction:column;gap:.25rem}.primary-text{color:#333;font-size:1.1rem;font-weight:500}.secondary-text{color:#666;font-size:.9rem}.photo-preview-container{border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;position:relative;width:100%}.photo-preview-container img{background-color:#f8f9fa;display:block;max-height:300px;object-fit:contain;width:100%}.photo-controls{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:space-evenly;left:0;padding:.75rem;position:absolute;right:0;transition:opacity .3s ease}.photo-preview-container:hover .photo-controls{opacity:1}.photo-change-button,.photo-remove-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.photo-change-button{background-color:#4361ee;color:#fff}.photo-change-button:hover{background-color:#3a56d4}.photo-remove-button{background-color:#ffffff26;color:#fff}.photo-remove-button:hover{background-color:#ffffff40}.submit-button{background-color:#4361ee;border:none;border-radius:8px;box-shadow:0 4px 12px #4361ee33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .2s ease}.submit-button:hover{background-color:#3a56d4;transform:translateY(-2px)}.submit-button:disabled{background-color:#a5b4fc;cursor:not-allowed;transform:none}.success-content{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex-direction:column;padding:2rem;text-align:center}.success-content,.success-icon{align-items:center;display:flex}.success-icon{background-color:#4ade80;border-radius:50%;color:#fff;font-size:2rem;height:4rem;justify-content:center;margin-bottom:1.5rem;width:4rem}.success-content h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.success-content p{color:#6c757d;margin-bottom:2rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.primary-button,.secondary-button{border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.primary-button{background-color:#4361ee;border:none;color:#fff}.primary-button:hover{background-color:#3a56d4;transform:translateY(-2px)}.secondary-button{background-color:#fff;border:1px solid #4361ee;color:#4361ee}.secondary-button:hover{background-color:#4361ee0d;transform:translateY(-2px)}.alert{border-radius:8px;margin-bottom:1.5rem;padding:1rem}.alert p{margin:0}.alert.error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#ef4444}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:576px){.form-row{gap:.75rem;grid-template-columns:1fr}.location-field{align-items:flex-start;flex-direction:column;gap:.75rem}.action-buttons{flex-direction:column;width:100%}.primary-button,.secondary-button{width:100%}}.input-tools{margin-top:-.75rem}.input-tools-label{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.input-tools .barcode-scanner{background-color:initial;box-shadow:none}.input-tools .input-with-actions{margin-bottom:0}.input-tools .input-with-actions .input-wrapper{flex:1 1;position:relative}.input-tools .barcode-input{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:2.5rem}.input-tools .action-button{align-items:center;background-color:#4361ee;border:none;border-bottom-left-radius:0;border-top-left-radius:0;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.input-tools .action-button:hover{background-color:#3a56d4}.input-tools .button-text{margin-left:.5rem}.input-tools .clear-button{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.input-tools .clear-button:hover{color:#dc3545}.input-tools .scanner-container{border:1px solid #e0e0e0;border-radius:8px;margin-top:1rem;overflow:hidden}.input-tools .error-message{color:#dc3545;font-size:.85rem;margin-top:.5rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}.photo-controls{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;opacity:1;padding-top:1rem;position:relative}.photo-change-button,.photo-remove-button{flex:1 1;justify-content:center}.photo-change-button{background-color:#4361ee;color:#fff}.photo-remove-button{background-color:#f8f9fa;border:1px solid #e0e0e0;color:#dc3545}}.photo-input{display:none}.time-indicator{align-items:center;color:#6c757d;display:flex;font-size:.85rem;gap:.5rem;padding:0 .5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:3fr 2fr;margin-bottom:1.5rem}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.compact-photo-upload{margin-bottom:.5rem;width:100%}.compact-dropzone{align-items:center;background-color:#fafafa;border:1px dashed #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease}.compact-dropzone:hover{background-color:#4361ee08;border-color:#4361ee}.upload-icon-small{color:#4361ee;font-size:1.2rem}.compact-preview{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;padding:.5rem}.compact-preview img{border-radius:4px;height:60px;object-fit:cover;width:60px}.compact-controls{display:flex;gap:.5rem;margin-left:auto}.photo-action-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.photo-action-btn.change{color:#4361ee}.photo-action-btn.change:hover{background-color:#4361ee1a}.photo-action-btn.remove{color:#dc3545}.photo-action-btn.remove:hover{background-color:#dc35451a}
/*# sourceMappingURL=main.29eef544.css.map*/