.navbar[data-v-ee01c77b]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--color-deep-teal);color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-bottom:2rem;position:relative;overflow:hidden}.navbar[data-v-ee01c77b]:after{content:"";position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:50%;background-color:var(--color-yellow);opacity:.4;box-shadow:0 0 10px 5px var(--color-yellow)}.navbar[data-v-ee01c77b]:before{content:"";position:absolute;bottom:-5px;left:20%;width:10px;height:10px;border-radius:50%;background-color:var(--color-yellow);opacity:.3;box-shadow:0 0 10px 3px var(--color-yellow)}.nav-logo[data-v-ee01c77b]{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--color-beige)}.nav-links[data-v-ee01c77b]{display:flex;gap:1rem}.nav-button[data-v-ee01c77b]{background:#ffffff1a;color:var(--color-beige);border:none;padding:.6rem 1.2rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease}.nav-button[data-v-ee01c77b]:hover{background:var(--color-orange);transform:translateY(-2px)}.logout[data-v-ee01c77b]{background:#e17b4f4d}.logout[data-v-ee01c77b]:hover{background:var(--color-orange)}@media (max-width: 768px){.navbar[data-v-ee01c77b]{flex-direction:column;gap:1rem;padding:1rem}.nav-links[data-v-ee01c77b]{width:100%;justify-content:center}}@media (max-width: 480px){.nav-button[data-v-ee01c77b]{padding:.5rem .8rem;font-size:.9rem}}:root{--color-teal: #1e4e5f;--color-deep-teal: #0e3a45;--color-light-teal: #5f8a95;--color-orange: #e17b4f;--color-beige: #f4e9d3;--color-yellow: #f9d86c;--color-dark: #062731;--color-text: #2c3539;--color-light-text: #6a7d83}body{margin:0;padding:0;background-color:var(--color-beige);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--color-text);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23d8c6af' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E")}.app-container{max-width:1000px;margin:2rem auto;padding:0 1rem}@media (max-width: 768px){.app-container{margin:1rem auto}}.toast[data-v-eaae5bae]{position:fixed;top:20px;right:20px;display:flex;align-items:center;padding:12px 16px;border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:9999;min-width:280px;max-width:400px}.toast.success[data-v-eaae5bae]{background-color:#2cb173f2;color:#fff;border-left:4px solid #25965f}.toast.error[data-v-eaae5bae]{background-color:#f35e3ef2;color:#fff;border-left:4px solid #d84c37}.toast.info[data-v-eaae5bae]{background-color:#1e4e5ff2;color:#fff;border-left:4px solid var(--color-deep-teal)}.toast.warning[data-v-eaae5bae]{background-color:#f9d86cf2;color:#333;border-left:4px solid #e9c23d}.toast-icon[data-v-eaae5bae]{margin-right:12px;display:flex;align-items:center;justify-content:center}.toast-content[data-v-eaae5bae]{flex:1;font-weight:500}.toast-close[data-v-eaae5bae]{background:none;border:none;font-size:20px;color:currentColor;cursor:pointer;opacity:.7;transition:opacity .2s;padding:0 0 0 10px}.toast-close[data-v-eaae5bae]:hover{opacity:1}.toast-enter-active[data-v-eaae5bae],.toast-leave-active[data-v-eaae5bae]{transition:all .3s ease}.toast-enter-from[data-v-eaae5bae],.toast-leave-to[data-v-eaae5bae]{transform:translate(100%);opacity:0}.home-container[data-v-a16447d7]{max-width:1000px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px #0e3a451f;position:relative}.home-container[data-v-a16447d7]:before{content:"";position:absolute;top:15px;right:15px;width:6px;height:6px;border-radius:50%;background-color:var(--color-yellow);box-shadow:0 0 8px 4px #f9d86c99}.home-container[data-v-a16447d7]:after{content:"";position:absolute;bottom:20px;left:25px;width:4px;height:4px;border-radius:50%;background-color:var(--color-yellow);box-shadow:0 0 6px 3px #f9d86c80}h1[data-v-a16447d7]{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,var(--color-teal),var(--color-deep-teal));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}p[data-v-a16447d7]{color:var(--color-text);font-size:1.1rem}.upload-area[data-v-a16447d7]{border:2px dashed var(--color-light-teal);border-radius:20px;padding:3rem;text-align:center;background-color:#fff;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;margin-bottom:2rem;min-height:200px;box-shadow:0 4px 12px #00000008}.upload-area.dragging[data-v-a16447d7]{background-color:#1f4e5f0d;border-color:var(--color-teal);transform:scale(1.02);box-shadow:0 12px 40px #0e3a4526}.upload-area.has-files[data-v-a16447d7]{background-color:#fff;border-style:solid;border-color:var(--color-light-teal)}.upload-prompt[data-v-a16447d7]{display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-icon[data-v-a16447d7]{color:var(--color-light-text);margin-bottom:1.2rem;transition:all .4s ease}.upload-area:hover .upload-icon[data-v-a16447d7]{color:var(--color-teal);transform:translateY(-8px) scale(1.1)}.browse-link[data-v-a16447d7]{color:var(--color-orange);text-decoration:underline;cursor:pointer;font-weight:500;transition:all .2s ease}.browse-link[data-v-a16447d7]:hover{color:var(--color-deep-teal);text-decoration:none}.file-input[data-v-a16447d7]{display:none}.preview-container[data-v-a16447d7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.preview-item[data-v-a16447d7]{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .35s cubic-bezier(.165,.84,.44,1)}.preview-item[data-v-a16447d7]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.preview-image[data-v-a16447d7]{width:100%;height:160px;background-size:cover;background-position:center;position:relative}.remove-button[data-v-a16447d7]{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background-color:#ffffffe6;border:none;color:#ff4757;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;opacity:0;transform:scale(.8)}.preview-item:hover .remove-button[data-v-a16447d7]{opacity:1;transform:scale(1)}.remove-button[data-v-a16447d7]:hover{background-color:#ff4757;color:#fff;transform:scale(1.1)}.file-name[data-v-a16447d7]{padding:12px;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#fff;font-weight:500;color:#444;border-top:1px solid #f0f0f0}.add-more[data-v-a16447d7]{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--color-light-teal);border-radius:12px;height:160px;cursor:pointer;color:var(--color-light-text);transition:all .3s ease;font-weight:500}.add-more[data-v-a16447d7]:hover{border-color:var(--color-teal);color:var(--color-teal);background-color:#1f4e5f0d;transform:translateY(-2px)}.add-more svg[data-v-a16447d7]{margin-bottom:10px;transition:all .3s ease}.add-more:hover svg[data-v-a16447d7]{transform:rotate(90deg) scale(1.1)}.upload-controls[data-v-a16447d7]{display:flex;justify-content:center;margin-top:2.5rem}.upload-button[data-v-a16447d7]{background:linear-gradient(135deg,var(--color-teal),var(--color-deep-teal));color:#fff;border:none;border-radius:30px;padding:14px 36px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:220px;box-shadow:0 6px 15px #0e3a4540}.upload-button[data-v-a16447d7]:hover:not(:disabled){background:linear-gradient(135deg,var(--color-orange),#eb9470);transform:translateY(-3px);box-shadow:0 8px 25px #e17b4f59}.upload-button[data-v-a16447d7]:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #0e3a454d}.upload-button[data-v-a16447d7]:disabled{background:linear-gradient(135deg,#c5c5c5,#d5d5d5);cursor:not-allowed;box-shadow:none}.upload-button.uploading[data-v-a16447d7]{background:linear-gradient(135deg,var(--color-teal),var(--color-deep-teal))}.upload-button.success[data-v-a16447d7]{background:linear-gradient(135deg,#32a682,#40b48f);box-shadow:0 6px 15px #32a68240}.upload-button.error[data-v-a16447d7]{background:linear-gradient(135deg,var(--color-orange),#f35e3e);box-shadow:0 6px 15px #f35e3e40}.spinner[data-v-a16447d7]{animation:rotate-a16447d7 2s linear infinite;width:22px;height:22px;margin-right:10px}.spinner circle[data-v-a16447d7]{stroke:#fff;stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash-a16447d7 1.5s ease-in-out infinite}@keyframes rotate-a16447d7{to{transform:rotate(360deg)}}@keyframes dash-a16447d7{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@media (max-width: 768px){.home-container[data-v-a16447d7]{padding:1.5rem;margin:0 1rem}.upload-area[data-v-a16447d7]{padding:2rem 1rem;border-radius:16px}h1[data-v-a16447d7]{font-size:2rem;margin-bottom:1.5rem}.preview-container[data-v-a16447d7]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px}.preview-image[data-v-a16447d7],.add-more[data-v-a16447d7]{height:130px}}@media (max-width: 480px){h1[data-v-a16447d7]{font-size:1.7rem}.upload-button[data-v-a16447d7]{font-size:1rem;padding:12px 24px;min-width:180px}}.gallery-view-container[data-v-7c5c9161]{max-width:1000px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:20px;box-shadow:0 8px 30px #0e3a451f;position:relative}.gallery-view-container[data-v-7c5c9161]:before{content:"";position:absolute;top:15px;right:15px;width:6px;height:6px;border-radius:50%;background-color:var(--color-yellow);box-shadow:0 0 8px 4px #f9d86c99}.gallery-view-container[data-v-7c5c9161]:after{content:"";position:absolute;bottom:20px;left:25px;width:4px;height:4px;border-radius:50%;background-color:var(--color-yellow);box-shadow:0 0 6px 3px #f9d86c80}h1[data-v-7c5c9161]{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,var(--color-teal),var(--color-deep-teal));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.gallery-container[data-v-7c5c9161]{background-color:#fff;border-radius:20px;padding:2rem;min-height:400px;box-shadow:0 4px 12px #00000008;border:1px solid rgba(95,138,149,.2)}.gallery-grid[data-v-7c5c9161]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.gallery-item[data-v-7c5c9161]{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0e3a4514;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(95,138,149,.1);cursor:pointer;position:relative}.gallery-item[data-v-7c5c9161]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0e3a4526}.gallery-item.selected[data-v-7c5c9161]{border:3px solid var(--color-orange);transform:translateY(-5px);box-shadow:0 8px 20px #e17b4f40}.gallery-image[data-v-7c5c9161]{height:180px;background-size:cover;background-position:center;border-bottom:1px solid #f0f0f0;position:relative}.selection-indicator[data-v-7c5c9161]{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;background-color:var(--color-orange);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #e17b4f99}.selection-guide[data-v-7c5c9161]{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;padding:.8rem;border-radius:12px;background-color:#1e4e5f0d}.guide-icon[data-v-7c5c9161]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-light-teal);color:#fff;margin-right:12px}.guide-icon.complete[data-v-7c5c9161]{background:var(--color-orange)}.guide-text[data-v-7c5c9161]{color:var(--color-teal);font-weight:500}.print-controls[data-v-7c5c9161]{display:flex;justify-content:center;gap:20px;margin-top:2.5rem}.print-button[data-v-7c5c9161],.share-button[data-v-7c5c9161]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#aaa,#888);color:#fff;border:none;border-radius:30px;padding:14px 36px;font-size:1.1rem;font-weight:600;cursor:not-allowed;transition:all .3s ease;min-width:180px;box-shadow:0 4px 10px #0000001a}.print-button svg[data-v-7c5c9161],.share-button svg[data-v-7c5c9161]{margin-right:10px}.print-button.enabled[data-v-7c5c9161],.share-button.enabled[data-v-7c5c9161]{background:linear-gradient(135deg,var(--color-teal),var(--color-deep-teal));cursor:pointer;box-shadow:0 6px 15px #0e3a4540}.print-button.enabled[data-v-7c5c9161]:hover,.share-button.enabled[data-v-7c5c9161]:hover{background:linear-gradient(135deg,var(--color-orange),#eb9470);transform:translateY(-3px);box-shadow:0 8px 25px #e17b4f59}.share-button.enabled[data-v-7c5c9161]{background:linear-gradient(135deg,var(--color-orange),#eb9470)}.share-button.enabled[data-v-7c5c9161]:hover{background:linear-gradient(135deg,var(--color-teal),var(--color-deep-teal))}.error-message[data-v-7c5c9161],.success-message[data-v-7c5c9161]{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;padding:1rem;border-radius:12px;font-weight:500}.error-message[data-v-7c5c9161]{background-color:#f35e3e1a;color:#f35e3e}.success-message[data-v-7c5c9161]{background-color:#32a6821a;color:#32a682}.error-message svg[data-v-7c5c9161],.success-message svg[data-v-7c5c9161]{margin-right:8px}.empty-gallery[data-v-7c5c9161]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#888;text-align:center}.empty-gallery svg[data-v-7c5c9161]{opacity:.5;margin-bottom:1.5rem}.upload-now-btn[data-v-7c5c9161]{margin-top:1.5rem;background:linear-gradient(135deg,var(--color-teal),var(--color-deep-teal));color:#fff;border:none;border-radius:30px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0e3a4533}.upload-now-btn[data-v-7c5c9161]:hover{background:linear-gradient(135deg,var(--color-orange),#eb9470);transform:translateY(-2px);box-shadow:0 6px 15px #e17b4f4d}.loading-indicator[data-v-7c5c9161]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.loading-indicator .spinner[data-v-7c5c9161]{width:50px;height:50px;margin-bottom:1.5rem;animation:rotate-7c5c9161 2s linear infinite}.loading-indicator .spinner circle[data-v-7c5c9161]{stroke:var(--color-teal);stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash-7c5c9161 1.5s ease-in-out infinite}@keyframes rotate-7c5c9161{to{transform:rotate(360deg)}}@keyframes dash-7c5c9161{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@media (max-width: 768px){.gallery-view-container[data-v-7c5c9161]{padding:1.5rem;margin:0 1rem}h1[data-v-7c5c9161]{font-size:2rem;margin-bottom:1.5rem}.gallery-grid[data-v-7c5c9161]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.gallery-image[data-v-7c5c9161]{height:150px}.gallery-container[data-v-7c5c9161]{padding:1rem}.print-controls[data-v-7c5c9161]{flex-direction:column;align-items:center;gap:16px}.print-button[data-v-7c5c9161],.share-button[data-v-7c5c9161]{width:100%;max-width:320px}}@media (max-width: 480px){h1[data-v-7c5c9161]{font-size:1.7rem}.gallery-grid[data-v-7c5c9161]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.gallery-image[data-v-7c5c9161]{height:120px}}