@import"https://fonts.googleapis.com/css2?family=Crimson+Text:wght@600&family=IBM+Plex+Sans:wght@400;500&display=swap";.btn{font-family:var(--font-body);font-weight:500;border-radius:var(--radius-small);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xsmall)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);border:2px solid var(--color-accent)!important}.btn-primary:hover:not(:disabled){background:var(--color-accent-dark);transform:translateY(-1px);box-shadow:0 2px 8px #fec6134d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)!important}.btn-secondary:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-small{padding:var(--spacing-xsmall) var(--spacing-small);font-size:var(--text-body-small)}.btn-full-width{width:100%}@media(max-width:768px){.btn{padding:var(--spacing-small) var(--spacing-medium);font-size:var(--text-body-medium)}}.btn-medium{padding:var(--spacing-small) var(--spacing-medium);font-size:var(--text-body-medium)}.btn-large{padding:var(--spacing-medium) var(--spacing-large);font-size:var(--text-body-large)}.header{padding:var(--spacing-small) var(--spacing-medium);border-bottom:1px solid var(--color-outline);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-small);background:var(--color-surface)}.header-title{color:var(--color-primary);font-size:var(--text-headline-medium);margin:0}.header-subtitle{font-size:var(--text-label-medium);color:var(--color-outline);margin:0}.header-button{margin-left:auto}@media(max-width:768px){.header{flex-direction:column;align-items:flex-start}.header-button{margin-left:0;width:100%}}.footer{padding:var(--spacing-small) var(--spacing-medium);border-top:1px solid var(--color-outline);text-align:center;font-size:var(--text-label-small);color:var(--color-outline);line-height:1.6;background:var(--color-surface)}.footer-line{margin:0 0 var(--spacing-xsmall) 0}.footer-brand{color:var(--color-primary)}.footer-music{margin:0;font-style:italic;font-size:var(--text-label-small)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-medium)}.modal-content{background:#fff;border-radius:var(--radius-large);box-shadow:0 8px 32px #0003;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-medium);border-bottom:1px solid var(--color-surface)}.modal-header h2{font-family:var(--font-headline);font-size:var(--text-headline-medium);color:var(--color-primary);margin:0}.modal-close{background:none;border:none;font-size:32px;line-height:1;color:var(--color-on-surface);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-small);transition:all .2s ease}.modal-close:hover{background:var(--color-surface);color:var(--color-primary)}.modal-body{padding:var(--spacing-medium)}@media(max-width:768px){.modal-overlay{padding:var(--spacing-small)}.modal-content{max-height:95vh}.modal-small,.modal-medium,.modal-large{max-width:100%}}.tree-map-container{flex:1;display:flex;flex-direction:column;min-height:0}.tree-map-loading,.tree-map-empty{text-align:center;padding:var(--spacing-large)}.tree-map-loading p,.tree-map-empty p{color:var(--color-outline);margin:0}.tree-map-error{padding:var(--spacing-small);background-color:var(--color-error-container);color:var(--color-on-error-container);border-radius:var(--radius-small);margin-bottom:var(--spacing-small);font-size:var(--text-body-small)}.tree-map-count{font-size:var(--text-body-medium);color:var(--color-on-surface);margin-bottom:var(--spacing-small);font-weight:500}.photo-upload{display:flex;flex-direction:column;gap:var(--spacing-medium)}.photo-upload-title{font-family:var(--font-headline);font-size:var(--text-title-large);color:var(--color-primary);margin:0}.dropzone{border:2px dashed var(--color-outline);border-radius:var(--radius-medium);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface)}.dropzone:hover{border-color:var(--color-accent);background:#fec6130d}.dropzone-active{border-color:var(--color-accent);background:#fec6131a}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-small)}.dropzone-icon{font-size:48px;margin-bottom:var(--spacing-small)}.dropzone p{margin:0;color:var(--color-on-surface)}.dropzone-hint{font-size:var(--text-body-small);color:var(--color-outline)}.dropzone-limit{font-size:var(--text-label-small);color:var(--color-outline);margin-top:var(--spacing-xs)}.photo-preview{position:relative;border:1px solid var(--color-outline);border-radius:var(--radius-medium);overflow:hidden}.photo-preview-image{width:100%;height:200px;object-fit:cover;display:block}.photo-preview-info{padding:var(--spacing-small);background:var(--color-surface)}.photo-preview-name{margin:0;font-size:var(--text-body-medium);color:var(--color-on-surface);font-weight:500}.photo-preview-size{margin:0;margin-top:var(--spacing-xs);font-size:var(--text-label-small);color:var(--color-outline)}.photo-preview-remove{position:absolute;top:var(--spacing-small);right:var(--spacing-small);width:32px;height:32px;border-radius:var(--radius-full);background:#0009;color:#fff;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.photo-preview-remove:hover{background:#000c;transform:scale(1.1)}.photo-metadata{display:flex;flex-direction:column;gap:var(--spacing-small);padding:var(--spacing-medium);background:#323f1508;border-radius:var(--radius-medium)}.photo-metadata-title{font-size:var(--text-title-small);color:var(--color-primary);margin:0 0 var(--spacing-small) 0}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:var(--text-label-medium);color:var(--color-on-surface);font-weight:500}.form-input,.form-select{padding:var(--spacing-small);border:1px solid var(--color-outline);border-radius:var(--radius-small);font-size:var(--text-body-medium);font-family:var(--font-body);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #fec61333}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-small)}.upload-progress{padding:var(--spacing-medium);text-align:center}.progress-bar{width:100%;height:8px;background:#323f151a;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-small)}.progress-bar-fill{height:100%;background:var(--color-accent);transition:width var(--transition-fast);border-radius:var(--radius-full)}.progress-text{margin:0;font-size:var(--text-body-small);color:var(--color-on-surface)}.upload-success{padding:var(--spacing-medium);text-align:center;color:var(--color-success)}.success-icon{font-size:48px;margin-bottom:var(--spacing-small)}.upload-success p{margin:0;font-size:var(--text-body-medium);font-weight:500}.upload-error{padding:var(--spacing-small);background:var(--color-error-container);color:var(--color-on-error-container);border-radius:var(--radius-small);font-size:var(--text-body-small)}.upload-error p{margin:0}.photo-upload-actions{display:flex;gap:var(--spacing-small);margin-top:var(--spacing-small)}.photo-upload-actions button{flex:1}@media(max-width:768px){.form-row{grid-template-columns:1fr}.dropzone{padding:var(--spacing-medium)}.dropzone-icon{font-size:36px}}.delete-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;padding:var(--spacing-medium);animation:fadeIn .2s ease}.delete-modal{background-color:var(--color-surface);border-radius:var(--radius-large);padding:var(--spacing-large);max-width:400px;width:100%;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.delete-modal-icon{font-size:48px;text-align:center;margin-bottom:var(--spacing-medium)}.delete-modal-title{font-family:var(--font-headline);font-size:var(--text-title-large);color:var(--color-primary);text-align:center;margin:0 0 var(--spacing-small) 0}.delete-modal-message{font-family:var(--font-body);font-size:var(--text-body-medium);color:var(--color-on-surface);text-align:center;margin:0 0 var(--spacing-small) 0;line-height:1.5}.delete-modal-id{font-family:var(--font-body);font-size:var(--text-label-small);color:var(--color-outline);text-align:center;margin-bottom:var(--spacing-medium)}.delete-modal-buttons{display:flex;gap:var(--spacing-small);margin-top:var(--spacing-medium)}.delete-modal-btn{flex:1;padding:var(--spacing-small) var(--spacing-medium);border:none;border-radius:var(--radius-medium);font-family:var(--font-body);font-size:var(--text-body-medium);font-weight:600;cursor:pointer;transition:all .2s ease}.delete-modal-btn-cancel{background-color:var(--color-surface-variant);color:var(--color-on-surface)}.delete-modal-btn-cancel:hover{background-color:var(--color-outline);color:var(--color-surface)}.delete-modal-btn-confirm{background-color:#f44;color:#fff}.delete-modal-btn-confirm:hover{background-color:#c00;transform:scale(1.02)}.delete-modal-btn-confirm:active{transform:scale(.98)}@media(max-width:768px){.delete-modal{padding:var(--spacing-medium)}.delete-modal-buttons{flex-direction:column}.delete-modal-btn{width:100%}}.photo-gallery{margin-top:var(--spacing-medium)}.photo-gallery-header{margin-bottom:var(--spacing-small)}.photo-gallery-title{font-family:var(--font-headline);font-size:var(--text-title-medium);color:var(--color-primary);margin:0}.photo-gallery-empty{text-align:center;padding:var(--spacing-large);background-color:var(--color-surface-variant);border-radius:var(--radius-medium)}.photo-gallery-empty-icon{font-size:48px;margin-bottom:var(--spacing-small);opacity:.5}.photo-gallery-empty-text{font-family:var(--font-body);font-size:var(--text-body-large);color:var(--color-on-surface);margin-bottom:var(--spacing-xs)}.photo-gallery-empty-subtext{font-family:var(--font-body);font-size:var(--text-body-small);color:var(--color-outline)}.photo-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-small)}.photo-gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius-small);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background-color:var(--color-surface-variant)}.photo-gallery-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.photo-gallery-img{width:100%;height:100%;object-fit:cover}.photo-gallery-delete-btn{position:absolute;top:4px;right:4px;width:32px;height:32px;border:none;border-radius:var(--radius-small);background-color:#ffffffe6;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background-color .2s ease;z-index:2}.photo-gallery-item:hover .photo-gallery-delete-btn{opacity:1}.photo-gallery-delete-btn:hover{background-color:#f44;transform:scale(1.1)}.photo-gallery-delete-btn:active{transform:scale(.95)}.photo-gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:var(--spacing-xs);opacity:0;transition:opacity .2s ease}.photo-gallery-item:hover .photo-gallery-overlay{opacity:1}.photo-gallery-date{font-family:var(--font-body);font-size:var(--text-label-small);color:#fff;text-align:center}.photo-lightbox{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-medium);animation:fadeIn .2s ease}.photo-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.photo-lightbox-close{position:absolute;top:-40px;right:0;width:40px;height:40px;border:none;border-radius:var(--radius-small);background-color:#fff3;color:#fff;font-size:24px;cursor:pointer;transition:background-color .2s ease}.photo-lightbox-close:hover{background-color:#ffffff4d}.photo-lightbox-img{max-width:100%;max-height:calc(90vh - 60px);border-radius:var(--radius-medium);box-shadow:0 8px 32px #00000080}.photo-lightbox-info{margin-top:var(--spacing-small);padding:var(--spacing-small);background-color:#ffffff1a;border-radius:var(--radius-small);color:#fff;font-family:var(--font-body);font-size:var(--text-body-small);text-align:center}.photo-lightbox-info>div{margin:4px 0}@media(max-width:768px){.photo-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-xs)}.photo-gallery-delete-btn{opacity:1}.photo-lightbox-close{top:0;right:0}}.bundle-card{background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-medium);padding:var(--spacing-medium);cursor:pointer;transition:all .2s ease}.bundle-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #fec61333;transform:translateY(-2px)}.bundle-card:active{transform:translateY(0)}.bundle-card-header{display:flex;align-items:center;gap:var(--spacing-small);margin-bottom:var(--spacing-medium)}.bundle-card-icon{font-size:32px;flex-shrink:0}.bundle-card-info{flex:1;min-width:0}.bundle-card-date{font-family:var(--font-body);font-size:var(--text-body-medium);font-weight:600;color:var(--color-on-surface);margin-bottom:2px}.bundle-card-user{font-family:var(--font-body);font-size:var(--text-body-small);color:var(--color-outline)}.bundle-card-stats{display:flex;gap:var(--spacing-medium);margin-bottom:var(--spacing-medium);padding:var(--spacing-small);background-color:var(--color-surface-variant);border-radius:var(--radius-small)}.bundle-card-stat{display:flex;align-items:center;gap:var(--spacing-xs)}.bundle-card-stat-icon{font-size:20px}.bundle-card-stat-value{font-family:var(--font-body);font-size:var(--text-title-small);font-weight:700;color:var(--color-primary)}.bundle-card-stat-label{font-family:var(--font-body);font-size:var(--text-label-small);color:var(--color-outline)}.bundle-card-signatures{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-medium)}.bundle-card-signature-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);border-radius:var(--radius-small);font-size:18px}.bundle-card-action{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-small);border-top:1px solid var(--color-outline-variant)}.bundle-card-action-text{font-family:var(--font-body);font-size:var(--text-body-medium);font-weight:600;color:var(--color-accent)}.bundle-card-action-arrow{font-size:20px;color:var(--color-accent);transition:transform .2s ease}.bundle-card:hover .bundle-card-action-arrow{transform:translate(4px)}@media(max-width:768px){.bundle-card{padding:var(--spacing-small)}.bundle-card-icon{font-size:28px}.bundle-card-date{font-size:var(--text-body-small)}.bundle-card-stats{flex-direction:column;gap:var(--spacing-small)}.bundle-card-stat{justify-content:space-between}}.bundle-photos-view{display:flex;flex-direction:column;gap:var(--spacing-medium)}.bundle-photos-header{display:flex;align-items:center;gap:var(--spacing-small);padding-bottom:var(--spacing-small);border-bottom:1px solid var(--color-outline-variant)}.bundle-photos-back{padding:var(--spacing-xs) var(--spacing-small);border:1px solid var(--color-outline);border-radius:var(--radius-small);background-color:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-body);font-size:var(--text-body-medium);cursor:pointer;transition:all .2s ease}.bundle-photos-back:hover{background-color:var(--color-surface-variant);border-color:var(--color-accent)}.bundle-photos-title{font-family:var(--font-headline);font-size:var(--text-title-medium);color:var(--color-primary);flex:1}.bundle-photos-info{background-color:var(--color-surface-variant);border-radius:var(--radius-medium);padding:var(--spacing-medium);display:flex;flex-direction:column;gap:var(--spacing-xs)}.bundle-photos-info-row{display:flex;align-items:center;gap:var(--spacing-small)}.bundle-photos-info-label{font-family:var(--font-body);font-size:var(--text-body-small);color:var(--color-outline);min-width:80px}.bundle-photos-info-value{font-family:var(--font-body);font-size:var(--text-body-medium);font-weight:600;color:var(--color-on-surface)}.bundle-photos-content{display:flex;flex-direction:column;gap:var(--spacing-large)}.bundle-photos-section{display:flex;flex-direction:column;gap:var(--spacing-small)}.bundle-photos-section-title{font-family:var(--font-body);font-size:var(--text-body-large);font-weight:600;color:var(--color-primary);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-accent)}.bundle-photos-loading{text-align:center;padding:var(--spacing-large)}.bundle-photos-loading-icon{font-size:48px;margin-bottom:var(--spacing-small)}.bundle-photos-loading-text{font-family:var(--font-body);font-size:var(--text-body-medium);color:var(--color-outline)}.bundle-photos-error{text-align:center;padding:var(--spacing-large);background-color:var(--color-surface-variant);border-radius:var(--radius-medium)}.bundle-photos-error-icon{font-size:48px;margin-bottom:var(--spacing-small)}.bundle-photos-error-text{font-family:var(--font-body);font-size:var(--text-body-medium);color:var(--color-error, #d32f2f)}@media(max-width:768px){.bundle-photos-title{font-size:var(--text-title-small)}.bundle-photos-info{padding:var(--spacing-small)}.bundle-photos-info-label{min-width:60px;font-size:var(--text-label-small)}.bundle-photos-info-value{font-size:var(--text-body-small)}.bundle-photos-section-title{font-size:var(--text-body-medium)}}.bundle-gallery{margin-top:var(--spacing-medium)}.bundle-gallery-header{margin-bottom:var(--spacing-medium)}.bundle-gallery-title{font-family:var(--font-headline);font-size:var(--text-title-medium);color:var(--color-primary);margin:0 0 var(--spacing-xs) 0}.bundle-gallery-subtitle{font-family:var(--font-body);font-size:var(--text-body-small);color:var(--color-outline)}.bundle-gallery-list{display:flex;flex-direction:column;gap:var(--spacing-small)}.bundle-gallery-loading{text-align:center;padding:var(--spacing-large)}.bundle-gallery-loading-icon{font-size:48px;margin-bottom:var(--spacing-small)}.bundle-gallery-loading-text{font-family:var(--font-body);font-size:var(--text-body-medium);color:var(--color-outline)}.bundle-gallery-empty{text-align:center;padding:var(--spacing-large);background-color:var(--color-surface-variant);border-radius:var(--radius-medium)}.bundle-gallery-empty-icon{font-size:48px;margin-bottom:var(--spacing-small);opacity:.5}.bundle-gallery-empty-text{font-family:var(--font-body);font-size:var(--text-body-large);color:var(--color-on-surface);margin-bottom:var(--spacing-xs)}.bundle-gallery-empty-subtext{font-family:var(--font-body);font-size:var(--text-body-small);color:var(--color-outline)}@media(max-width:768px){.bundle-gallery-title{font-size:var(--text-title-small)}.bundle-gallery-list{gap:var(--spacing-xs)}}.bundle-wizard-step{display:flex;flex-direction:column;gap:var(--spacing-medium)}.wizard-step-header{display:flex;align-items:center;gap:var(--spacing-small)}.wizard-step-icon{font-size:2rem}.wizard-step-title{flex:1;font-family:var(--font-headline);font-size:var(--text-headline-small);font-weight:600;color:var(--color-on-surface);margin:0}.wizard-step-required{padding:var(--spacing-xs) var(--spacing-small);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-body);font-size:var(--text-body-small);font-weight:600;border-radius:var(--border-radius-small)}.wizard-step-instructions{font-family:var(--font-body);font-size:var(--text-body-medium);color:var(--color-outline);margin:0;line-height:1.5}.wizard-step-photo-area{min-height:300px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-variant);border-radius:var(--border-radius-medium);overflow:hidden}.wizard-step-preview{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-small)}.wizard-step-preview-image{width:100%;height:300px;object-fit:cover}.wizard-step-retake-btn{margin:var(--spacing-small);padding:var(--spacing-small) var(--spacing-medium);background:var(--color-surface);color:var(--color-on-surface);border:2px solid var(--color-outline);border-radius:var(--border-radius-medium);font-family:var(--font-body);font-size:var(--text-body-medium);font-weight:600;cursor:pointer;transition:all .2s ease}.wizard-step-retake-btn:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.wizard-step-camera-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-small);padding:var(--spacing-large)}.camera-placeholder-icon{font-size:4rem;opacity:.5}.camera-placeholder-text{font-family:var(--font-body);font-size:var(--text-body-medium);color:var(--color-outline);margin:0}.wizard-step-actions{display:flex;gap:var(--spacing-small)}.wizard-step-btn{flex:1;padding:var(--spacing-medium);font-size:var(--text-body-medium);font-weight:600}.wizard-step-gps-warning{padding:var(--spacing-small);background:#ff98001a;color:#f57c00;font-family:var(--font-body);font-size:var(--text-body-small);text-align:center;border-radius:var(--border-radius-small)}@media(max-width:640px){.wizard-step-photo-area{min-height:250px}.wizard-step-preview-image{height:250px}.wizard-step-actions{flex-direction:column}}.signature-type-selector{display:flex;flex-direction:column;gap:var(--spacing-medium)}.signature-selector-header{text-align:center}.signature-selector-title{font-family:var(--font-headline);font-size:var(--text-headline-small);font-weight:600;color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0}.signature-selector-subtitle{font-family:var(--font-body);font-size:var(--text-body-medium);color:var(--color-outline);margin:0}.signature-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-medium)}.signature-type-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-small);padding:var(--spacing-large);background:var(--color-surface);border:2px solid var(--color-outline);border-radius:var(--border-radius-medium);cursor:pointer;transition:all .3s ease}.signature-type-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.signature-type-card.selected{border-color:var(--color-accent);background:#fec6131a;box-shadow:0 4px 12px #fec61333}.signature-type-icon{font-size:3rem}.signature-type-title{font-family:var(--font-body);font-size:var(--text-body-large);font-weight:600;color:var(--color-on-surface)}.signature-type-description{font-family:var(--font-body);font-size:var(--text-body-small);color:var(--color-outline);text-align:center}.signature-type-check{position:absolute;top:var(--spacing-small);right:var(--spacing-small);width:24px;height:24px;background:var(--color-accent);color:var(--color-on-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}@media(max-width:640px){.signature-type-grid{grid-template-columns:1fr}.signature-type-card{padding:var(--spacing-medium)}}.bundle-review{display:flex;flex-direction:column;gap:var(--spacing-medium)}.bundle-review-header{text-align:center}.bundle-review-title{font-family:var(--font-headline);font-size:var(--text-headline-small);font-weight:600;color:var(--color-on-surface);margin:0 0 var(--spacing-xs) 0}.bundle-review-subtitle{font-family:var(--font-body);font-size:var(--text-body-medium);color:var(--color-outline);margin:0}.bundle-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-medium)}.bundle-review-photo-card{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bundle-review-photo-preview{position:relative;aspect-ratio:1;border-radius:var(--border-radius-medium);overflow:hidden;background:var(--color-surface-variant)}.bundle-review-photo-preview img{width:100%;height:100%;object-fit:cover}.bundle-review-photo-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:var(--spacing-small);opacity:0;transition:opacity .2s ease}.bundle-review-photo-preview:hover .bundle-review-photo-overlay{opacity:1}.bundle-review-photo-btn{width:40px;height:40px;background:var(--color-surface);border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:transform .2s ease}.bundle-review-photo-btn:hover{transform:scale(1.1)}.bundle-review-photo-btn:disabled{opacity:.5;cursor:not-allowed}.bundle-review-photo-info{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-body);font-size:var(--text-body-small);color:var(--color-on-surface)}.bundle-review-photo-icon{font-size:1.2rem}.bundle-review-photo-title{flex:1;font-weight:600}.bundle-review-signature-badge{font-size:1rem;padding:2px 6px;background:var(--color-accent);border-radius:var(--border-radius-small)}.bundle-review-error{padding:var(--spacing-medium);background:#d32f2f1a;color:#d32f2f;font-family:var(--font-body);font-size:var(--text-body-small);border-radius:var(--border-radius-small);text-align:center}.bundle-review-progress{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bundle-review-progress-bar{height:8px;background:var(--color-surface-variant);border-radius:var(--border-radius-small);overflow:hidden}.bundle-review-progress-fill{height:100%;background:var(--color-accent);transition:width .3s ease}.bundle-review-progress-text{font-family:var(--font-body);font-size:var(--text-body-small);color:var(--color-outline);text-align:center}.bundle-review-actions{display:flex;gap:var(--spacing-small)}.bundle-review-btn{flex:1;padding:var(--spacing-medium);font-size:var(--text-body-medium);font-weight:600}.bundle-review-note{padding:var(--spacing-small);background:#2196f31a;color:#1976d2;font-family:var(--font-body);font-size:var(--text-body-small);text-align:center;border-radius:var(--border-radius-small)}@media(max-width:640px){.bundle-review-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-small)}.bundle-review-actions{flex-direction:column}}.photo-bundle-upload-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-medium)}.photo-bundle-upload-modal{background:var(--color-surface);border-radius:var(--border-radius-large);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}.bundle-upload-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-medium);border-bottom:2px solid var(--color-surface-variant)}.bundle-upload-title{display:flex;align-items:center;gap:var(--spacing-small);font-family:var(--font-headline);font-size:var(--text-headline-small);font-weight:600;color:var(--color-on-surface)}.bundle-upload-icon{font-size:1.5rem}.bundle-upload-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-on-surface);padding:var(--spacing-xs);transition:transform .2s ease}.bundle-upload-close:hover{transform:scale(1.1)}.bundle-upload-close:disabled{opacity:.5;cursor:not-allowed}.bundle-upload-progress{padding:var(--spacing-medium);border-bottom:1px solid var(--color-surface-variant)}.bundle-upload-step-text{font-family:var(--font-body);font-size:var(--text-body-medium);color:var(--color-on-surface);margin-bottom:var(--spacing-small);text-align:center}.bundle-upload-progress-dots{display:flex;justify-content:center;gap:var(--spacing-small)}.progress-dot{width:12px;height:12px;border-radius:50%;background:var(--color-outline);transition:all .3s ease}.progress-dot.active{background:var(--color-accent);transform:scale(1.3)}.progress-dot.completed{background:var(--color-primary)}.bundle-upload-content{flex:1;overflow-y:auto;padding:var(--spacing-medium)}.bundle-upload-error{padding:var(--spacing-medium);background:#d32f2f1a;color:#d32f2f;font-family:var(--font-body);font-size:var(--text-body-small);border-top:1px solid var(--color-surface-variant);text-align:center}.bundle-upload-gps-warning{padding:var(--spacing-small);background:#ff98001a;color:#f57c00;font-family:var(--font-body);font-size:var(--text-body-small);text-align:center;border-top:1px solid var(--color-surface-variant)}@media(max-width:640px){.photo-bundle-upload-modal{max-width:100%;max-height:100vh;border-radius:0}.bundle-upload-content{padding:var(--spacing-small)}}.tree-card{background:var(--color-surface);border-radius:var(--radius-medium);padding:var(--spacing-medium)}.tree-card-content{display:flex;gap:var(--spacing-medium)}.tree-card-photo{width:120px;height:120px;flex-shrink:0;border-radius:var(--radius-small);overflow:hidden;border:2px solid rgba(50,63,21,.15);position:relative}.tree-card-photo-img{width:100%;height:100%;object-fit:cover;display:block}.tree-card-photo-loading,.tree-card-photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#323f151a,#fec6131a)}.tree-card-photo-icon{font-size:2.5rem;margin-bottom:var(--spacing-xs)}.tree-card-photo-text{font-size:var(--text-label-small);color:var(--color-primary);font-weight:600;text-align:center;line-height:1.3;padding:0 var(--spacing-xs)}.tree-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.tree-card-name{font-family:var(--font-headline);font-size:var(--text-title-medium);color:var(--color-primary);margin:0;transition:color .2s ease}.tree-card-name:hover{color:var(--color-accent);text-decoration:underline}.tree-card-field{margin-bottom:var(--spacing-xs)}.tree-card-label{font-size:var(--text-label-small);color:var(--color-outline);margin-bottom:2px}.tree-card-value{font-size:var(--text-body-small);color:var(--color-on-surface)}.tree-card-value-secondary{font-size:var(--text-label-small);color:var(--color-outline);font-style:italic}.tree-card-coordinates{font-family:monospace}.tree-card-dendrometrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-small);margin-top:var(--spacing-small);padding-top:var(--spacing-small);border-top:1px solid rgba(50,63,21,.1)}.tree-card-measurement{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-small);background:linear-gradient(135deg,#323f150d,#fec6130d);border-radius:var(--radius-small);min-height:60px}.tree-card-measurement-label{font-size:var(--text-label-small);color:var(--color-outline);margin-bottom:4px;text-align:center;white-space:nowrap}.tree-card-measurement-value{font-size:var(--text-title-small);color:var(--color-on-surface);font-weight:600;text-align:center}@media(max-width:768px){.tree-card-content{flex-direction:column}.tree-card-photo{width:100%;height:200px}.tree-card-dendrometrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.tree-card-dendrometrics{grid-template-columns:1fr}}.gps-prompt-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-medium);animation:fadeIn .3s ease}.gps-prompt-modal{background-color:var(--color-surface);border-radius:var(--radius-large);padding:var(--spacing-large);max-width:480px;width:100%;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease}.gps-prompt-icon{font-size:4rem;text-align:center;margin-bottom:var(--spacing-medium);animation:bounce 1s ease infinite}.gps-prompt-title{font-family:var(--font-headline);font-size:var(--text-title-large);color:var(--color-primary);text-align:center;margin:0 0 var(--spacing-medium) 0}.gps-prompt-description{font-size:var(--text-body-medium);color:var(--color-on-surface);text-align:center;margin:0 0 var(--spacing-medium) 0}.gps-prompt-benefits{list-style:none;padding:0;margin:0 0 var(--spacing-large) 0}.gps-prompt-benefits li{display:flex;align-items:center;gap:var(--spacing-small);padding:var(--spacing-small);margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,#fec61314,#323f150a);border-radius:var(--radius-small);font-size:var(--text-body-medium);color:var(--color-on-surface)}.benefit-icon{font-size:1.5rem;flex-shrink:0}.gps-prompt-error{display:flex;gap:var(--spacing-small);padding:var(--spacing-medium);background-color:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:var(--radius-small);margin-bottom:var(--spacing-medium);font-size:var(--text-body-small);color:var(--color-on-surface)}.error-icon{font-size:1.5rem;flex-shrink:0}.gps-prompt-error strong{display:block;margin-bottom:var(--spacing-xs);color:#ff3b30}.gps-prompt-error p{margin:0;line-height:1.4}.error-hint{margin-top:var(--spacing-xs)!important;font-style:italic;opacity:.8}.gps-prompt-buttons{display:flex;flex-direction:column;gap:var(--spacing-small);margin-bottom:var(--spacing-medium)}.gps-prompt-btn-enable,.gps-prompt-btn-dismiss{width:100%;padding:var(--spacing-medium);font-size:var(--text-body-medium);font-weight:600;border-radius:var(--radius-medium);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.gps-prompt-btn-enable{background-color:var(--color-accent);color:var(--color-on-accent);border:none}.gps-prompt-btn-enable:hover:not(:disabled){background-color:#e5b312;transform:translateY(-2px);box-shadow:0 4px 12px #fec6134d}.gps-prompt-btn-enable:disabled{opacity:.6;cursor:not-allowed}.gps-prompt-btn-dismiss{background-color:transparent;color:var(--color-on-surface);border:1px solid var(--color-outline)}.gps-prompt-btn-dismiss:hover:not(:disabled){background-color:#0000000d}.spinner{animation:spin 1s linear infinite;display:inline-block}.gps-prompt-privacy{font-size:var(--text-label-small);color:var(--color-outline);text-align:center;margin:0;line-height:1.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.gps-prompt-modal{padding:var(--spacing-medium);max-width:100%}.gps-prompt-title{font-size:var(--text-title-medium)}.gps-prompt-icon{font-size:3rem}}.location-refresh-btn{position:fixed;top:80px;right:var(--spacing-medium);width:48px;height:48px;border-radius:50%;background-color:var(--color-surface);border:2px solid var(--color-accent);box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:900;transition:all .3s ease}.location-refresh-btn:hover:not(:disabled){background-color:var(--color-accent);transform:scale(1.1);box-shadow:0 6px 16px #fec6134d}.location-refresh-btn:active:not(:disabled){transform:scale(.95)}.location-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.location-refresh-btn.cooldown{background-color:#9e9e9e33;border-color:#9e9e9e80}.refresh-icon{font-size:1.5rem;display:inline-block;transition:transform .3s ease}.cooldown-timer{font-size:1.2rem;font-weight:700;color:var(--color-outline);font-family:var(--font-body)}.location-refresh-btn:hover:not(:disabled) .refresh-icon{transform:rotate(180deg)}.location-refresh-btn.loading .refresh-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.location-refresh-btn{width:44px;height:44px;top:70px;right:var(--spacing-small)}.refresh-icon{font-size:1.3rem}}.error-fallback{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-large);background:var(--color-surface)}.error-fallback-content{max-width:500px;text-align:center;padding:var(--spacing-large);background:#fff;border-radius:var(--radius-medium);box-shadow:0 2px 8px #0000001a}.error-fallback-content h2{font-family:var(--font-headline);font-size:var(--text-headline-large);color:var(--color-primary);margin-bottom:var(--spacing-medium)}.error-fallback-content p{font-family:var(--font-body);font-size:var(--text-body-medium);color:var(--color-on-surface);margin-bottom:var(--spacing-large)}.error-details{text-align:left;margin:var(--spacing-medium) 0;padding:var(--spacing-small);background:var(--color-surface);border-radius:var(--radius-small)}.error-details summary{cursor:pointer;font-family:var(--font-body);font-size:var(--text-body-small);color:var(--color-on-surface);margin-bottom:var(--spacing-small)}.error-details pre{font-family:monospace;font-size:var(--text-body-small);color:var(--color-on-surface);white-space:pre-wrap;word-wrap:break-word;margin-top:var(--spacing-small)}.error-fallback-button{font-family:var(--font-body);font-size:var(--text-body-medium);padding:var(--spacing-small) var(--spacing-large);background:var(--color-accent);color:var(--color-on-accent);border:none;border-radius:var(--radius-small);cursor:pointer;transition:all .2s ease}.error-fallback-button:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.error-fallback-button:active{transform:translateY(0)}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding:var(--spacing-small) var(--spacing-medium);max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column}.login-modal-back-button{width:100%;margin-top:var(--spacing-medium)}:root{--color-primary: #323f15;--color-on-primary: #fec613;--color-secondary: #362810;--color-on-secondary: #fec613;--color-surface: #ffffff;--color-on-surface: #364919;--color-surface-variant: #a3b695;--color-outline: #757c48;--color-accent: #fec613;--color-on-accent: #323f15;--color-accent-dark: #e1b012;--color-error: #8b2635;--color-on-error: #fec613;--color-error-container: #e8d5d1;--color-on-error-container: #2a1209;--color-success: #2a4a1a;--color-on-success: #fec613;--color-success-container: #f4e1a5;--color-on-success-container: #0a1f14;--color-warning: #433314;--color-on-warning: #fec613;--color-warning-container: #dccec5;--color-on-warning-container: #584b2f;--color-golden-light: #e1bc46;--font-headline: "Crimson Text", serif;--font-body: "IBM Plex Sans", sans-serif;--text-display-large: 57px;--text-heading-large: 32px;--text-title-large: 22px;--text-title-medium: 16px;--text-title-small: 14px;--text-body-large: 16px;--text-body-medium: 14px;--text-body-small: 12px;--text-label-medium: 12px;--text-label-small: 11px;--text-headline-medium: 28px;--spacing-xsmall: 4px;--spacing-xs: 4px;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--elevation-0: 0;--elevation-1: 0 1px 3px rgba(0,0,0,.12);--elevation-2: 0 3px 6px rgba(0,0,0,.16);--elevation-3: 0 6px 12px rgba(0,0,0,.2);--radius-small: 4px;--radius-medium: 8px;--radius-large: 16px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-body);background-color:var(--color-surface);color:var(--color-on-surface);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:768px){body{font-size:14px}h1{font-size:var(--text-headline-medium)!important}h2{font-size:var(--text-title-large)!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-weight:600;color:var(--color-on-surface)}h1{font-size:var(--text-display-large)}h2{font-size:var(--text-heading-large)}button:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-danger){font-family:inherit;cursor:pointer;background:none;border:0}button:hover,a:hover,input:focus,textarea:focus,select:focus{outline-color:var(--color-on-primary);outline-width:2px;outline-style:solid}a{color:var(--color-on-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-medium)}.btn-primary{background-color:var(--color-accent);color:var(--color-on-accent);padding:var(--spacing-small) var(--spacing-large);border-radius:var(--radius-medium);font-size:var(--text-title-medium);font-weight:500;border:2px solid var(--color-accent)!important;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{background-color:var(--color-accent-dark);box-shadow:0 2px 8px #fec6134d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)!important;padding:var(--spacing-small) var(--spacing-large);border-radius:var(--radius-medium);font-size:var(--text-title-medium);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.card{background-color:var(--color-surface);border-radius:var(--radius-large);padding:var(--spacing-large);box-shadow:var(--elevation-1);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--elevation-2)}