:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--success-color:#10b981;--success-hover:#059669;--warning-color:#f59e0b;--danger-color:#ef4444;--background-bg:#f3f4f6;--card-bg:hsla(0,0%,100%,.9);--text-dark:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--input-bg:#fff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--glass-bg:hsla(0,0%,100%,.75);--glass-border:hsla(0,0%,100%,.5);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.07)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-bg);background:linear-gradient(135deg,#fdfbfb,#ebedee);color:var(--text-dark);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:1.5rem}.container{margin:0 auto;max-width:640px;padding:1rem}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-weight:700}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-2{padding:.5rem}.p-4{padding:1rem}.flex-responsive{display:flex;flex-direction:row}@media(max-width:480px){.flex-responsive{align-items:stretch!important;flex-direction:column}.w-full-mobile{width:100%!important}}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-dark);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-control{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-dark);font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633;outline:none}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.checkbox-wrap{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-input{accent-color:var(--primary-color);border-color:var(--border-color);border-radius:var(--radius-sm);color:var(--primary-color);cursor:pointer;height:1.25rem;width:1.25rem}.checkbox-label{color:var(--text-dark);cursor:pointer;font-size:.875rem}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary-color);box-shadow:0 4px 14px #3b82f663;color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 6px 20px #3b82f63b;transform:translateY(-1px)}.btn-success{background-color:var(--success-color);box-shadow:0 4px 14px #10b98163;color:#fff}.btn-success:hover{background-color:var(--success-hover);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-dark)}.btn-outline:hover{background-color:var(--background-bg);border-color:var(--text-muted)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-sm{border-radius:var(--radius-sm);font-size:.75rem;padding:.375rem .75rem}.btn-block{width:100%}.segmented-control{background-color:var(--border-color);border-radius:var(--radius-md);display:flex;margin-bottom:1.5rem;padding:.25rem}.segmented-control button{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1;font-size:.8125rem;font-weight:600;padding:.5rem;transition:all .25s ease}.segmented-control button.active{background-color:#fff;box-shadow:var(--shadow-sm);color:var(--primary-color)}.badge{background-color:var(--danger-color);border-radius:9999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:1.25rem;line-height:1;margin-left:.5rem;min-width:1.25rem;padding:0 .375rem}.badge,.upload-area{align-items:center;justify-content:center}.upload-area{background-color:#ffffff80;border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:2rem;text-align:center;transition:all .2s}.upload-area:hover{background-color:#3b82f60d;border-color:var(--primary-color)}.image-preview-grid{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin-top:1rem}.image-preview-item{aspect-ratio:1;background-color:var(--border-color);border-radius:var(--radius-sm);overflow:hidden;position:relative}.image-preview-item img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.remove-image-btn{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:10px;height:20px;position:absolute;right:4px;top:4px;width:20px}.modal-overlay,.remove-image-btn{align-items:center;display:flex;justify-content:center}.modal-overlay{animation:fadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#00000080;inset:0;padding:1rem;position:fixed;z-index:50}.modal-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;background-color:#f8fafc;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-footer{background-color:#f8fafc;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.required-star{color:var(--danger-color);margin-right:.25rem}.map-container{background-color:#e5e7eb;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0000000f;height:150px;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative}.map-container,.product-card{align-items:center;display:flex}.product-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;margin-bottom:.75rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.product-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.product-card.selected{background-color:#3b82f608;border-color:var(--primary-color)}.product-image{background-color:var(--background-bg);border-radius:var(--radius-sm);flex-shrink:0;height:48px;margin-right:1rem;-o-object-fit:cover;object-fit:cover;width:48px}.product-info{flex:1}.product-title{color:var(--text-dark);font-size:.875rem;font-weight:600;margin-bottom:.125rem}.product-category{color:var(--text-muted);font-size:.75rem}.category-header{border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem;font-weight:700;margin:1.5rem 0 .75rem;padding-bottom:.25rem;text-transform:uppercase}@media(max-width:640px){.container{padding:.75rem}.glass-panel{border-radius:var(--radius-md);padding:1rem}.image-preview-grid{grid-template-columns:repeat(3,1fr)}.modal-content{max-height:95vh;max-width:95%}}@media(max-width:480px){.container{padding:.5rem}.form-control{font-size:1rem;padding:.625rem .875rem}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.btn{font-size:.875rem;padding:.625rem 1rem}.modal-body,.modal-footer,.modal-header{padding:.75rem 1rem}}@keyframes bounce-67cfa1ae{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.animate-bounce[data-v-67cfa1ae]{animation:bounce-67cfa1ae 2s infinite}
